.mod-phone{
 color: white;
 background-color: #009aea;
 width: 250px;
 height: 50px;
 line-height: 50px;
 font-size: 22px;
 text-align: center;
 font-weight: bold;
 display: inline-block;
 position: relative;
 opacity: 1;
 transition: opacity 1s;
}
.mod-phone-open{
 width: 200px;
 padding-left: 50px;
}
.mod-phone-open::before{
 content: "";
 position: absolute;
 background: url("/homeSite/jxs/images/phone.png") no-repeat center #29b6ff;
 width: 50px;
 height: 100%;
 z-index: 2;
 top: 0;
 left: 0;
}
.mod-phone-tip{
 width: 198px;
 background-color: white;
 color: #009aea;
 border: 1px solid #009aea;
 position: absolute;
 left: 50px;
 top: 60px;
 font-size: 12px;
 height: 30px;
 line-height: 30px;
}
.mod-phone-tip::before{
 content: "";
 position: absolute;
 width: 8px;
 height: 8px;
 top: -5.6px;
 left: 94.4px;
 z-index: 3;
 background-color: #fff;
 transform: rotate(45deg);
 border: 1px solid #009aea;
 border-color: #009aea transparent transparent #009aea;
}

.mod-phone[data-type="small"]{
 color: white !important;
 background-color: #009aea;
 width: 200px !important;;
 height: 30px;
 line-height: 30px;
 font-size: 18px;
 text-align: center;
 font-weight: bold;
 display: inline-block;
 position: relative;
 margin-right: 200px;
 opacity: 1;
 transition: opacity 1s;
}
.mod-phone-open[data-type="small"]{
 width: 170px !important;
 padding-left: 30px !important;
}
.mod-phone-open[data-type="small"]::before{
 content: "";
 position: absolute;
 background: url("/homeSite/jxs/images/phone.png") no-repeat center #29b6ff;
 background-size: 20px;
 width: 30px;
 height: 100%;
 z-index: 2;
 top: 0;
 left: 0;
}
.mod-phone[data-type="small"] .mod-phone-tip{
 width: 168px;
 background-color: white;
 color: #009aea;
 border: 1px solid #009aea;
 position: absolute;
 left: 30px;
 top: 40px;
 font-size: 12px;
 height: 30px;
 line-height: 30px;
}
.mod-phone[data-type="small"] .mod-phone-tip::before{
 content: "";
 position: absolute;
 width: 8px;
 height: 8px;
 top: -5.6px;
 left: 79.4px;
 z-index: 3;
 background-color: #fff;
 transform: rotate(45deg);
 border: 1px solid #009aea;
 border-color: #009aea transparent transparent #009aea;
}