
h2{ font-size: 24px; font-weight: normal; text-align: center; }

.feature{ padding-bottom: 50px; padding-top: 50px}
.feature dl{ float: left; width: 25.3%; padding: 0 4%; text-align: center; }
.feature dt{ font-size: 18px; color: #000 }
.feature dd{ color: #666; margin-top: 12px }
.feature i{ display: block; width: 90px; height: 70px; margin: 30px auto 20px; background: url(../../../image/chain/service/02.png) no-repeat 1px -5px }
.feature i.feature-i2{ background-position:  -122px -5px}
.feature i.feature-i3{ background-position:  -242px -5px}

.rule{background: url(../../../image/chain/service/listed-rule.jpg) no-repeat center center #e3e3e3; background-size: 100% 100%; }
.rule h2{ padding: 60px 0 20px;  }
.rule-desc{ text-align: center; font-size: 15px; line-height: 2 }
.rule dl{ background: #949494; background: rgba(67,67,67,0.51); width: 41.6%; padding: 30px 2.5%; margin: 40px 0 80px; min-height: 348px; color: #fff }
.rule dt{ border-bottom:1px solid #b2b0b0; padding-bottom: 25px; margin-bottom: 25px }
.rule dt span{ padding: 0 12px; font-size: 18px; font-weight: bold; line-height: 40px; display: inline-block; background: #04b3ad }
.rule-no dt span{ background: #cd3911 }
.rule dd{ margin-top: 18px; line-height: 1.8; padding-left: 25px; position: relative; }
.rule dd i{ display: block; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../../../image/chain/service/03.png) no-repeat -3px -1px }
.rule-no dd i{ background-position: -44px 0 }

.guide{  }
.guide h2{ padding: 60px 0 40px;  }
.guide-list{background: url(../../../image/chain/service/04.png) no-repeat center 0; background-size: 100% 100%; width: 99.5%; height: 330px; margin: 0 auto }
.guide-list li{ float:left; width: 13.6%; text-align: justify; text-justify: inter-ideograph; }
.guide-list h3{ font-weight: bold; font-size: 16px; margin-top: 48px; }
.guide-list h3 i{ display: none }
.guide-list p{ margin-top: 10px; font-size: 12px; color: #666; line-height: 1.8 }
li.g-01{ margin-left: 10.2% }
li.g-02{ margin-left: 3% }
li.g-03{ margin-left: 2.9%; width: 14.6% }
li.g-04{ margin-left: 3.0% }
li.g-05{ margin-left: 3.7% }

.listed-file{ padding: 110px 0 60px;  }
.listed-file .container{ background: url(../../../image/chain/service/05.jpg) no-repeat right bottom; }
.listed-file h2{}
.listed-file ul{  color: #666; line-height: 2; padding-top: 80px   }
.listed-file p{ margin-top: 20px; padding-bottom: 20px }


/*********pad竖屏************/
@media(max-width:999px){


   .guide-list p{ line-height: 1.5; color: #999 }
}

/*******手机横屏*******/
@media(max-width:767px){



    .feature dl{ width: 31.1%; padding: 0 1.1%; }
   	.feature dt{ font-size: 14px }
   	.feature dd{ font-size: 12px;text-align: justify; text-justify: inter-ideograph;  color: #999}
   	.feature i{ width: 60px; height: 46px; background-size: 217px 52px;  }
   	.feature i.feature-i2{ background-position:  1px -4px}
   	.feature i.feature-i2{ background-position:  -81px -4px}
	.feature i.feature-i3{ background-position:  -161px -4px}

   	.rule-desc{ font-size: 14px }
   	.rule dd{ font-weight: normal; }

	.guide-list{ background: none; height: auto;  border-left: 1px solid #00abe1; margin-left: 5%}
	.guide-list li{ width: 94%; margin-left: 0;margin-top: 20px }
	.guide-list h3{ margin-top: 0 }
   	.guide-list h3 i{ display: inline-block; background: #00abe1; color: #fff; width: 24px; height: 24px; text-align: center; margin-left: -12px; border-radius: 50%; margin-right: 10px }
	.guide-list li p{ margin-left: 17px }

   .listed-file .container{ background-size: 100% auto }
   .listed-file{ padding-top: 60px }
   .listed-file ul{ padding-top: 30px }
}
/******手机竖屏***********/
@media(max-width:479px){


	.feature dl{ width: 100% }
	.feature dt{ font-size: 16px; text-align: left; margin-top: 30px }
	.feature dd{ font-size: 14px; margin-top: 5px }
	.feature i{ width: 45px; height: 35px; background-size: 163px 39px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
	.feature i.feature-i2{ background-position:  0.5px -3px}
   	.feature i.feature-i2{ background-position:  -61px -3px}
	.feature i.feature-i3{ background-position:  -121px -3px}

	.rule dl{ width: 95%; margin-bottom: 20px; min-height: auto }

	.guide h2{  }

    .listed-file{  }
}

