@charset "utf-8";
/* CSS Document */

/*
 css reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: "simsun","Microsoft YaHei","Myriad Set Pro","Helvetica Neue","Helvetica","Arial","sans-serif";
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
a{text-decoration: none}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.fl{float: left}
.fr{float: right}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*step-1*/
.step1{
            width:652px;
            height: 456px;
			margin:0 auto;
             text-align:center;
        }
.step1 img { padding-bottom:80px;}		    
.step1 .older { width:308px; height:74px; float:left; display:block; overflow:hidden; border:2px solid #7390A6; background:#85A7BF; text-align:center; font-size:18px; font-family:Microsoft YaHei; color:#FFFFFF; font-weight:bold; line-height:74px;letter-spacing:2px;}		
.step1 .last {width:308px; height:74px; float:right; display:block; overflow:hidden; border:2px solid #DC6842; background:#FF794D; text-align:center; font-size:18px; font-family:Microsoft YaHei; color:#FFFFFF; font-weight:bold; line-height:74px;letter-spacing:2px;} 
.step1 .write { width:308px; height:74px; float:left; display:block; overflow:hidden; border:2px solid #53A99F; background:#5FC1B7; text-align:center; font-size:18px; font-family:Microsoft YaHei; color:#FFFFFF; font-weight:bold; line-height:74px;letter-spacing:2px;}		
.step1 .query {width:308px; height:74px; float:right; display:block; overflow:hidden; border:2px solid #708DA2; background:#7B9BB1; text-align:center; font-size:18px; font-family:Microsoft YaHei; color:#FFFFFF; font-weight:bold; line-height:74px;letter-spacing:2px;} 

/*step-2*/  
.step2 { width:100%; display:block; overflow:hidden; background:#F7F7F9;}
.step2 .tip { width:100%; border-bottom:1px solid #C6D1E8; padding:106px 0 84px 0; background:#fff;}
.step2 .tip h2 { width:938px; margin:0px auto; text-align:center; font-size:28px; color:#395385; font-family:Microsoft YaHei;line-height: 150%;}
.step2 .tip ul { text-align:left; font-size:14px; font-family:simsun; color:#333333; line-height:171%; width:692px; margin:0px auto; margin-top:76px; background:url(../images/pic02.gif) no-repeat left center; padding-left:246px;}
.step2 .tip ul p { padding:5px 0;}
.step2 .explain { width:100%; padding:74px 0;}
.step2 .explain h2 { width:938px; margin:0px auto; text-align:center; font-size:28px; color:#bd1a2d; font-family:Microsoft YaHei; padding-bottom:50px;}
.step2 .explain ul { text-align:left; font-size:14px; font-family:simsun; color:#333333; line-height:171%; width:938px; margin:0px auto; }
.step2 .explain ul p { padding:5px 0;}
.step2 .explain .btn { width:160px; margin:0px auto; display:block; overflow:hidden; padding:64px 0; }
.step2 .explain .btn .cancel { width:160px; height:46px; background:url(../images/bg02.gif) no-repeat left top; text-align:center; font-size:16px; font-family:simsun; color:#395385; line-height:46px; display:block; overflow:hidden; cursor:pointer; float:left;}
.step2 .explain .btn .confirm {border-radius:5px;width:160px; height:46px;background-color: #bd1a2d; text-align:center; font-size:16px; font-family:simsun; color:#fff; line-height:46px; display:block; overflow:hidden; cursor:pointer; float:right;}