@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: #000;}
img {border:none; vertical-align:middle;width: 100%;display:block;}
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body {min-width: 320px;max-width: 750px ;margin: 0 auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;}
body,h1,h2,h3,h4,h5,p,dl,dd,ul,li,ol,form,input,textarea,th,td,select,div{ margin:0; padding:0;font-family:'Microsoft Yahei';box-sizing:border-box;}
.fl{ float: left;}
.fr{ float: right;}

.tit1{text-align: center;font-size: 2.2rem;padding: 10% 0 0 0;font-weight: bold;}
.tit1 span{color: #7fbd2e;}
.tit2{text-align: center;font-size: 1.5rem;padding: 3% 0;}
.zixun{width: 60%;margin: 5% auto;text-align: center;font-size: 1.6rem;line-height: 2.5;font-weight: 700;background-color: #f14d72;border-radius: 8px;}
.zixun a{color: #fff;}
.main1, .main2, .main3, .main4, .main5, .main6, .main7, .main8{width: 100%;}
.main1 .col-xs-12{padding: 0;border-bottom: 1px solid #7fbd2e;}
.main1 .col-xs-12 .col-xs-4{padding: 10px 5px;}
.main1 .col-xs-12 .col-xs-4 i{font-size: 1.8rem;line-height: 1.5;color: #7fbd2e;}
.main1 .col-xs-12 .col-xs-4 span{font-size: 1.5rem;line-height: 1.5;display: block;}
.main1 .col-xs-12 .col-xs-4 span:nth-child(3){font-size: 1.7rem;font-weight: bold;color: #7fbd2e;}
.main3 .col-xs-12, .main7 .col-xs-12{padding: 0;margin-top: 5%;}
.main3 .col-xs-12 .col-xs-6, .main7 .col-xs-12 .col-xs-6{padding: 0 8px;}
.main3 .col-xs-12 .col-xs-6 span, .main7 .col-xs-12 .col-xs-6 span{display: block;text-align: center;}
.main3 .col-xs-12 .col-xs-6 span{line-height: 1.5;}
.main3 .col-xs-12 .col-xs-6 span:nth-child(2){color: #7FBD2E;}
.main4{background-color: #7fbd2e;padding-bottom: 1px;}
.main4 .tit1, .main4 .tit2{color: #fff;}
.main4 .content{position: relative;width: 100%;padding: 10% 2% 14% 2%;border: 1px solid #fff;margin-top: 4rem;}
.main4 .content .fr{width: 14rem;}
.main4 .content .c_zi{font-size: 1.5rem;line-height: 1.5;color: #fff;}
.main4 .content .class{position: absolute;left: 1rem;top: -2rem;font-size: 2rem;color: #fff;background-color: #fff;width: 10rem;height: 4rem;text-align: center;line-height: 4rem;background-color: #7fbd2e;}
.main4 .content .task{position: absolute;right: .6rem;bottom: -2.4rem;width: 45%;text-align: center;line-height: 4rem;border-radius: 10px;font-size: 1.5rem;background-color: #fff;color: #7fbd2e;}
.main4 .content .task span{font-size: 3rem;font-weight: 700;}
.main4 .h40{height: 4rem;}
.main4 .zixun{background-color: #fff;}
.main4 .zixun a{color: #7fbd2e;}
.main6 .m6{margin-top: 5%;}
.main6 .m6 .col-xs-12{padding: 0;}
.main6 .m6 .col-xs-12 .col-xs-6 div{width: 100%;background-color: #f0f0f0;text-align: center;padding: 2% 0;}
.main6 .m6 .col-xs-12 .col-xs-6 div span{display: block;}
.main6 .m6 .col-xs-12 .col-xs-6 div span:nth-child(1){font-size: 1.7rem;font-weight: bold;}
.main7 .col-xs-12 .col-xs-6 span{line-height: 2;}
.main8 .col-xs-12{padding: 0;margin-top: 5%;}
.main8 .col-xs-12 .col-xs-4{padding: 0 5px;margin-top: 3%;}
.main8 .col-xs-12 .col-xs-4 span{display: block;text-align: center;line-height: 2;}
.main9{width: 100%;padding-bottom: 1px;margin-top: 8%;background-color: #7fbd2e;}
.main9 h2.tit1{color: #fff;}
.main9 form{width: 80%;margin: 10% auto 7%;}
.main9 form .input-group{margin-bottom: 8%;}
.main9 form .input-group input{line-height: 2;}
.main9 form .btn-group{width: 100%;}
.main9 form .btn-group button{width: 100%;color: #000;font-size: 1.5rem;}