@charset "utf-8";
@keyframes rotate{
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-webkit-keyframes rotate{
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{
    from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-ms-keyframes rotate{
    from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
/*fadeInLeft */
@keyframes fadeInLeft{
    0%{ transform: translateX(-1000px); opacity: 0;} 
    100%{ transform: translateX(0px); opacity: 1;} 
}
@-webkit-keyframes fadeInLeft{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-o-keyframes fadeInLeft{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-moz-keyframes fadeInLeft{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-ms-keyframes fadeInLeft{
    0%{ -webkit-transform: translateX(-1000px); opacity: 0;}
    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
}
@-webkit-keyframes lightSpeedIn {
  from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  to { -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes lightSpeedIn {
  from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
  80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
  to { -webkit-transform: none; transform: none; opacity: 1; }
}
/* animation */
.dly_1{  animation: lightSpeedIn 1s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: 100ms; animation-delay: 100ms;}
.dly_2{  animation: lightSpeedIn 1s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: 200ms; animation-delay: 200ms;}
.dly_3{  animation: lightSpeedIn 1s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: 300ms; animation-delay: 300ms;}
.dly_4{  animation: lightSpeedIn 1s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: 400ms; animation-delay: 400ms;}

#container{color:#fff !important; width:100%; height:100%;}
/*头部*/
#top{width:100%; height:40px; line-height:40px; color:#fff;background:url(../images/opa30_w.png) repeat-x left bottom;}
#top .datetime{ float:left; padding-left:20px;font-family:'Arial'; font-size:12px;}
#top .rightbar{float:right;}
#top .rightbar .bar_con{padding:0 15px 0 26px; font-family:'Arial'; font-size:12px;}
#top .rightbar .bar_con:last-child{padding-right:26px;}
#top .rightbar .bar_con em{display:inline-block;font-size:14px;font-family:'Arial';}
#top .rightbar .bar_con a{font-family:'Arial'; color:#fff;}
#top .rightbar .bar_con.tel{background:url(../images/ico_22_tel.png) 0 center no-repeat;}
#top .rightbar .bar_con.email{background:url(../images/ico_22_email.png) 0 center no-repeat;}
#top .rightbar .bar_con.member{background:url(../images/ico_22_member.png) 0 center no-repeat;}

#header{width:100%; height:103px; position:relative;}
.logo1{ position:absolute; left:30px; top:15px; width:82px; height:88px;}
.logo1 img , .logo2 img{ width:100%;}
.logo2{position:absolute; left:130px; top:30px; width:390px;height:62px;}

/*菜单栏目*/				
#menu{position:absolute; top:30px; right:150px;}
.lan{ position:absolute; top:30px; right:30px;padding-left:26px;height:32px; line-height:32px;font-size:12px; background:url(../images/ico_22_lan.png) 0 center no-repeat;}
.lan a{ padding-left:10px;color:#fff;font-family:'Arial'; display:inline-block;}
.lan a.on{ color:#fdd000;}
.MenuList_d1{display:none;}

/*banner*/
#ban_txt{position:absolute; left:90px; top:35%; width:615px; height:270px;animation:fadeInLeft .7s linear;/* Firefox: */-moz-animation:fadeInLeft .7s linear 0s;/* Safari and Chrome: */-webkit-animation:fadeInLeft .7s linear;/* Opera: */-o-animation:fadeInLeft .7s linear;}
#ban_txt .bt1{width:615px;}
#ban_txt .bt2{width:510px; margin-top:95px;}
#cirle{z-index:1;position:fixed; right:-580px; bottom:-850px; width:1518px; height:1518px;animation:rotate 60s linear 0s infinite;/* Firefox: */-moz-animation:rotate 60s linear 0s infinite;/* Safari and Chrome: */-webkit-animation:rotate 60s linear 0s infinite;/* Opera: */-o-animation:rotate 60s linear 0s infinite;    border-radius: 1000px;
    overflow: hidden;}
#banner{ z-index:100; position:fixed; right:0px; bottom:0px; width:720px; height:571px;}
.ads{width:720px;height:571px;display:block;}
.ads img{ width:100%;}

/*4个产品系列*/	
#pro4 a{z-index:100; display:block; position:absolute;font-family:'Arial'; font-size:24px;color:#fff;}
#pro4 a:hover{color:#fdd000;}
	#pro4 a strong{font-family:'Arial';}
	#pro4 a.pro4_1{ right:560px; bottom:580px;}
	#pro4 a.pro4_2{ right:690px; bottom:480px;}
	#pro4 a.pro4_3{ right:805px; bottom:360px;}
	#pro4 a.pro4_4{ right:885px; bottom:210px;}
	
/*页脚*/
#footer , #footer1{z-index:999;position:fixed; left:40px; bottom:20px; width:100%;line-height:20px; }
.copyright , .copyright1 {font-family:'Arial'; font-size:12px;}
.copyright a , .copyright1 a{ color:#fff;}
.copyright .pb_txt , .copyright1 .pb_txt1{ display:block;}

/*在线服务*/
.link_common{ width:50px; height:auto; position: fixed; bottom:80px; left:50px; z-index:9999;}
.link_common a{ display:block; width:50px; height:50px; float:left; margin-bottom: 2px;}
.link_common a.qq{ background:url(../images/qq.png) no-repeat center center #0794ee;}
.link_common a.wechat{ background:url(../images/wechat.png) no-repeat center center #156e93; position: relative;}
.link_common .wechat .wechat_max{ position:absolute; left: 50px; top: -60px; display:none; width: 187px; height:183px;}
.link_common a.phone { background: url(../images/r_phone.png) no-repeat center #f9b103; position: relative;}
.link_common a.phone .phone_link{ position:absolute; left: 50px; top: 0px; display:none; width: 130px; height:45px; line-height: 20px; padding-top: 5px; padding-left: 15px; text-align: left; background-color: #f9b103; color: #fff; font-size: 14px; font-family: "Arial";}
.link_common a.phone .phone_link em {font-size: 16px;}
	
@media screen and (max-width:1600px){
/*头部*/
.logo1{ left:30px; top:15px; width:70px; height:75px;}
.logo2{left:120px; top:30px; width:320px;height:51px;}
/*banner*/
#ban_txt{width:490px; height:217px;}
#ban_txt .bt1{width:490px;}
#ban_txt .bt2{width:410px; margin-top:70px;}
#cirle{right:-630px; bottom:-890px;}
#banner , .ads{ width:680px; height:539px;}
.ads img{ width:100%;}

/*4个产品系列*/
#pro4 a{font-size:20px;}
#pro4 a.pro4_1{ right:440px; bottom:570px;}
#pro4 a.pro4_2{ right:610px; bottom:470px;}
#pro4 a.pro4_3{ right:730px; bottom:350px;}
#pro4 a.pro4_4{ right:820px; bottom:220px;}

#footer{ position:static;margin:0 auto; width:1100px; height:40px; line-height:40px; text-align:center; border-top:1px dashed #e8e8e8;}
.copyright .pb_txt{ display:inline-block !important;}
.copyright1 .pb_txt1{ display:block !important;}
}
	
@media screen and (max-width:1440px){
/*头部*/
.logo1{ left:30px; top:15px; width:70px; height:75px;}
.logo2{left:120px; top:30px; width:320px;height:51px;}
/*banner*/
#cirle{right:-650px; bottom:-930px;}
#banner , .ads{ width:650px; height:515px;}
.ads img{ width:100%;}

/*4个产品系列*/	
#pro4 a{font-size:20px;}
#pro4 a.pro4_1{ right:480px; bottom:500px;}
#pro4 a.pro4_2{ right:620px; bottom:400px;}
#pro4 a.pro4_3{ right:740px; bottom:270px;}
#pro4 a.pro4_4{ right:800px; bottom:150px;}
}

@media only screen and (max-width: 1366px){
/*头部*/
#top{height:35px; line-height:35px;}
#top .datetime{ padding-left:20px;}
#top .rightbar .bar_con{padding:0 20px 0 26px;font-size:12px;}
#top .rightbar .bar_con em{font-size:12px;}

#head{width:100%; height:100px; position:relative;}
.logo1{ left:20px; top:15px; width:60px; height:64px;}
.logo2{left:90px; top:25px; width:280px;height:45px;}

/*首页右上角电话*/
.bar{right:20px; top:30px;}

/*菜单栏目*/	
.lan{ position:absolute; top:15px; right:20px;}			
#menu{ position:absolute; top:15px; right:130px;}
#menu_btn{ display:none;}

/*banner*/
#ban_txt{width:470px; height:217px;}
#ban_txt .bt1{width:470px;}
#ban_txt .bt2{width:410px; margin-top:70px;}
#cirle{right:-700px; bottom:-1010px;}
#banner , .ads{ width:550px; height:436px;}
.ads img{ width:100%;}

/*4个产品系列*/	
#pro4 a{font-size:18px;}
#pro4 a.pro4_1{ right:360px; bottom:450px;}
#pro4 a.pro4_2{ right:510px; bottom:370px;}
#pro4 a.pro4_3{ right:640px; bottom:250px;}
#pro4 a.pro4_4{ right:725px; bottom:120px;}

/*在线服务*/
.link_common{ left:20px;}

#footer1{left:20px;}
#footer{ position:static;margin:0 auto; width:1000px; height:40px; line-height:40px; text-align:center; border-top:1px dashed #e8e8e8;}
.copyright .pb_txt{ display:inline-block !important;}
.copyright1 .pb_txt1{ display:block !important;}
}
@media only screen and (max-width: 1060px){
    /*头部*/
#top{ display:none;}
#header{width:100%; height:70px; position:relative;}
.logo1{ left:20px; top:20px; width:70px;}
.logo2{ display:none;}  

/*菜单栏目*/                
.lan{ position:absolute; top:22px; right:75px;}

#menu{display:none;}
.MenuList_d1{display:block;}

}
@media only screen and (max-width: 861px){

/*banner*/
#ban_txt{position:absolute; left:0px; top:15%; width:100%; text-align:center;animation:fadeInLeft .7s linear;/* Firefox: */-moz-animation:fadeInLeft .7s linear 0s;/* Safari and Chrome: */-webkit-animation:fadeInLeft .7s linear;/* Opera: */-o-animation:fadeInLeft .7s linear;}
#ban_txt .bt1{width:76%;}
#ban_txt .bt2{width:76%;margin-top:50px;}
#cirle{right:-680px; bottom:-1000px;}
#banner{ z-index:100; position:fixed; right:0px; bottom:0px;  width:80% !important; height:450px;}
.ads{ width:100% !important; height:450px;display:block;}
.ads img{ width:100%;}

/*4个产品系列*/	
#pro4 a.pro4_1{ right:220px; bottom:520px;}
#pro4 a.pro4_2{ right:400px; bottom:460px;}
#pro4 a.pro4_3{ right:540px; bottom:370px;}
#pro4 a.pro4_4{ right:640px; bottom:280px;}
	
/*页脚*/
#footer{z-index:999;position:static; margin:0 auto; padding-top:5px; width:100%; height:auto; line-height:20px; text-align:center;background:url(../images/opa40_w.png); border-top:none;}
	.copyright{font-family:'Arial'; font-size:12px;}
	.copyright a{ color:#fff;}
	.copyright .pb_txt{ display:block;}

#footer1{display:none;}

.link_common{display:none;}
}

@media screen and (max-width:641px){
}
	
@media screen and (max-width:481px){
/*头部*/
#top{ display:none;}
#header{width:100%; height:70px; position:relative;}
.logo1{ left:15px; top:15px; width:60px;}

/*banner*/
#ban_txt{position:absolute; left:0px; top:20%; width:100%; text-align:center;}	
#ban_txt .bt2{margin-top:35px;}
#cirle{right:-680px; bottom:-1150px; animation-duration:0s;-webkit-animation-duration:0s; display:none;}
#banner{ z-index:100; position:fixed; right:0px; bottom:0px;  width:96% !important; height:310px; }
.ads{ width:100% !important; height:310px;display:block;}
.ads img{ width:100%;}

/*4个产品系列*/	
#pro4 a{font-size:16px; display:none;}
#pro4 a.pro4_1{ right:10%; bottom:390px;}
#pro4 a.pro4_2{ right:35%; bottom:375px;}
#pro4 a.pro4_3{ right:58%; bottom:345px;}
#pro4 a.pro4_4{ right:75%; bottom:310px;}
}

@media screen and (max-width:400px){
#banner{ z-index:100; position:fixed; right:0px; bottom:0px;  width:96% !important; height:260px; }
.ads{ width:100% !important; height:260px;display:block;}
.ads img{ width:100%;}	
	}
	
@media screen and (max-width:321px){
#banner{ z-index:100; position:fixed; right:0px; bottom:0px;  width:96% !important; height:240px; }
.ads{ width:100% !important; height:240px;display:block;}
.ads img{ width:100%;}	
}

/*提示*/
.DialogInfo{padding:20px; width:200px;}
.TipsInfo{padding:20px;}
.TipsInfo_Ico{width:60px; float:left;}
.TipsInfo_Txt{padding:10px 0 0 10px;float:left;}
.TipsInfo_TxtTitle{font-size:18px;padding-bottom:6px;font-weight:700;}
.TipsInfo_TxtContent{}
/*dialog*/
.ui-dialog {
    *zoom:1;
    _float: left;
    position: relative;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 6px;
    outline: 0;
    background-clip: padding-box;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}
.ui-popup-show .ui-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ui-popup-focus .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ui-popup-modal .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
}
.ui-dialog-grid {
    width: auto;
    margin: 0;
    border: 0 none;
    border-collapse:collapse;
    border-spacing: 0;
    background: transparent;
}
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent;
}
.ui-dialog-header {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
}
.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 13px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}
.ui-dialog-close:hover,
.ui-dialog-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 15px;
    overflow:hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: default;
}
.ui-dialog-body {
    padding: 20px;
    text-align: center;
}
.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: left;
}
.ui-dialog-footer {
    padding: 0 20px 20px 20px;
}
.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    line-height: 1.428571429;
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}
.ui-dialog-statusbar label:hover {
    color: #333;
}
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
    vertical-align: middle;
}
.ui-dialog-button {
    float: right;
    white-space: nowrap;
}
.ui-dialog-footer button+button {
    margin-bottom: 0;
    margin-left: 5px;
}
.ui-dialog-footer button {
    width:auto;
    overflow:visible;
    display: inline-block;
    padding: 6px 12px;
    _margin-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.ui-dialog-footer button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #333333;
  text-decoration: none;
}
.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ui-dialog-footer button {
  color: #333333;
  background-color: #ffffff;
  border-color: #eee;
}
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #333333;
  background-color: #fafafa;
  border-color: #eee;
}
.ui-dialog-footer button:active{
  background-image: none;
}
.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.ui-dialog-footer button.ui-dialog-autofocus {
  color: #ffffff;
  background-color: #007aff;
  border-color: #005bac;
}
.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #ffffff;
  background-color: #005bac;
  border-color: #005bac;
}
.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none;
}
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
    top: -8px;
}
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
    top: 8px;
}
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
    left: -8px;
}
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
    left: 8px;
}
.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow:hidden;
    _color:#FF3FFF;
    _filter:chroma(color=#FF3FFF);
    border:8px dashed transparent;
}
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b{
    display: block;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
    bottom: -16px;
    border-top:8px solid #7C7C7C;
}
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
    bottom: -15px;
    border-top:8px solid #fff;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b  {
    left: 15px;
}
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b  {
    left: 50%;
    margin-left: -8px;
}
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
    top: -16px;
    border-bottom:8px solid #7C7C7C;
}
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    top: -15px;
    border-bottom:8px solid #fff;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px;
}
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%;
}
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
    right: -16px;
    border-left:8px solid #7C7C7C;
}
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    right: -15px;
    border-left:8px solid #fff;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
    left: -16px;
    border-right:8px solid #7C7C7C;
}
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    left: -15px;
    border-right:8px solid #fff;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}
@-webkit-keyframes ui-dialog-loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes ui-dialog-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0 auto;
    font-size: 0;
    text-indent: -999em;
    color: #666;
}
.ui-dialog-loading {
    width: 100%\9;
    text-indent: 0\9;
    line-height: 32px\9;
    text-align: center\9;
    font-size: 12px\9;
}
.ui-dialog-loading::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
    -webkit-transform: rotate(360deg);
    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
    transform: rotate(360deg);
    animation: ui-dialog-loading 1.5s infinite linear;
    display: none\9;
}