@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;}

.tit{text-align: center;padding-top: 5%;padding-bottom: 2%;}
.tit div{position: relative;display: inline-block;font-size: 2rem;line-height: 2;padding: 0 10px;font-weight: bold;}
.tit div::before, .tit div::after{background-color: #6aa100;position: absolute;width: 30%;height: 1px;content: '';}
.tit div::before{left: -40%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tit div::after{right: -40%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tit div i.tit-circ-l, .tit div i.tit-circ-r{position: absolute;display: block;background: #6aa100;border-radius: 50%;}
.tit div i.tit-circ-l{width: 15px;height: 15px;left: -15%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.tit div i.tit-circ-r{width: 12px;height: 12px;right: -10%;bottom: 32%;}
.tit div i.tit-circ-r::before, .tit div i.tit-circ-r::after{position: absolute;display: block;content: '';background: #fff;border-radius: 50%;}
.tit div i.tit-circ-r::before{top: -180%;right: -150%;width: 15px;height: 15px;border: 1px solid #6aa100;z-index: 3;-webkit-transform: scale(.7);-ms-transform: scale(.7);transform: scale(.7);}
.tit div i.tit-circ-r::after{top: -224%;right: -197%;width: 25px;height: 25px;border: 2px solid #6aa100;-webkit-transform: scale(.7);-ms-transform: scale(.7);transform: scale(.7);}
.ask{width: 70%;margin: 8% auto;text-align: center;font-size: 1.5rem;line-height: 2.5;border-radius: 25px;background: linear-gradient(to bottom left, #fe8545, #ff2e2d);box-shadow: 0 4.8px 4.28px 0 rgb(255 67 67 / 60%);}
.ask a{color: #fff;}
.main1, .main2, .main3, .main4, .main5, .main6, .main7, .main8{width: 100%;}
.main1 .col-xs-12{padding: 0;border-bottom: 1px solid #fe8545;}
.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: #fe8545;}
.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: #fe8545;}
.main2 .title{width: 100%;padding-top: 5%;;text-align: center;}
.main2 .title span{display: block;font-size: 1.8rem;line-height: 2;}
.main2 .title span b{color: #e25041;}
.main2 form{width: 80%;margin: 5% auto 7%;}
.main2 form .input-group{margin-bottom: 8%;}
.main2 form .input-group input{line-height: 2;}
.main2 form .btn-group{width: 100%;}
.main2 form .btn-group button{width: 100%;color: #fff;font-size: 1.5rem;background-color: #f33531;}
.main3 table{width: 100%;}
.main3 table.tab tr{background: #fa0;color: #fff;}
.main3 table.tab tr th{width:20%;text-align: center;font-size: 1.5rem;}
.main3 table.tab tr th:nth-child(n+3){width: 30%;}
.main3 table tr{line-height:2}
.main3 #demo{overflow: hidden;margin: 0 auto;height: 15rem;}
.main3 table.tab1 tr:nth-child(2n){background: #f2f2f2;}
.main3 table.tab1 tr td{color: #000;font-size: 1.5rem;text-align: center;width: 20%;}
.main3 table.tab1 tr td:nth-child(n+3){width: 30%;}
.main3 table.tab1 tr td:nth-child(4){color: #f22222;}
.main4 .col-xs-12, .main5 .col-xs-12{padding: 0;margin-top: 3%;}
.main4 .col-xs-12 .col-xs-4, .main5 .col-xs-12 .col-xs-6, .main5 .col-xs-12 .col-xs-4{padding: 0 5px;margin-bottom: 3%;}
.main4 .col-xs-12 .col-xs-4 div{width: 96%; margin: auto; border-top-left-radius: 50%;border-top-right-radius: 50%;}
.main4 .col-xs-12 .col-xs-4 div span, .main5 .col-xs-12 .col-xs-6 span, .main5 .col-xs-12 .col-xs-4 span{display: block;text-align: center;font-size: 1.3rem;padding: 10px 0;line-height: 1.5;}
.main4 .col-xs-12 .col-xs-4:nth-child(3n+1) div{background-color: #ffebd3;}
.main4 .col-xs-12 .col-xs-4:nth-child(3n+2) div{background-color: #d5f8c2;}
.main4 .col-xs-12 .col-xs-4:nth-child(3n+3) div{background-color: #fbe7e8;}
.main5 .col-xs-12 .col-xs-6 span, .main5 .col-xs-12 .col-xs-4 span{padding: 0;font-size: 1em;}
.main6 .m61, .main6 .m62{margin-top: 3%;}
.main6 .m61 span, .main7 .m71 span{display: block;text-align: justify;line-height: 1.5;padding: 8px 0;text-indent: 2em;}
.main6 .m62 .col-xs-6{padding: 0 8px;}
.main6 .m62 .col-xs-6 span{display: block;line-height: 2;text-align: center;}
.main6 .m62 .col-xs-6:nth-child(2) span{line-height: 2.65;}
.main7 .m72{margin-top: 3%;padding: 0;}
.main7 .col-xs-12 .col-xs-3{padding: 0 5px;}
.main7 .col-xs-12 .col-xs-3 div{border-radius: 5px;padding: 14%;}
.main7 .col-xs-12 .col-xs-3 div img{max-width: 72px;max-height: 50px;margin: auto;}
.main7 .col-xs-12 .col-xs-3 span{display: block;text-align: center;line-height: 2;}
.main7 .m73{padding: 0;}
.main7 .m72 .col-xs-3:nth-child(1) div{background-color: #ef8200;}
.main7 .m72 .col-xs-3:nth-child(2) div{background-color: #15a0e6;}
.main7 .m72 .col-xs-3:nth-child(3) div{background-color: #f3324d;}
.main7 .m72 .col-xs-3:nth-child(4) div{background-color: #05d0c8;}
.main7 .m73 .col-xs-3:nth-child(1) div{background-color: #9f58eb;}
.main7 .m73 .col-xs-3:nth-child(2) div{background-color: #38c76e;}
.main7 .m73 .col-xs-3:nth-child(3) div{background-color: #f5a71a;}
.main7 .m73 .col-xs-3:nth-child(4) div{background-color: #ea3480;}
.main7 .m74{margin-top: 3%;}
.main7 .m74 span{display: block;font-size: 2rem;text-align: center;background-color: #0071ca;color: #fff;font-weight: bold;line-height: 2.5;}
.main8 .col-xs-12{}
.main8 .col-xs-12 div{overflow: hidden;border-radius: 30px;background-color: #fff1e4;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 42%);margin-bottom: 3%;height: 50px;line-height: 50px;}
.main8 .col-xs-12 span.num{width: 50px;height: 50px;border-radius: 50%;box-shadow: 0 2px 5px 0 rgb(92 90 90 / 75%);font-size: 1.5rem;line-height: 50px;text-align: center;color: #fff;}
.main8 .col-xs-12 span.question{padding-left: 10px;font-size: 1.5rem;}
.main8 .col-xs-12 a{display: inline-block;width: 25%;height: 50px;text-align: center;font-size: 1.5rem;color: #fff;background-color: #57b624;border-radius: 30px;}
.main8 .col-xs-12:nth-child(2n+1) span.num{background-color: #fa0;}
.main8 .col-xs-12:nth-child(2n) span.num{background-color: #57b624;}
.main8 .col-xs-12:nth-child(2n+1) a{background-color: #57b624;}
.main8 .col-xs-12:nth-child(2n) a{background-color: #fa0;}