@charset "utf-8";
/* CSS Document */
body { font-family: '微软雅黑';}
.nav1 { background: #3dcd58; padding-top: 5px; padding-bottom: 5px; }
.banner-word { color: #fff; margin-top: 90px; margin-bottom: 90px; width: 700px; height: 275px; background: rgba(0,0,0,0.6); text-align: center; padding: 20px 0; }
.banner-word01 { font-size: 46px; }
.banner-word02 { font-size: 34px; }
.banner-word03 { font-size: 28px; background: #3dcd58; margin: 15px 0; line-height: 56px; }
.banner-word04 { font-size: 20px; width: 250px; float: right;  }
.mynav a { font-size: 1.5em; color: #444; }
.mynav a:hover { text-decoration: none; color: #32a748; }
.top-row { margin-top: 20px; margin-bottom: 20px; }
@media screen and (min-width: 992px) {
 	.top-row .col-md-8 { background: url(../images/zuhe.png) left no-repeat; padding-left: 180px; width: 70%; margin-left: 15%; }
	.nav5 .top-row .col-md-8 { background: url(../images/zuhe02.png) left no-repeat; } 
	.nav6 .top-row .col-md-8 { background: url(../images/zuhe03.png) left no-repeat; } 
	.nav7 .top-row .col-md-8 { background: url(../images/zuhe04.png) left no-repeat; } 
	.nav8 .top-row .col-md-8 { background: url(../images/zuhe05.png) left no-repeat; } 
	.nav9 .top-row .col-md-8 { background: none; padding: 0; } 
	.nav10 .top-row .col-md-8 { background: none; padding: 0;} 
	.nav11 .top-row .col-md-8 { background: none; padding: 0;} 
	.nav6 .fr { width: 85%; }
	.nav4 .fl { width: 85%;}
	.fr { float: right; }
	.fl { float: left; } 
	#myimage { width: 78%; float: right; }
	#mybox01, #mybox02 { width: 78%; border: 1px solid #ccc; }
	.npa { padding: 0; }
	.m-image { margin-top: 60px; }
	#mybox02 ul { padding:0 20px; margin-top: 25px; }
	.step { margin: 30px 0; }
	.rule div { padding: 0 50px; }
	.rulediv { border-right: 1px solid #ccc; }
	.rule img { margin-top: 10px; margin-bottom: 10px; }
	.nav2 { background-image: url(../images/banner_bg.jpg); background-position: center; background-size: cover; }
	.mynav { padding: 30px 0; }
	.nav5 .product02 { margin-top: 75px; }
	.nav9 { background: #e0e0e0; background-image: url(../images/bg04.jpg); background-position: top; background-repeat: no-repeat; padding-bottom: 20px;}
	.top-row .line01 { font-size: 24px; color: #009530; }
	.top-row .line02 { font-size: 36px; border-bottom: 1px solid #ccc; }
	.top-row .line03 { font-size: 24px; color: #666; }
}
@media screen and (max-width: 991px) {
	.nav5 .con { margin: 0 auto;}
	.mynav .col-xs-2 {width: 20%; padding:5px; }
	.mynav .col-xs-offset-1 { margin-left: 0;}
	.mynav p { font-size: 10px; }
	.mynav { padding: 10px 0; }
	.nav9 { background:#e0e0e0 url(../images/bg04.jpg) center 150px no-repeat; padding-bottom: 20px;}
	.step { margin: 20px 0; }
	.rule img { margin-bottom: 10px; }
	.top-row .line01 { font-size: 20px; color: #009530; }
	.top-row .line02 { font-size: 32px; border-bottom: 1px solid #ccc; }
	.top-row .line03 { font-size: 20px; color: #666; }
	.rulediv { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
}
@media screen and (min-width: 1500px) {
	#myimage { width: 70%; float: right; }
	#mybox01, #mybox02 { width: 70%; border: 1px solid #ccc; }
	.rule img { margin-top: 0; margin-bottom: 0; }
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .banner-word{
    background-color:#000000;
    filter:Alpha(opacity=60);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .banner-word p{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
.top-row p { text-align: center; }
.nav4 { background-image: url(../images/bg01.jpg); background-position: center; background-size: cover; padding-bottom: 20px; }
.myword { margin-top: 25px; margin-bottom: 35px; }
.spe { font-size: 22px; font-weight: bold; color: #009530; }
.bottom-row li { padding-left: 20px; background: url(../images/point.png) left 9px no-repeat; font-size: 18px; line-height: 25px; margin-top: 15px; }
.nav5 .con { width: 300px; }
.nav5 .con h3 { font-size: 20px; font-weight: bold; color: #32a748; line-height: 36px; text-align: center; margin: 0; }
.nav5 .con h4 { margin: 0; line-height: 30px; font-size: 16px; color: #32a748; }
.nav5 .con .border { border: 2px solid #67d87c; padding: 5px; margin-bottom: 6px; border-radius: 10px; }
.nav5 .con .border li { font-size: 15px; line-height: 22px; background: url(../images/point02.png) left 9px no-repeat; padding-left: 15px;  }
.nav5 .con .mb { padding-top: 25px; }
.nav5 .con .mb li { margin-bottom: 15px; }
.nav5 .top-row { margin-bottom: 0; }
.nav6 { background-image: url(../images/bg03.jpg); background-position: center; background-size: cover; padding-bottom: 20px;}
#mybox01 li { font-size: 16px; line-height: 24px; background: url(../images/point02.png) left 9px no-repeat; padding-left: 15px; margin: 15px 10px; }
.nav7 { overflow: hidden; padding-bottom: 20px; }
.nav8 { background: #f6f6f6; overflow: hidden; padding-bottom: 20px;}
#mybox02 li { font-size: 16px; line-height: 24px; }
#mybox02 li h4 { font-weight: bold; color: #009530; padding-left: 20px; background: url(../images/point.png) left 9px no-repeat;  }
#mybox02 li p { margin-left: 20px; }
.rule { margin-top: 20px; font-size: 16px; line-height: 24px; overflow: hidden; }
.rule h5 { font-size: 30px; }
.ruleul li { margin-top: 10px; }
.nav10 { background-image: url(../images/bg05.jpg); background-position: center; background-size: cover; color: #fff; padding-bottom: 20px;}
.nav10 .top-row .line02 { border: none; color: #fff; } 
.nav11 .top-row .line02 { border: none; } 
.btn { width: 60%; background: #3dcd58; color: #fff; font-size: 24px; }
.form-control { font-size: 16px; background: none; border: 2px solid #fff; color: #fff; }
.nav1, .nav2, .nav3, .nav4, .nav5, .nav6, .nav7, .nav8, .nav9, .nav10, .nav11 { position: relative; z-index: 0; }
.modal { background: rgba(0,0,0,0.2);}
.modal .form-control { border: 1px solid #ccc; color: #333; font-size: 16px; }
.modal .btn { font-size: 20px; }
.cai .form-group div { padding-left: 50px; line-height: 24px; font-size: 16px; }
.hongbao .modal-header { border-bottom: 1px solid #e70101; }
.hongbao p { text-align: center; }
.hongbao .modal-content { background: #fbf2c9 url(../images/hb_erweima.png) bottom no-repeat; }
/*.hongbao .modal-content { background-image: url(../images/hb_erweima.png); background-position: bottom; background: no-repeat; }*/
.hongbao .modal-body { padding-left: 0; padding-right: 0; padding-bottom: 0; }
.hongbao .money { width: 253px; height: 266px; background: url(../images/hb_money.png) no-repeat; margin: 0 auto; padding-top: 10px; margin-bottom: 20px; }
.hongbao .money p { padding-left: 15px; color: #aa0000; margin: 0; }
.hongbao .money .moneyp1 { line-height: 30px; }
.hongbao .money .moneyp2 { line-height: 30px; }
.hongbao .money .moneyp2 span { font-size: 30px; font-weight: bold; }
.hongbao .money .moneyp3 { width: 165px; height: 60px; margin: 0 auto; color: #fff; margin-top: 50px; font-size: 15px; }
.hongbao .erweima .imgWrap { width: 124px; height: 128px; padding: 5px; margin: 0 auto; margin-top: -30px; background: rgba(255,255,255,0.5); }
.hongbao .erweima p { line-height: 30px; background: #fff; margin: 0 auto 20px; width: 90%; border-radius: 3px; }