@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;}
.row{overflow:hidden;}
.col-xs-12 {width: 100%;padding: 0 15px;}
.col-xs-4 {width: 33.33333333%;float: left;}
.col-xs-6 {width: 50%;float: left;padding: 0 15px;}
.col-xs-8 {width: 66.66666667%;float: left;}
.text-center {text-align: center;}
.clearfix{clear:both;}

.tit1{text-align: center;font-size: .46rem;font-weight: bold;}
.tit1 span{color: #28b28b;}
.tit2{text-align: center;font-size:.4rem;padding-bottom: 5%;}
.zixun{width: 60%;margin: 5% auto;text-align: center;font-size: .3rem;line-height: 2.5;font-weight: 700;background-color: #ffa100;border-radius: 25px;}
.zixun a{color: #fff;}
.main1, .main2, .main3, .main4, .main5, .main6, .main7, .main8{width: 100%;margin-top:3%}
.main1 .col-xs-12{padding: 0;border-bottom: 1px solid #28b28b;}
.main1 .col-xs-12 .col-xs-4{padding: 10px 5px;}
.main1 .col-xs-12 .col-xs-4 i{font-size: .3rem;line-height: 1.5;color: #28b28b;display: block;}
.main1 .col-xs-12 .col-xs-4 span{font-size: .24rem;line-height: 1.5;display: block;}
.main1 .col-xs-12 .col-xs-4 span:nth-child(3){font-size: .3rem;font-weight: bold;color: #28b28b;}
.main2 .col-xs-12, .main7 .col-xs-12{padding: 0;}
.main2 .col-xs-12 .col-xs-6, .main7 .col-xs-12 .col-xs-6{padding: 0 8px;}
.main2 .col-xs-12 .col-xs-6 span, .main7 .col-xs-12 .col-xs-6 span{display: block;text-align: center;line-height: 2;font-size: .3rem;}
.main4{background-color: #28b28b;padding-bottom: 1px;}
.main4 .tit1, .main4 .tit2{color: #fff;}
.main4 .content{position: relative;width: 100%;padding: 7% 2% 10% 2%;border: 1px solid #fff;margin-top: 1rem;}
.main4 .content .fr{width: 30%;}
.main4 .content .c_zi{font-size: .3rem;line-height: 1.5;color: #fff;}
.main4 .content .class{position: absolute;left: 1rem;top: -.5rem;font-size: .4rem;color: #fff;background-color: #fff;width: 25%;text-align: center;line-height: 2.5;background-color: #28b28b;}
.main4 .content .task{position: absolute;right: .1rem;bottom: -.4rem;width: 45%;text-align: center;line-height: 2;border-radius: 10px;font-size: .3rem;background-color: #fff;color: #28b28b;}
.main4 .content .task span{font-size: .4rem;font-weight: 700;}
.main4 .h40{height: .4rem;}
.main4 .zixun{background-color: #fff;}
.main4 .zixun a{color: #28b28b;}
.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;font-size: .3rem;}
.main6 .m6 .col-xs-12 .col-xs-6 div span:nth-child(1){font-weight: bold;}
.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;font-size:.3rem;}
.main9{width: 100%;padding-bottom: 1px;margin-top: 8%;background-color: #28b28b;}
.main9 h2.tit1{color: #fff;padding-top:3%}
.main9 form{width: 80%;margin: 5% auto;}
.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: .3rem;}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}