/* max-width */
@media screen and (max-width: 330px) {

  .contact_name{ 
  font-size:10px;  
  } 
  .contact_name span{ 
  font-size:14px;
  
  } 
  .contact_tel{ font-size:12px;
  } 
  .agent-box .agent-r{ width:73%;}
 
}

/* min-width */
@media screen and (min-width:330px) {
  .contact_name{ 
  font-size:12px;
  } 
  .contact_name span{ 
  font-size:14px;
  
  } 
  .contact_tel{ font-size:14px;
  } 
   .agent-box .agent-r{ width:77%;}
 
	
}

@media screen and (min-width:380px) {
  .contact_name{ 
  font-size:12px;
  } 
  .contact_name span{ 
  font-size:14px;
  
  } 
  .contact_tel{ font-size:16px;
  } 
 .agent-box .agent-r{ width:79%;}
 
	
}

/* FOOTER */
#footer{background:#084b8e; padding: 12px 0; }
#footer-links{ width:100%; height:30px; margin: 0 auto; padding: 0; list-style: none; text-align: center;}
#footer-links a{width:22%;display: inline; color: #cae2fa; font-size: 12px; display:inline-block; height:12px; line-height:12px; border-right:1px solid #1f60a1}
#footer>div:first-child a{width:22%;display: inline; color: #cae2fa; font-size: 12px; display:inline-block; height:12px; line-height:12px; border-right:1px solid #1f60a1}
#footer>div:first-child a:last-child{ border:none}
#version-switcher{margin: 10px 3% 0 3%; width:94%; text-align:center; color:#76a0cb; font-size:12px; border-top:#1f60a1 1px solid; padding:15px 0 0px 0;}
#version-switcher a{ font-size:12px; color:#b8d9fa; display: inline-block; border:1px #76a0cb solid;  padding:2px 5px; margin-right:10px; }
#version-switcher .footer_last{ display: inline-block;font-size:12px;}
/**footer us**/ 
.footer-us{ background:#1a8cff; box-sizing:border-box;  padding:20px 5%; height:140px;}
.footer-us .f-code{ width:90px; border:5px solid #fff; left:15px; top:20px; line-height:0}
.footer-us .f-code img{ width:100%;line-height:0}
.footer-us .f-rb{ padding:40px 0 0 110px;}
.footer-us .f-rb img{ height:30px; left:132px; top:22px; position:absolute}
.footer-us .f-rb .txt-us{ color:#afd5fa; font-size:12px; padding:10px 0 0 0; border-top: #77b7f9 1px solid; text-align:justify}
 

.top_my{ width:100%; height:40px; background:#f0f1f1;}
.top_my .down{ display:block; color:#666; height:40px; width:100%; }
.top_my .left_01{ margin-right:10px; position:absolute; left:0px; top:0px;  } 
.top_my .left_01 img{ padding:14px 10px 15px 10px; width:12px; height:11px;}  
.top_my .left_02{ margin-top:5px; margin-right:10px; margin-left:35px;}
.top_my .left_02 img{ width:30px; height:30px;} 
.top_my .left_03{ line-height:40px; font-size:14px;} 
.top_my .right_but{ margin-right:10px; display:block; background:#06C;margin-top:7px; padding:3px 10px; font-size:12px; border-radius:4px; color:#FFF} 
.input_login{ border:0; background:#FFF}
.sign_up{ margin-top:10px; text-align:right}
.sign_up a{ line-height:20px; display:block; color:#06C; padding:10px 0;}
.sign_up a:hover{ color: #6C3}
.broker_sign{  text-align:center}
.broker_sign a{ display:block; line-height:20px; padding:10px 0 14px 0; font-size:12px; color:#06C; }
.back_home{ }
.back_home a{ height:24px; display:block; padding:8px 10px 8px 10px;  }
.back_home img{ width:24px; height:24px;}
.peitao_more{padding:0 5px 20px 64px; box-sizing:content-box;}
.peitao_tit{position:absolute; left:5px; top:13px;}