@import url('../../product.css');

.section h2 {line-height:1.8;text-align:center}
.section h5,
.section h6,
.section p {margin:0}
.redpacket-show {background:#fbfbfb;text-align:center}
.redpacket-show h5 {margin:10px 0 5px 0}
.redpacket-show p {margin:0;line-height:1.4}
.redpacket-experience {background:#fff;text-align:center}
.redpacket-experience h2 {text-align:center}
.redpacket-experience p {line-height:1.4}
.redpacket-experience .special p {color:#aaa}
.redpacket-experience .item {padding-top:4px}
.redpacket-experience .item-left {text-align:left}
.redpacket-experience .item-left .item:nth-child(1)  {min-height:54px;background:url(../../img/product-im-redpacket/item1_bg.png) no-repeat}
.redpacket-experience  .item-left .item:nth-child(2) {background:url(../../img/product-im-redpacket/item2_bg.png) no-repeat}
.redpacket-experience  .item-right .item{text-align:right}
.redpacket-experience  .item-right .item:nth-child(1) {min-height:54px;background:url(../../img/product-im-redpacket/item3_bg.png) no-repeat top right}
.redpacket-experience  .item-right .item:nth-child(2) {background:url(../../img/product-im-redpacket/item4_bg.png) no-repeat top right}
.redpacket-experience .item-right .item:nth-child(2) .special {font-size:10px;color:#6c6a6a;margin-top:10px}
.redpacket-integration {background:#fbfbfb;text-align:center}
.redpacket-integration h6 {line-height:1.6}
.redpacket-integration p {font-size:10px}
.redpacket-integration .item:nth-child(1) {text-align:left;background:url(../../img/product-im-redpacket/item5_bg.png) no-repeat;padding-top:70px;margin-top:140px;}
.redpacket-integration .item:nth-child(2) {text-align:left;background:url(../../img/product-im-redpacket/item6_bg.png) no-repeat;padding-top:70px;margin-top:50px}
.redpacket-point {text-align:center}
.redpacket-point .item img {margin-bottom:10px}
.redpacket-download {background:#fbfbfb}
.redpacket-download .item {border:1px solid #e1e2e3;border-radius:2px;margin-top:30px}
.redpacket-download .item .head {border-bottom:1px solid #e1e2e3;padding:20px 0;text-align:center}
.redpacket-download .item .head i {font-size:35px;margin-right:5px;}
.redpacket-download .item.v3 .head i {color:#449d44}
.redpacket-download .item.v2 .head i {color:#009fe3}
.redpacket-download .item .body {padding:50px 45px 25px 45px}
.redpacket-download .item .body a {margin-bottom:25px;border-radius:1px}
.redpacket-download .item .body a.btn-doc {color:#6e6a6a}
.redpacket-download .item .body a.btn-doc:hover {color:#010101}
.redpacket-download .item.v3 .tooltip-inner {background-color:#449d44;padding:5px;}
.redpacket-download .item.v2 .tooltip-inner {background-color:#4EB1F5;padding:5px;}
.redpacket-download .item.v3 .tooltip-arrow {border-top-color:#449d44}
.redpacket-download .item.v2 .tooltip-arrow {border-top-color:#4EB1F5}
.redpacket-download .dev-support {text-align:center}
.redpacket-download .dev-support .block {margin-top:60px}
.redpacket-download .dev-support .block .head span {font-size:16px;font-weight:bold;color:rgb(110,106,105);margin-right:20px;padding-bottom:8px;vertical-align:bottom;display:inline-block}
.redpacket-download .dev-support .text {text-align:center;font-size:22px;color:#4EB1F5;display:inline-block;padding:10px 20px;border:2px solid;border-radius:5px}
.redpacket-download .dev-support .text span {vertical-align:middle}
@media (max-width:991px){
    .content-box .container {padding:0 30px}
    .section {padding:40px 0 70px 0}
    .redpacket-show img ,
    .redpacket-integration img ,
    .redpacket-experience img {margin-top:40px}
    .redpacket-experience .item-left .item ,
    .redpacket-experience .item-right .item {text-align:left;margin-top:40px;padding-left:70px;}
    .redpacket-experience .item-right .item:nth-child(1) ,
    .redpacket-experience .item-right .item:nth-child(2) {background-position:top left}
    .redpacket-point .item {margin:20px 0}
    .redpacket-integration .item-right {text-align:left}
    .redpacket-integration .item-right .item {min-height:54px;padding:0 0 0 70px;margin-top:40px}
    .redpacket-integration  .item:nth-child(1) {margin-top:40px;background:url(../../img/product-im-redpacket/item5_bg.png) no-repeat}
    .redpacket-integration  .item:nth-child(2) {background:url(../../img/product-im-redpacket/item6_bg.png) no-repeat;}
    .redpacket-point h2 {margin-bottom:50px}
    .redpacket-download h2 {margin-bottom:10px}
}
@media (max-width:767px){
    .banner {background-position:39% center}
    .redpacket-show img,
    .redpacket-experience img,
    .redpacket-point .item {margin:10px 0 30px 0;min-height:220px}
    .redpacket-download .dev-support .text {font-size:16px}
    .redpacket-download .dev-support .text img {width:28px}
}
@media (max-width:500px){
    .banner {background-position:50% center}
}
@media (min-width:992px){
    .section {padding:80px 0 100px 0}
    .redpacket-show img ,
    .redpacket-integration img ,
    .redpacket-experience img {margin-top:80px}
    .redpacket-experience .item-left  .item {margin-top:100px;padding-left:70px;}
    .redpacket-experience .item-right .item {margin-top:100px;padding-right:70px;text-align:right}
    .redpacket-point .item {margin-top:100px}
    .redpacket-download h2 {margin-bottom:70px}
}