@CHARSET "UTF-8";

#gas_banner {height:9rem;}
.gas_title {text-align: center;padding:0.2rem;border-top:1px solid #ddd;background-color:#eee;font-size:0.8rem;}

.gas_list ul li {padding-top:0.5rem;width:33%;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;;margin:0;height:5.5rem; float:left;text-align: center;font-size:0.6rem;vertical-align: top;background-size:100% 100%;background-repeat:no-repeat;}
.gas_list ul li p {display: block;
    font-size: 0.6rem;
    line-height: 1.1rem;
    color: #555;}
.gas_more {width:66.66666666%;height:6rem;display:inline-block;text-align: center;font-size:0.6rem;vertical-align: top;line-height:6rem;background-size:100% 100%;background-repeat:no-repeat;background-image:url(../images/gas_0.png);}
.gas_list ul li{ background-image:url(../images/gas_bg.png); }
.gas_list ul li span {
    display: inline-block;
    width: 2.3rem;
    height: 2.3rem;
    margin: 0.5rem auto 0.1rem auto;
    border-radius: 100%;}
.gas_list ul li span i {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.gas_list ul li:nth-child(1) span i { background-image: url(../images/gas_01.png);}
.gas_list ul li:nth-child(2) span i { background-image: url(../images/gas_02.png);}
.gas_list ul li:nth-child(3) span i { background-image: url(../images/gas_03.png);}
.gas_list ul li:nth-child(4) span i { background-image: url(../images/gas_04.png);}
.gas_list ul li:nth-child(5) span i { background-image: url(../images/gas_05.png);}
.gas_list ul li:nth-child(6) span i { background-image: url(../images/gas_06.png);}
.gas_list ul li:nth-child(7) span i { background-image: url(../images/gas_07.png);}
.gas_list ul li:nth-child(8) span i { background-image: url(../images/gas_08.png);}
.gas_list ul li:nth-child(9) span i { background-image: url(../images/gas_09.png);}