@charset "utf-8";
/**
 * [02U] (C)2010-2099 02u.cn Inc.biz
 * Email: service@02u.cn
 * Last update 2020.06.08
 */
 
.bo_hi{border:2px solid #e8b04d; color:#e8b04d;}
.bo_like{border:2px solid #ee3888; color:#ee3888;}
.list_like{border:1px solid #ebebeb;}
.list_like.current{color: #ee3888; }
.bo_contact{border:2px solid #59d9bf; color:#59d9bf;}
.my_dynamic .current a{font-weight: bold; color:#ee3888}
.my_dynamic .current::after{content: ''; display: inline-block; height: 4px; width: 20px; background:#ee3888; position: absolute; left: 50%; bottom: 0px; margin-left: -10px; border-radius: 5px;}
.article_cat a.current,.article_cat a:hover{border:1px solid #ee3888; background:#ee3888; color:#fff;}
.menu a{position: relative;margin: 0 10px;}
.menu .current{color:#ee3888; font-weight: bold;}
.menu .current:after{content: ''; display: inline-block; height: 3px; background: #fff; position: absolute; left: 0px; right: 0px;  bottom: -10px;}
.oeui_select .selector:hover{border:1px solid #ee3888;}
.reg_tag .current,.reg_tag span:hover{background:#ee3888; color:#fff;}
.login span.current::after{content: ''; height: 5px; background:#ee3888; width: 20px; display: inline-block; border-radius: 10px; position: absolute; left: 50%; bottom: 0px; margin-left: -10px;}
.logo img{max-height: 90px;}
.userlist_hover:hover h3 a{color:#ee3888}
.userlist_hover:hover{box-shadow: 0 1px 15px 0 rgba(255, 116, 177, 0.15); background:#fffcfe; border:1px solid #faf0f5;}

/* 会员 */
.oe_userdrop:after{  content: "";position: absolute;top: -20px;right: 20px;-moz-box-sizing: border-box;box-sizing: border-box;width: 10px;height: 0;border: 10px solid transparent;    border-bottom-color: transparent;    border-bottom-style: solid;    border-bottom-width: 10px;border-bottom: 10px solid #fff;}
.oe_usertui .btn:hover{color:#fff!important; background:#ee3888; border: 1px solid #ee3888;}

/*2020.07.18 16:33*/
.oe_select_input{
  width: 100%;
  position: relative;
}
.oe_select_input .input_wrap{
  position: relative;
}
.oe_select_input .input_wrap span{
  width: 100%;
  height: 38px;
  padding-right: 30px;
  padding-left: 10px;
  cursor: pointer;
  display: block;
  line-height: 38px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  color: #999;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.oe_select_input .input_wrap span.current{
  color: #333;
}
.oe_select_input .input_wrap .triangle{
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border: 6px solid transparent;
  border-top-color: #c2c2c2;
}
.oe_select_input .list{
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
  z-index: 1000;
}
.oe_select_input .list ul{
  padding: 8px 0;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
  margin-top: 4px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.oe_select_input ul li{
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 0 10px;
  line-height: 36px;
  color: #666;
  cursor: pointer;
}
.oe_select_input ul li:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_input ul li.current{
  background: #ee3888;
  color: #fff;
}
.oe_select_birthday{
  position: relative;
}
.oe_select_birthday .input_wrap{
  position: relative;
}
.oe_select_birthday .input_wrap span{
  width: 100%;
  height: 38px;
  padding-right: 30px;
  padding-left: 10px;
  cursor: pointer;
  display: block;
  line-height: 38px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  color: #999;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.oe_select_birthday .input_wrap span.current{
  color: #333;
}
.oe_select_birthday .input_wrap .icon {
  position: absolute;
  top: 9px;
  right: 5px;
}

.oe_select_birthday .input_wrap .icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

.oe_select_birthday .list{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
}
.oe_select_birthday .list .box{
  width: 510px;
  background: #fff;
  margin-top: 4px;
  border: 1px solid #ebebeb;
  padding: 15px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.oe_select_birthday .list .box .tab_nav{
  border-bottom: 1px solid #ebebeb;
}
.oe_select_birthday .list .box .tab_nav .item{
  padding: 0 10px;
  line-height: 30px;
  float: left;
  position: relative;
  top: 1px;
  z-index: 10;
  border: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
}
.oe_select_birthday .list .box .tab_nav .item.current{
  border: 1px solid #ebebeb;
  border-bottom-color: #fff;
  color: #ee3888;
}
.oe_select_birthday .list .box .tab_content{
  margin-top: 10px;
}
.oe_select_birthday .list .box .tab_content .item{
  min-height: 180px;
  display: none;
}
.oe_select_birthday .list .box .tab_content .item:first-child{
  display: block;
}
.oe_select_birthday .list .box .tab_content .year{
  overflow: hidden;
  line-height: 30px;
}
.oe_select_birthday .list .box .tab_content .year label{
  float: left;
  color: #999;
  font-weight: bold;
  margin-right: 10px;
}
.oe_select_birthday .list .box .tab_content .year span{
  float: left;
  padding: 0 6px;
  cursor: pointer;
}
.oe_select_birthday .list .box .tab_content .year span.current{
  background: #ee3888;
  color: #fff;
}
.oe_select_birthday .list .box .tab_content .year span:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_birthday .list .box .tab_content .item .month{
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.oe_select_birthday .list .box .tab_content .item .month.current{
  background: #ee3888;
  color: #fff;
}
.oe_select_birthday .list .box .tab_content .item .month:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_birthday .list .box .tab_content .item .date{
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-bottom: 8px;
}
.oe_select_birthday .list .box .tab_content .item .date:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_birthday .list .box .tab_content .item .date.current{
  background: #ee3888;
  color: #fff;
}

.oe_select_addr{
  position: relative;
}
.oe_select_addr .list{
  display: none;
}
.oe_select_addr .input_wrap{
  position: relative;
}
.oe_select_addr .input_wrap span{
  width: 100%;
  height: 38px;
  padding-right: 30px;
  padding-left: 10px;
  cursor: pointer;
  display: block;
  line-height: 38px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  color: #999;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.oe_select_addr .input_wrap span.current{
  color: #333;
}
.oe_select_addr .input_wrap .icon {
  position: absolute;
  top: 9px;
  right: 5px;
}

.oe_select_addr .input_wrap .icon svg {
  width: 20px;
  height: 20px;
  display: block;
}
.oe_select_addr .list{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}
.oe_select_addr .list .box{
  width: 500px;
  background: #fff;
  margin-top: 4px;
  border: 1px solid #ebebeb;
  padding: 15px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.oe_select_addr .list .box .tab_nav{
  border-bottom: 1px solid #ebebeb;
}
.oe_select_addr .list .box .tab_nav .item{
  padding: 0 10px;
  line-height: 30px;
  float: left;
  position: relative;
  top: 1px;
  z-index: 10;
  border: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  display: none;
}
.oe_select_addr .list .box .tab_nav .item:first-child{
  display: block;
}
.oe_select_addr .list .box .tab_nav .item.current{
  border: 1px solid #ebebeb;
  border-bottom-color: #fff;
  color: #ee3888;
}
.oe_select_addr .list .box .tab_content{
  margin-top: 10px;
  overflow: auto;
  max-height: 300px;
}
.oe_select_addr .list .box .tab_content .item{
  min-height: 150px;
  overflow: hidden;
  display: none;
}
.oe_select_addr .list .box .tab_content .item:first-child{
  display: block;
}
.oe_select_addr .list .box .tab_content .addr_box{
  min-width: 62px;
  float: left;
  padding: 0 10px;
  margin-bottom: 6px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}
.oe_select_addr .list .box .tab_content .addr_box:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_addr .list .box .tab_content .addr_box.current{
  background: #ee3888;
  color: #fff;
}
.oe_select_school{
  position: relative;
}
.oe_select_school .list{
  display: none;
}
.oe_select_school .input_wrap{
  position: relative;
}
.oe_select_school .input_wrap span{
  width: 100%;
  height: 38px;
  padding-right: 30px;
  padding-left: 10px;
  cursor: pointer;
  display: block;
  line-height: 38px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  color: #999;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.oe_select_school .input_wrap span.current{
  color: #333;
}
.oe_select_school .input_wrap .triangle{
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border: 6px solid transparent;
  border-top-color: #c2c2c2;
}
.oe_select_school .list{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}
.oe_select_school .list .box{
  width: 500px;
  background: #fff;
  margin-top: 4px;
  border: 1px solid #ebebeb;
  padding: 15px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.oe_select_school .list .box .tab_nav{
  border-bottom: 1px solid #ebebeb;
}
.oe_select_school .list .box .tab_nav .item{
  padding: 0 10px;
  line-height: 30px;
  float: left;
  position: relative;
  top: 1px;
  z-index: 10;
  border: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  display: none;
}
.oe_select_school .list .box .tab_nav .item:first-child{
  display: block;
}
.oe_select_school .list .box .tab_nav .item.current{
  border: 1px solid #ebebeb;
  border-bottom-color: #fff;
  color: #ee3888;
}
.oe_select_school .list .box .tab_content{
  margin-top: 10px;
}
.oe_select_school .list .box .tab_content .item{
  height: 150px;
  overflow-y: auto;
  display: none;
}
.oe_select_school .list .box .tab_content .item:first-child{
  display: block;
}
.oe_select_school .list .box .tab_content .text_box{
  min-width: 62px;
  float: left;
  padding: 0 10px;
  margin-bottom: 6px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}
.oe_select_school .list .box .tab_content .text_box:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_school .list .box .tab_content .text_box.current{
  background: #ee3888;
  color: #fff;
}
.oe_select_hometown{
  position: relative;
}
.oe_select_hometown .list{
  display: none;
}
.oe_select_hometown .input_wrap{
  position: relative;
}
.oe_select_hometown .input_wrap span{
  width: 100%;
  height: 38px;
  padding-right: 30px;
  padding-left: 10px;
  cursor: pointer;
  display: block;
  line-height: 38px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  color: #999;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
}
.oe_select_hometown .input_wrap span.current{
  color: #333;
}
.oe_select_hometown .input_wrap .triangle{
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  cursor: pointer;
  border: 6px solid transparent;
  border-top-color: #c2c2c2;
}
.oe_select_hometown .list{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}
.oe_select_hometown .list .box{
  width: 500px;
  background: #fff;
  margin-top: 4px;
  border: 1px solid #ebebeb;
  padding: 15px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.oe_select_hometown .list .box .tab_nav{
  border-bottom: 1px solid #ebebeb;
}
.oe_select_hometown .list .box .tab_nav .item{
  padding: 0 10px;
  line-height: 30px;
  float: left;
  position: relative;
  top: 1px;
  z-index: 10;
  border: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  display: none;
}
.oe_select_hometown .list .box .tab_nav .item:first-child{
  display: block;
}
.oe_select_hometown .list .box .tab_nav .item.current{
  border: 1px solid #ebebeb;
  border-bottom-color: #fff;
  color: #ee3888;
}
.oe_select_hometown .list .box .tab_content{
  margin-top: 10px;
}
.oe_select_hometown .list .box .tab_content .item{
  min-height: 150px;
  overflow: hidden;
  display: none;
}
.oe_select_hometown .list .box .tab_content .item:first-child{
  display: block;
}
.oe_select_hometown .list .box .tab_content .addr_box{
  min-width: 62px;
  float: left;
  padding: 0 10px;
  margin-bottom: 6px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
}
.oe_select_hometown .list .box .tab_content .addr_box:hover{
  background: #ee3888;
  color: #fff;
}
.oe_select_hometown .list .box .tab_content .addr_box.current{
  background: #ee3888;
  color: #fff;
}
.oe_select_hometown .input_wrap .icon {
  position: absolute;
  top: 9px;
  right: 5px;
}

.oe_select_hometown .input_wrap .icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

/*  */
.user_tag .current{background: #ee3888; color:#fff; border:1px solid #ee3888;}
.oe_power{border-right: none; border-bottom: none;}
.oe_power tr td,.oe_power tr th{ border-bottom: 1px solid #ffebf4; text-align: center; padding:15px 0px;}
.oe_power tr th{ font-weight: normal; background: #fff9fc;}
.oe_power tr.head th{font-weight: bold; color:#ee3888;}
.oe_paychat .current{color:#ee3888;}
.oe_paychat p .icon-tubiao-xuanze{display: inline-block; color:#999;}
.oe_paychat p .icon-xuanze1{display: none;}
.oe_paychat .current .icon-tubiao-xuanze{display: none;}
.oe_paychat .current .icon-xuanze1{display: inline-block;}
.oe_payselect li.current .icon-dong{display: inline-block; color:#999;}
.oe_payselect li.current .icon-check{display: none;}
.oe_payselect li .icon-dong{display: none;}
.oe_payselect li .icon-check{display: inline-block;}
.oe_zan.current{color:#ee3888}



/* 重写颜色 */
.oe_design .aside_menu ul li.current,.oeui_modal .wrap .btn_group button.confirm,.oeui_modal .dialog .footer button.confirm,.oeui_radio .radio span,.oeui_checkbox.checked .checkbox,.oeui_switch.checked .switch,.oeui_btn,.oeui_date_picker .table_list td.current span{background-color: #ee3888;}
.oeui_modal .wrap .btn_group button.confirm,.oeui_modal .wrap .btn_group button.cancel:hover,.oeui_modal .dialog .footer button.confirm,.oeui_modal .dialog .footer button.cancel:hover,.oeui_select.focusin .selector,.oeui_select .selector:hover,.oeui_select .selector:hover,.oeui_radio:hover .radio,.oeui_radio.checked .radio,.oeui_checkbox:hover .checkbox,.oeui_checkbox.checked .checkbox,.oeui_input:focus{ border-color: #ee3888;}
.oeui_modal .wrap .btn_group button.cancel:hover,.oeui_modal .dialog .footer button.cancel:hover,.oeui_btn.link,.oeui_btn.link,.oeui_date_picker .header .view span:hover,.oeui_date_picker .table_list td:hover span,.oeui_date_picker .table_list tfoot button,.oeui_time_picker .footer button.confirm{color:#ee3888;}
.oeui_btn{border: 1px solid #ee3888;}

/*图片预览*/
.oe_pswp{width: 100%;height: 100%;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}
.oe_pswp .mask{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.oe_pswp .container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.oe_pswp .prev{width: 50px;height: 50px;position: absolute;top: 50%;left: 30px;margin-top: -25px;cursor: pointer;z-index: 10;text-align: center;line-height: 50px;}
.oe_pswp .next{width: 50px;height: 50px;position: absolute;top: 50%;right: 30px;margin-top: -25px;cursor: pointer;z-index: 10;text-align: center;line-height: 50px;}
.oe_pswp .prev em{color: #fff;font-size: 40px;}
.oe_pswp .next em{color: #fff;font-size: 40px;}
.oe_pswp .wrap{width: 100%;height: 100%;}
.oe_pswp .item{width: 100%;height: 100%;text-align: center;position: relative;}
.oe_pswp .item .zoom{display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.oe_pswp .item .zoom img{max-width: 100%;max-height: 100%;}

.dynamic_emoji .angle{position: absolute;top: 10px;left:50%;margin-left:-5px; width: 10px;height: 10px;background: #fff;
transform-origin: 50% 50%;transform: rotate(45deg);border-top: 1px solid #ebebeb;border-left: 1px solid #ebebeb;}
.dynamic_emoji_btn:hover .dynamic_emoji{display: block;}

.oe_name_tip li:hover{background-color: #f5f5f5;}

.oeui_radio.border label{padding: 8px;border: 1px solid #dedede;border-radius: 2px;}

.oe_ruler{user-select: none;-webkit-user-select: none;}
.oe_ruler .btn .tip::after{content: "";position: absolute;width: 8px;height: 8px;background-color: #fff;transform-origin: 50% 50%;transform: rotate(45deg);top: 16px;left: 50%;margin-left: -4px;z-index: -1;border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.oe_ruler .indicator .item{width: 50px;background:url(../images/ruler.png) no-repeat;padding-left: 3px;}
.oe_ruler .indicator .item:first-child{background: none;}
.oe_ruler .indicator .item:last-child{background: none;}

/*首页banner*/
.banner .indicator .current{width: 30px;}