/**基础框架**/
.UI_lawyer {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 0;
  overflow : visible;
  font-family : "Microsoft Yahei";
}
.UI_lawyer a,
.UI_lawyer a:hover,
.UI_lawyer a : active {
  outline : none;
  text-decoration : none;
  -webkit-tap-highlight-color : rgba(0,0,0,0);
  -webkit-tap-highlight-color : transparent;
}
.UI_mask {
  position : fixed;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  background : #000;
  opacity : 0.6;
  filter : alpha(opacity=60);
  display : none;
}

.UI-blur{
  transform: translate3d(0,0,0);
  -webkit-filter : blur(3px)
}
.UI-noscroll{
  overflow: hidden;
}
/**弹框**/
.UI_pop {
  width : 200px;
  position : absolute;
  top : 400px;
  left : 300px;
  background : #fff;
  box-shadow : 2px 3px 10px rgba(0,0,0,0.6);
}
.UI_pop_cpt {
  position : relative;
  height : 36px;
  line-height : 36px;
  overflow : hidden;
  border-bottom : 1px solid #ebebeb;
  color : #777;
  font-size : 16px;
  text-indent : 15px;
  cursor : default;
}
.UI_pop .UI_cnt {
  position : relative;
  min-height : 100px;
  overflow : auto;
}
.UI_pop_close {
  display : block;
  position : absolute;
  top : 0;
  right : 0;
  width : 40px;
  height : 36px;
  text-align : center;
  color : #ddd;
  font : bold 20px/36px "simsun";
  transition : 0.1s;
}
.UI_pop_close :hover {
  color : #888;
}
.UI_pop_close : active {
  color : #222
}
/**确认框**/
.UI_confirm {
  width: 300px;
  position : absolute;
  background : #fff;
  overflow : hidden;
  box-shadow : 2px 3px 10px rgba(0,0,0,0.6);
}
.UI_confirm_text {
  padding : 30px 10px 20px;
  line-height : 26px;
  text-align : center;
  font-size : 20px;
  color : #333;
}
.UI_ask {
  width: 300px;
  position : absolute;
  background : #fff;
  overflow : hidden;
  box-shadow : 2px 3px 10px rgba(0,0,0,0.6);
}
.UI_ask_text {
  padding : 25px 10px 15px;
  line-height : 26px;
  text-align : center;
  font-size : 18px;
  color : #333;
}
.UI_ask input {
  display : block;
  margin : 0 auto 15px;
  height : 30px;
  padding : 4px 4px;
  line-height : 22px;
  box-sizing : border-box;
  width : 90%;
}
.UI_pop_confirm {
  overflow : hidden;
  text-align : center;
  border-top : 1px solid #ddd;
  white-space: nowrap;
}
.UI_pop_confirm a {
  display : inline-block;
  width : 50%;
  font-size : 14px;
  line-height : 36px;
  color : #03f;
  transition : 0.15s;
}
.UI_pop_confirm a:hover {
  background : #eee
}
.UI_pop_confirm_ok {
  border-right : 1px solid #ddd;
}
.UI_prompt {
  position : absolute;
  width : 240px;
  background : #fff;
  box-shadow : 2px 2px 10px rgba(0,0,0,0.5);
}
.UI_prompt .UI_cnt {
  padding : 30px 10px;
  font-size : 18px;
  color : #333;
  text-align : center;
}
.UI_plane{
position: absolute;
}
.UI_cover {
  position : absolute;
  left: 0;
  width : 100%;
  height : 100%;
}
.UI_cover .UI_cnt {
  position : relative;
  width : 100%;
  height : 100%;
  background : #fff;
  overflow : auto
}
.UI_coverClose {
  display : block;
  position : absolute;
  top : 10px;
  right : 20px;
  width : 30px;
  height : 30px;
  text-align : center;
  color : #aaa;
  font : 18px/30px "simsun";
  background : #eee;
  border-radius : 15px;
  border: 1px solid #aaa;
}
.UI_coverClose:hover {
  background : #333;
  color : #fff;
  transition: 0.2s;
}
.UI_select {
  position : absolute;
  width : 200px;
  box-shadow : 2px 2px 2px rgba(0,0,0,0.6);
}
.UI_select a {
  display : block;
  height : 40px;
  line-height : 40px;
  text-align : center;
  color : #03f;
  font-size : 16px;
}
.UI_select_body {
  overflow : hidden;
  background : #fff;
}
.UI_selectCpt {
  padding : 8px 0;
}
.UI_selectCpt h3,
.UI_selectCpt p {
  margin : 0;
  font-size : 15px;
  line-height : 18px;
  text-align : center;
  color : #aaa;
  font-weight : normal;
}
.UI_selectCpt p {
  font-size : 12px;
}
.UI_selectCnt a {
  height : 34px;
  line-height : 34px;
  font-size : 14px;
  border-top : 1px solid #ddd;
}
.UI_selectCnt a :hover{
  background: #eee;
}
.UI_selectCancel {
  display : none;
}

@media(max-width : 640px){
  .UI_select {
    position: fixed;
    bottom: 0;
    width : 100%;
    padding-bottom : 10px;
  }
  .UI_select_body,
  .UI_selectCancel {
    margin : 0 10px;
    border-radius : 8px;
  }
  .UI_select_body {
    margin : 0 10px 10px;
    top: initial !important;
  }
  .UI_selectCancel{
    display: block;
    background : #fff;
  }
}
/** ie 打补丁 **/
.UI_ie678 .UI_pop,
.UI_ie678 .UI_confirm,
.UI_ie678 .UI_ask,
.UI_ie678 .UI_prompt,
.UI_ie678 .UI_select{
  outline:3px solid #ccc;
}
.UI_ie67 .UI_mask{
  position: absolute;
}


/**
 * CSS3动画
 *
 **/
@-webkit-keyframes UI-fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translateY(10px)
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0)
  }
}
@keyframes UI-fadeInDown{
  0%{
    opacity:0;
    transform:translateY(10px)
  }
  100%{
    opacity:1;
    transform:translateY(0)
  }
}
@-webkit-keyframes UI-fadeOutUp{
  0%{
    opacity:1;
    -webkit-transform:translateY(0)
  }
  100%{
    opacity:0;
    -webkit-transform:translateY(10px)
  }
}

@keyframes UI-fadeOutUp{
  0%{
    opacity:1;
    transform:translateY(0)
  }
  100%{
    opacity:0;
    transform:translateY(10px)
  }
}

.UI-fadeIn{
  -webkit-animation:UI-fadeInDown 0.2s ease both;
  animation:UI-fadeInDown 0.2s ease both;
}
.UI-fadeOut{
  -webkit-animation:UI-fadeOutUp 0.2s ease both;
  animation:UI-fadeOutUp 0.2s ease both;
}