body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,i{ margin:0; padding:0; }
img {border: none;vertical-align:middle}em{ font-style:normal;}ul, li, dl, dd, dt, ol{ list-style: none; }
a {	outline: none; text-decoration: none; cursor: pointer;}table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select{vertical-align: middle;}i{font-style: normal;}
html{overflow-x: hidden;}
body{font-size: 16px; background: url(../images/bg.jpg) top center no-repeat #fdf5f3; color: #666}

.main{width: 1200px;margin: 0 auto; padding-top: 645px; position: relative; padding-bottom: 100px;}

.content{width: 898px; height: 340px; margin: 0 auto; }
.content .title{ height: 30px;  margin-bottom: 30px;}
.form-area{ width: 400px; margin: 0 auto;}
.line{ margin-bottom: 20px; font-size: 18px; color: #333; }
.line .inp{border:1px solid #ddd;width: 180px;height: 30px;display:inline-block;background: #fff; border-radius: 5px; line-height: 30px; padding-left: 20px;}
.line label{ display: inline-block; width: 120px; text-align: right;}
.line select{ width: 200px; height: 30px; border: 1px solid #ccc; border-radius: 5px; padding-left: 10px;}
.button-area{ text-align: center; margin-top: 30px;}
.exchange-btn{ display: inline-block; width: 200px; height: 50px; background-color: #e4393c; color: #fff; text-align: center; line-height: 50px; font-size: 24px; border-radius: 25px; text-decoration: none;}
.exchange-btn:hover{ background-color: #c02b2e;}
.confirm-text{ text-align: center; margin-top: 15px; color: #999; font-size: 14px;}

.rules{ width: 1100px; margin-top: 50px; border:10px solid #f77077; border-radius: 20px; background: #fff5f5; padding: 20px; }
.rules-title{ font-size:24px; font-weight:bold; line-height: 50px;color: #e4393c; }
.rules ul li{ margin-bottom: 15px; line-height: 24px; font-size: 14px; color: #666;}
.rules ul li .sub-title{ font-size: 16px; margin-bottom: 5px; font-weight: bold;}
.go-shop{ display: inline-block; width: 100px; height: 30px; background-color: #e4393c; color: #fff; text-align: center; line-height: 30px; border-radius: 15px; text-decoration: none; margin-left: 10px;}
.go-shop:hover{ background-color: #c02b2e;}





/*底部*/
.bottom{text-align: center; font-size: 12px;color: #333;line-height: 24px;clear: both;}
.bottom a{color: #333}









