body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; }
a:link, a:visited { text-decoration: none;outline:none; }
img { border: none; }
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear { clear: both; }
.trn { transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}
.breadth0 { width: 1200px; margin: 0 auto; position: relative;}
.breadth { width: 1200px; margin: 0 auto; position: relative;}
body { background: url(/zhuanti/appointment/images/bg.jpg) no-repeat top center; font-family: "Microsoft YaHei";}

#header { height: 600px; }
#header h3 { font-size: 26px; font-weight: bold; color: #ffd45a;position: absolute; top: 517px; left: 304px; }
.activity_time{ }
#header a.btn_yvyue { position: absolute; width: 358px; height: 130px; top: 625px; left: 395px; background: url(/zhuanti/appointment/images/btn-yy.gif) no-repeat center;}
#header a.btn_yvyue:hover { background: url(/zhuanti/appointment/images/btn-yy.gif) no-repeat center; }
.logo_mark{position: absolute; top: 30px; left: 78px; width: 245px; height: 150px; background: url(/zhuanti/appointment/images/logo.png) no-repeat; background-size: 80%;}
#subscribe { text-align: center; margin-top: 309px;}
.sub_title { font-size: 52px; line-height: 52px; font-weight: bold; color: #5b50b7; }
.sub_title span { font-size: 72px; line-height: 66px; color: #e8be45;}

.sub_box {/*margin-top: 120px;*/ text-align: center;
    background: url(/zhuanti/appointment/images/bp-item.png) no-repeat center; height: 705px;}
/*.item_img {background: url(/zhuanti/appointment/images/items.png) no-repeat center; background-size: 90% 69%;
    height: 558px;
    margin-right: 13px; }*/
.box_layer{    width: 1000px;height: 420px;padding: 206px 0 0 40px;}
.box_num {width: 1053px; position: absolute; /*position: relative;display:inline-block;*/ }

.box_num li { display: inline-block; width: 128px; height: 108px; font-weight: bold; margin: 0 54px; position: relative; }
.box_num li i,.box_num >i.icon { background: url(/zhuanti/appointment/images/ban-progress.png) no-repeat; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 31px; height: 31px;}
.box_num li h3 { font-size: 24px; line-height: 56px; color: #555; }
.box_num li p { font-size: 16px; color: #000; line-height: 16px; }

.box_num li.active i { background: url(/zhuanti/appointment/images/wzsj-icon-x_01_19.png) no-repeat; }
.box_num li.active h3 { color: #e8be45; }


.box_pro_empty {
    background: url(/zhuanti/appointment/images/progress-line-bg.png) no-repeat;
    height: 20px;
    margin: 63px 0 0 58px;
}

.box_pro {
    background: url(/zhuanti/appointment/images/progress-line-bg-fill.png) no-repeat;
    height: 20px;
}
.box_pro_wrapper {
    position: absolute;
    height: 120px;
    margin: 100px 0 0 125px;
    overflow: hidden;
}
.box_pro_items{

}
.pro_item{float: left;
    padding-right: 95px;
    padding-left: 15px;
    overflow: hidden;
}
.stage_note{

}
.line1{
    font-size: 12px;
    color: white;
}
.line2{
    font-size: 24px;
    color: gold;
    font-weight: bold;
}
.pro_list{
    display:inline-block;
    margin-left: 40px;

}
.item_img{
    padding: 170px 50px 0 50px;
}
.first-item{
    background: url("/zhuanti/appointment/images/1st_item_bg.png") no-repeat;
    float: left;
    width: 170px;
    height: 410px;
    margin: 2px 0 0 66px;
    position: relative;
}
.first-item img {
    padding-top: 32px;
}
.first-item:hover{
    background: url("/zhuanti/appointment/images/1st_item_bg-hover.png") no-repeat;
}
.first-item-detail{
    background: url(/zhuanti/appointment/images/item-detail-bg.png) no-repeat;
    width: 543px;
    height: 423px;
    float: left;
    margin: 0 0 0 -23px;
    display: none;
}
.first-item-detail-title {
    margin-top: 40px;
}
.first-item-detail .item-name-wrapper{
    background: url("/zhuanti/appointment/images/item-detail-item-name.png");
    position: absolute;
    width: 38px;
    height: 128px;
    margin: 30px 0 0 64px;
}
.item-name{
    padding: 10px 18px 0 0;
}
.item-detail-ad-col{
    width: 18px;
    position: absolute;
    margin: 32px 0 0 75px;
    font-size: 19px;
    color: #f5e37b;
}
.pro_stage{
    background: url("/zhuanti/appointment/images/progress-stage-em.png") no-repeat;
}
.pro_stage_alight {
    background: url("/zhuanti/appointment/images/progress-stage-filled.png") no-repeat;
}
.sub_cont { color: #000; margin: 0 auto; }
.sub_cont h3 { font-size: 52px; line-height: 126px; font-weight: bold; color:#5b50b7}
.sub_cont p { font-size: 18px; text-align: left;  padding: 18px 0 0 0;}

.sub_btn { margin: 80px; }
.sub_btn a {
    display: inline-block;
    width: 412px;
    height: 127px;
    margin: 0 40px 0 20px;
    padding: 30px 0 0 0;
    color: #ffcf5e;
    font-size: 40px;
}
.sub_content_body{
    background: url("/zhuanti/appointment/images/notes-bg.png") no-repeat;
    margin: 0 0 0 66px;
    height: 296px;
    padding: 0 20px 0 20px;
    width: 1030px;
    background-size: 100% 100%;
}
.btn_dl {background: url(/zhuanti/appointment/images/btn-dl.gif) no-repeat; width: 334px; height: 139px;float: left}
/*.btn_dl:hover {background: url(/zhuanti/appointment/images/btn-dl-hover.png) no-repeat; } */
.btn_join_qq{background: url(/zhuanti/appointment/images/btn-simple.png) no-repeat;width: 334px;  height: 139px;}
.btn_join_qq:hover {background: url(/zhuanti/appointment/images/btn-simple.png) no-repeat;}

.mb_box { display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(000, 000, 000, .6); }
.mb_cont { position: absolute; width: 555px; height: 489px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url(/zhuanti/appointment/images/pop-up.png) no-repeat; }
.mb-x { position: absolute; width: 42px; height: 42px; top:0;right: 0; cursor: pointer; }

#reg_win4{ margin: 100px 125px;}
.checklink{
    display: none;
}
.checklink, .checklink:link, .checklink:hover, .checklink:visited{
    color:#a00a07;
    text-decoration: underline;
    font-size:18px;
    position: absolute;
    width:200px;
    height:24px;
    line-height:24px;
    top:695px;
    left:255px;
    cursor:pointer;
}
.topblank {
    width:100%;
    height:60px;
}
.accstat {
    /*background:#8e0805;*/
    background: #3f4758;
    width:200px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:15px;
    color:#f8f4eb;
    float:right;
    margin: -20px 400px 0 0;
}
.accstat a, .accstat a:link, .accstat a:visited {
    /*color:#f8f4eb;*/
    color: #7f9ee0;
    text-decoration: underline;
}
.accstat img{

}
.accstat:after{
}
.slogon-wrapper{
    margin: 45px 0 0 265px;
}
.slogon{
}
.slogon h2{
    background: url(/zhuanti/appointment/images/slogon_kuagn.png) no-repeat;
    height: 75px;
    padding: 16px 0 0 65px;
    font-size: 32px;
    color: white;
    margin-top: 15px;
}
.logininfo {
    display:none;
}
.logout {
    display:none;
}

/* popup */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1004;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.76);
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c2000000, endColorstr=#c2000000);
}
.pop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1005;
}
.popapp {
	width: 555px;
	height: 489px;
	margin-left: -278px;
	margin-top: -260px;
    background: url(/zhuanti/appointment/images/pop-up.png) 100% 100% no-repeat;
	background-size: cover;
	display: none;
}
.popmsg {
	width: 300px;
	height: 240px;
	margin-left: -150px;
	margin-top: -120px;
    background: url(/zhuanti/appointment/images/pop-up.png) -128px -120px no-repeat;
    border-radius:8px;
    display: none;
    color:#131213;
}
.poplogin {
	width: 400px;
	height: 300px;
	margin-left: -200px;
	margin-top: -150px;
    background: url(/zhuanti/appointment/images/pop-up.png) -78px -100px no-repeat;
    border-radius:8px;
	display: none;
}
.popmsgarea {
	width:220px;
	height:150px;
	margin:40px auto 0 auto;
	line-height:30px;
	font-size:18px;
	overflow:hidden;
}
.close_pop1 {
	height: 42px;
	width: 42px;
	color: #810a0c;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:0px;
	left:513px;
}
.close_pop2 {
	height: 30px;
	width: 30px;
	border-radius: 15px;
	color: #810a0c;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:5px;
	left:265px;
}
.close_pop3 {
	height: 30px;
	width: 30px;
	border-radius: 15px;
	color: #38a0ff;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:6px;
	left:365px;
}
.loginfrm {
	width:330px;
	height:265px;
	position:absolute;
	top:45px;
	left:35px;
}
.dialogtitle {
    width:500px;
    line-height: 35px;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    color: #810a0c;    
}
.appdlgpanel {
    width: 450px;
    height:340px;
    overflow: hidden;
    margin-left:20px;
}
.step01,.step03,.step04 {
    width: 450px;
    height:340px;
    overflow: hidden;
}
.step02 {
    width:360px;
    height:200px;
    border:3px solid #38a0ff;
    background: #fff;
    border-radius: 5px;
    position: relative;
    top: -320px;
    left:70px;
}
.step04, .step02, .step03 {
    display:none;
}
.step01blank{
    width:100%;
    height:30px;
}
.step03blank {
    width:100%;
    height:20px;
}
.step03 .sub_btn {
    padding: 55px 0 0 10px;
    margin: 10px 0;
}
.dlgtext, .inputline {
    color: #810a0c;  
    line-height: 40px;
    font-size: 16px;
}
.dlgtext2 {
    height: 20px;
    color: #810a0c;  
    line-height: 20px;
    font-size: 14px;
}
.inputline {
    text-align:center;
}
.inputline02 {
    width:300px;
    height: 40px;
    color: #333;  
    line-height: 40px;
    font-size: 16px;
    margin:0 auto;
}
.inputline02 .piccode{
    width:100px;
    height:30px;
    float:left;
    display:block;
}
.inputline02 .code1{
    width:76px;
    height:26px;
    float:left;
    display:block;
    margin:0 10px;
}
.inputline02 a{
    width:90px;
    height:30px;
    line-height: 30px;
    float:right;
    display:block;
    font-size:12px;
    text-align: right;
}
.mobileinfo {
    width:240px;
}
.smscode {
    width:155px;
}
.mobibtn {
    width:80px;
    height:20px;
    background: #810a0c;  
    color:#fff;
    border-radius: 20px;
    text-align: center;
    border:none;
    font-size: 12px;
    cursor:pointer;
}
.mobibtn:disabled {
    background: #505050;
    color:#a0a0a0
}
.step01btn {
    height:50px;
    width:200px;
    line-height:50px;
    margin:15px auto;
    background: #810a0c;  
    border-radius: 25px;
    color:#fff;
    text-align:center;
    font-size:22px;
    font-weight:bold;
    cursor:pointer;
}
.step02btn {
    height:35px;
    width:140px;
    line-height:35px;
    margin:10px auto;
    background: #38a0ff;  
    border-radius: 17.5px;
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
}
.closestep02 {
	height: 30px;
	width: 30px;
    border-radius: 15px;
	color: #38a0ff;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:6px;
	left:325px;
}
.coderes {
    border: none;
    background: transparent;
    margin-right: 10px;
    outline: none;
    width: 230px;
    text-align: center;
    color: #ca4042;
    font-size: 18px;
}
.cardbtn {
    background: #810a0c;
    border: none;
    border-radius: 10px;
    height: 20px;
    width: 80px;
    line-height: 20px;
    color: #fff;
    cursor:pointer;
}
.qqlink {
    cursor:pointer;
    text-decoration: underline;
}
.popdwnbtn {
    width: 206px;
    height: 63px;
    margin: 60px auto 0 auto;
    background: url(/zhuanti/appointment/images/wzsj-btn-l.gif) no-repeat;
    background-size: contain;
}

#quicklogin {
	transform: scale(0.8);
	margin-left: -65px;
	margin-top: -25px;
}

#footer {    background-color: #181c23;    height: 148px;    min-width: 1000px;}
.footer_con {    color: #999;  height: 125px;    padding-top: 10px;    width: 1000px;    margin: 0 auto;}
.footer_con a {color: #666;}
.footer_con p {    text-align: center;    font-size: 12px;    color: #999;    padding-top: 8px;}
.footer_con p img {    margin: 0px 20px;}
.footer_con p span {    color: #fff;}

.breath-light{
    opacity: 0.1;
    overflow: hidden;
    -webkit-animation-name: BreathLight;
    -moz-animation-name: BreathLight;
    -o-animation-name: BreathLight;
    animation-name: BreathLight;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@keyframes BreathLight {
    from {opacity: 0.5;}
    50% {opacity: 1;}
    to {opacity: 0.5;}
}
@-webkit-keyframes BreathLight {
    from {opacity: 0.5;}
    50% {opacity: 1;}
    to {opacity: 0.5;}
}


.heartbeat{
    opacity: 1;
    overflow: hidden;
    -webkit-animation-name: HeartBeat;
    -moz-animation-name: HeartBeat;
    -o-animation-name: HeartBeat;
    animation-name: HeartBeat;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@keyframes HeartBeat {
    from {transform:rotate(0deg) scale(0.8,0.8);}
    50% {transform:rotate(0deg) scale(1,1);}
    to {transform:rotate(0deg) scale(0.8,0.8);}
}
@-webkit-keyframes HeartBeat {
    from {transform:rotate(0deg) scale(0.8,0.8);}
    50% {transform:rotate(0deg) scale(1,1);}
    to {transform:rotate(0deg) scale(0.8,0.8);}
}