/*ngô tiến thái*/

body,html {

  height: 100%;

}

div.Itip{

  width: 200px;

  height: 200px;

  background: #FEAE1B;

  border-radius: 50%;

  line-height: 200px;

  text-align: center;

  font-size: 2em;

  color: #fff;

  position: relative;

  top: 30%;

  left: 30%;

  cursor: pointer;

}



.itip {

  min-width: 100px;

  background: none !important;

  border-radius: 5px;

  text-align: center;

  font-size: 2em;

  color: #fff;

  cursor: pointer;

}



.itip> .Itip-inner {

  position: relative;

  width: 100%;

}

.itip div.Itip-content {

   padding: 10px 20px;

   background:#f8723d !important;

    color: #000 !important;

    font-size: 13px !important;

}

span.arrow{

	width: 0px;

  height: 0px;

  position: absolute;

}

.itip div.Itip-content a{

   color:#fff !important;

   font-size:20px !important;

}

span.arrow.right {



  /*right*/

   

   top: calc(50% - 10px); right: -10px;

  border-top: 11px solid transparent;

  border-bottom: 11px solid transparent;

  border-left: 10px solid #fff; 

}

span.arrow.bottom {

	/*bottom*/

  

  top: 100%; left: calc(50% - 10px) !important;

  border-top: 11px solid #f8723d !important;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;  

}

span.arrow.top {

/*top*/

  

  top: -10px; left: calc(50% - 10px);

  border-bottom: 11px solid #fff;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;  

  

}



.Itip-inner

{position: relative !important;

  width: 100% !important;

left: 16% !important;

}





span.arrow.left {

 /*left*/

   

   top: calc(50% - 10px); left: -10px;

  border-top: 11px solid transparent;

  border-bottom: 11px solid transparent;

  border-right: 10px solid #ED4694; 

}