.ml30{margin-left: 30px !important;}
.fr{float:right;}
.fl{float:left}
.overflow{overflow:hidden}
.tr{text-align: right;}
.tc{text-align: center}
.color666{color:#666;}
.mt15{margin-top: 15px}
.mt30{margin-top: 30px}
/*
    dogManage.html
    宠物管理
*/
.dog-manager_item{
    height:55px !important;
    justify-content: flex-start !important;
    color:#555;
    margin-bottom: 10px;
}
.dog-manager_item a{
    color:#555;
    font-size: 16px;
}
.dog-manager_item a:first-child{
    margin-left: 16px;
}
.dog-manager_item span{
    display: inline-block;
}
.dog-manager_box1 .dog-manager_btn{
    margin-left: 30px !important;
    width:80px;
}
.dog-manager_box1 .dog-manager_btn .btns{
    display: inline-block;
    width:8px;
    height: 16px;
    position: relative;
    top:3px;
    margin-left: 7px;
}
.dog-manager_box1 .dog-manager_btn .btns .btn-up{
    position: absolute;
    top:0;
    left:0;
    background: url("../image/up.png") no-repeat top left;
    width:8px;
    height:8px;
    background-size: contain;
}
.dog-manager_box1 .dog-manager_btn .btns .btn-down{
    position: absolute;
    bottom:0;
    left:0;
    background: url("../image/down.png") no-repeat top left;
    width:8px;
    height:8px;
    background-size: contain;
}
.dog-manager_box1 .index_content_item_title{
    background-color: #fbfbfb;
}
.dog-manager_box1 .dog-manage-btn{
    background-color: #00aa98;
    width:88px;
}
.dog-manager_box1 .dog-manage-btn2{
    background-color: #169bd4;
    width:120px;
}
.layui-table {width:1250px;margin-left:auto;margin-right:auto;}
.layui-table tr th{
    font-size: 18px;
    font-weight: bold;
    padding:0;
    height:40px;
}
.layui-table tr{
    position: relative;
}
.layui-table tr i{
    position: absolute;
    right: 0;
    width:1px;
    border-right:1px solid #e6e6e6;
    display: inline-block;
    height:17px;
}
.layui-table tr td{
    font-size: 16px;
}
.dog-manager_box1 .page{
    background-color: #fff;
}
.dog-manager_box1 .page .layui-box{
    margin-left: 20px;
    height: 39px;
    background-color: #f2f2f2;
    padding:8px 0 0 17px;
    width:917px;
}
.dog-manager_box1 .layui-laypage a, .dog-manager_box1 .layui-laypage span{
    /*background-color: #f2f2f2;*/
    border:0;
}
.dog-manager_box1 .layui-laypage-btn{
    background-color: #009688;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dog-manager_box1 .dog-manager_btn2{
    width:auto;
    position: relative;
    margin-left: 0 !important;
    font-size: 12px;
}
/*
    msgChange.html
    信息变更  页面
*/
.msg-change_box1 .breed_top{
    margin-bottom:10px;
}
.index-content_right.msg-change_box1 .breeding_item_item{
    background-color:#fff ;
}


.layer_box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.layer_box .center_box{
    background-color: #fff;
    width: 670px;
    height: 570px;
    padding: 20px;
    /*margin: 140px auto ;*/
    box-sizing: border-box;
}

.layer_box .center_box h3{
    padding-left: 10px;
    border-left: 3px solid #fc771f;
    font-size: 30px;
}

.layer_box .center_box .pay_info {
    display: flex;
    justify-content: space-around;
}

.layer_box .center_box .pay_info span{
    display: block;
    margin-top: 10px;
    text-align: center;
}

.layer_box .center_box .layui-form {
    /*margin: 40px 0;*/
}

.layer_box .center_box .layui-form th,
.layer_box .center_box .layui-form td {
    text-align: center;
}
.layer_box .center_box{
    position: relative;
}
.layer_box .close{
    position: absolute;
    right:7px;
    top:7px;
}
.layer_box .btns{
    margin-top: 30px;
}
.layer_box .btns a{
    display: inline-block;
    text-align: center;
}
.layer_box .btnBlue{
    width:100px;
    height:40px;
    line-height: 40px;
    background-color: #1E9FFF;
    color:#fff;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 15px;
}
.layer_box .btnGrey{
    width:100px;
    height:40px;
    line-height: 40px;
    background-color: #999;
    color:#333;
    font-size: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.layer_box .ct{
    min-height: 40px;
}
/*
    外籍换发
    exchage.html
*/
.exchange_row{
    margin-top: 15px;
}
.exchange_row .input_box{
    width:33%;
    float: left;
}
.exchange_row .firstBox{
    position: relative;
    top:208px;
}
.exchange_row .secBox{
    position: relative;
    top:102px;
}
/*
    宠物数据
    dogData.html
*/
.dataTop {
  height:40px;
  line-height: 40px;
}
.dataTop .fr {
  padding-right:10px;
}
.dataTop .fl {
  font-size: 14px;
  color:#454545;
  padding-left:10px;
}
.dataTop .fr>a {
  display: inline-block;
}
.dataTop .loginBtn {
  font-size: 14px;
  color:#454545;
  margin-right: 10px;
}
.dataTop .registerBtn {
  color:#fc771f;
  font-size: 14px;
  margin:0 30px 0 10px;
}
.dataTop .addCollect,.dataTop .aboutUs {
  color:#808080;
  font-size: 14px;
}
.dataTop .addCollect {
  margin-right: 10px;
}
.dataTop .aboutUs {
  margin-left: 10px;
}
.dataTop i{
    color:#a7a7a7
}
.data_content{
    min-height: 570px;
}
.data_content .w{
    padding:22px 0 0 0;
    background-color: #fff;
  margin-top:30px;
}
.data_content .data_left{
    width:780px;
}
.data_left .title_box h3{
    color:#000;
    font-size: 24px;
  line-height:24px;
    width:208px;
    text-align: right;
    border-left:6px solid #fc771f;
}
.data_content .data_left .data_ul{
    /*overflow: hidden;*/
}
.data_content .data_ul li{
    float: left;
    margin-right: 42px;
}
.data_content .data_ul li:last-child{
    margin-right: 0;
}
.data_content .data_ul a{
    color:#2c2c2c;
    font-size: 22px;
    display: block;
}
.data_content .title_box{
    height: 44px;
    border-bottom:3px solid #eee;
  margin-left:20px;
}
.data_content .data_ul .active a{
    color:#fc771f;
    border-bottom:3px solid #fc771f;
    height:49px;
}
.data_content .notice_01{
    margin: 25px 0 20px 0;
}
.data_content .notice_01 b{
    font-size: 16px;
    padding:3px 6px;
    color:#fff;
    margin-right: 10px;
}
.data_content .notice_01 .blue{
    background-color: #3b8bec;
}
.data_content .notice_01 .green{
    background-color:#71b365
}
.data_content .notice_01 .orange{
    background-color:#fb8b48
}
.data_content .notice_01 .pink{
    background-color:#fc79a4
}
.data_content .notice_01 .red{
    background-color:#fb521e
}
.data_content .notice_01 span{
    color:#010000;
    font-size:18px;
  padding-left:5px;
}
.data_content .notice_01 .date{
    font-size: 16px;
    color:#9e9e9e;
    position: relative;
    top:3px;
}
.data_content .notice_box {margin-left:20px;margin-top:10px;}
.data_content .notice_box p{
    color:#797979;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.data_content .data_right{
    width:265px;
    border-top:5px solid #fc771f;
  background-color:#f3f3f3;
  margin-right:20px;
}
.data_content .data_box{
    border:1px solid #eee;
    border-top:0;
}
.data_content .data_box-02{
    border:1px solid #fff;
    border-top:0;
}
.data_content .data_box h3{
    width:94%;
    color:#2b2b2b;
    font-size: 20px;
    height:50px;
    padding-left:15px;
    line-height: 50px;
    border-bottom:1px solid #eee;
}
.data_content .data_box h3>span{
    color:#999;
    font-size: 16px;
    margin-left: 2px;
}
.data_content .input_box label{
    display: inline-block;
    background-color: #f3f3f3;
    color:#4c4c4c;
    font-size: 16px;
    width:190px;
    height: 36px;
    line-height: 36px;
    padding:0 10px 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  background-color:#FFFFFF;
}
.data_content .input_box label:first-child{
    margin-bottom: 10px;
}
.data_content .input_box{
    padding:15px 28px;
}
.data_content .input_box input{
    background-color: #FFFFFF;
    width:130px;
}
.data_content .input_box .btns{
    margin:15px 0 15px;
}
.data_content .input_box .btns .fl,.data_content .input_box .btns .fr{
    color:#757575;
    font-size: 14px;
}
.data_content .input_box input[type=checkbox]{
    width:14px;
    height:14px;
    position: relative;
    top:3px;
}
.data_content .input_box .btns_go>a{
    display: block;
    width:100%;
    height:34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.data_content .input_box .logon_go{
    background-color: #ff6b01;
    color:#fff;
}
.data_content .input_box .register_go{
    color:#3d3d3d;
    border:1px solid #eee;
    margin-top:20px;
  background-color:#FFFFFF;
}
.data_content .data_box2{
    margin-top: 35px;
    border:none;
    background-color: #f3f3f3;
    position: relative;
  height:370px;
}
.data_content .data_box2 .img_flag{
    position: absolute;
    top:0;
    right:0;
}
.data_content .data_box2 h3{
    border-bottom:0;
  padding-top:35px;
  padding-left:30px;
}
.data_content .data_box2 label,.data_content .data_box2 .input_box input{
    background-color: #fff;
}
.data_content .data_box2 label{
    color:#727272;
}
.data_content .data_box2 .input_yz{
    width:94px;
    height:34px;
    margin-right: 8px;
    padding-left:7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.data_content .data_box2 .refresh_yz{
    font-size: 14px;
    color:#656565;
    float: right;
    position: relative;
    top:8px;
}
.data_content .data_box2 .btns_new{
    width:100%;
}
.data_content .input_box .rearch_go{
    background-color: #00aa98;
    color:#fff;
}
.data_content .input_box .rearch_go i{
    background: url("../image/search.png") no-repeat;
    width:17px;
    height:18px;
    display: inline-block;
    position: relative;
    top:2px;
    margin-right: 8px;
}
.data_content .data_ct1{
padding-bottom:20px;
}
.data_content .data_ct2{
    margin:31px 0 -10px;
    position: relative;
    padding-bottom:25px;
}

.data_content .data_ct2 .title_box{
    height:60px;
    background-color: #00aa98;
}
.data_content .data_ct2 .title_box h3{
    color:#fff;
    border:0;
    line-height: 60px;
    margin-left: 20px;
  font-size:24px;
}
.data_content .data_ct2 .search_top{
    height:36px;
    width:364px;
    margin-top:11px;
    position: relative;
}
.data_ct2 .search_top .s_input{
    width:275px;
    height:36px;
    padding-left: 8px;
    color:#535353;
}
.data_ct2 .search_top .btn{
    background-color: #fc771f;
    color:#fff;
    height:36px;
    display: inline-block;
    line-height: 36px;
    width:77px;
    text-align: center;
    position: absolute;
    right:10px;
    top:0;
    font-size: 16px;
}
.data_ct2 .search_top .btn i{
    display: inline-block;
    width:17px;
    height:17px;
    background: url("../image/search.png") no-repeat;
    position: relative;
    top:2px;
    margin-right: 5px;
}
.data_ct2 .layui-table thead tr{
    background-color: #f6f6f6;
}
.data_ct2 .layui-table thead th{
    height:30px;
    line-height: 30px;
    font-size: 22px;
    border-bottom:2px solid #eee;
}
.data_ct2 .layui-table tbody tr{
    background-color: #fefefe;
}
.data_ct2 .layui-table tbody td{
    /*text-align: center;*/
    background-color: #fefefe !important;
    border-bottom:1px dashed #bbb;
    height:40px;
    line-height: 40px;
    font-size: 18px;
}
.data_ct2 .layui-table tbody tr:last-child{
    border-bottom:1px solid #bbb;
}
.data_ct2 .layui-table[lay-size=lg] td,.data_ct2 .layui-table[lay-size=lg] th{
    text-align: center;
}
.data_ct2 .data_right{
    border:0
}
.data_ct2 .data_right h3{
    border-top:0;
    border-left:8px solid #fc771f;
    border-bottom:0;
    height: 28px;
    line-height: 28px;
}
.data_ct2 .data_right .img_box{
    margin:23px 0
}
.data_content .data_ct3{
    display: flex;
    align-items: center;
    padding-bottom: 23px;
}
.data_content .data_ct3-title{
    flex: 0 0 auto;
    margin-right: 12px;
    display: block;
    cursor: default;
}
.data_content .data_ct3-links{
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}
.data_content .data_ct3-links > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    width: auto;
    flex: 0 0 auto;
    overflow: visible;
}
.data_content .data_ct3 img{
    display: block;
    cursor: pointer;
}
.data_content .data_ct3-links > a img{
    flex: 0 0 auto;
    height: 54px;
    width: auto;
    max-width: none;
    object-fit: contain;
}
.zctz-list {
  width:1300px;
  background-color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  border: 1px solid #eaeaea;
  margin-bottom:30px;
}
.zctz-wz {width:1055px;margin-left:auto;margin-right:auto;font-size:16px;color:#000000;line-height:70px;}
.zctz-wz a {
  color:#000000;
  text-decoration: none;
}
.zctz-wz span {color:#a7a7a7;}
.zctz-title {
  width:1055px;
  margin-left:auto;
  margin-right:auto;
  font-size:16px;
  color:#000000;
  line-height:50px;
  background-color:#f2faff;
  border: 1px solid #bde1fa;
  color:#007dcc;
  font-size:24px;
  background-image: url(../image/pic-0410001.jpg);
  background-repeat: no-repeat;
  background-position: 18px;
  margin-top:5px;
  margin-bottom:20px;
}
.zctz-title span {padding-left:60px;}
.zctz-list ul {width:1250px;margin-left:auto;margin-right:auto;font-size:16px;color:#404040;margin-bottom:20px;}
.zctz-list ul span {font-size:14px;color:#9c9c9c; float:right;}
.zctz-list li {line-height:40px;}
.zctz-list li a{
  color:#404040;
  text-decoration: none;
}
.zctz-list li a:hover{
  color:#000000;
  text-decoration: underline;
}
.mian-cention {width:1300px; margin-left:auto; margin-right:auto;margin-bottom:20px;}
.mian-cention  h2 {
  font-size:30px;
  font-weight: normal;
  width:86%;
  margin-left:auto; margin-right:auto;
  line-height:50px;
  text-align:center;
  color:#1c1c1c;
  margin-top:25px;
}
.mian-time {color:#888888;font-size:12px;width:90%;
  margin-left:auto; margin-right:auto;text-align:center;line-height:24px;margin-top:10px;padding-bottom:10px;}
.mian-cen {width:90%;
  margin-left:auto; margin-right:auto;color:#4c4c4c;font-size:16px;line-height:36px;margin-top:20px;}
.time02 {text-align:center;padding-bottom:25px;width:90%; margin-left:auto; margin-right:auto;}
.time02 .bigger,.time02 .medium  {margin-right:10px;cursor:hand;cursor:pointer;}
.time02 .smaller {margin-right:0;cursor:hand;cursor:pointer;}
.time02 .font14,.fbdate {font-size:14px;}
/* 翻页（对齐旧站 page.js + li.css）*/
#pageBar {
  font-size:12px;
  width:1043px;
  margin-left:auto;
  margin-right:auto;
  height:30px;
  line-height:30px;
  background-color:#f1f1f1;
  padding-left:15px;
  margin-top:15px;
  margin-bottom:15px;
}
#pageBar #info {color:#333;}
#pageBar .page {font-size:12px;letter-spacing:0;}
#pageBar .page a,
#pageBar a.page-num {
  display:inline-block;
  min-width:25px;
  height:25px;
  line-height:25px;
  background-color:#fff;
  border:1px solid #999;
  color:#666;
  text-align:center;
  margin-left:5px;
  padding:0 5px;
  letter-spacing:0;
  text-decoration:none;
  box-sizing:border-box;
  vertical-align:middle;
}
#pageBar .page a:hover,
#pageBar a.page-num:hover {color:#333;}
#pageBar .current,
#pageBar .page a.page-num-current,
#pageBar a.page-num-current {
  display:inline-block;
  min-width:25px;
  height:25px;
  line-height:25px;
  background-color:#3c90d9;
  border:1px solid #3c90d9;
  color:#fff;
  text-align:center;
  margin-left:5px;
  padding:0 5px;
  letter-spacing:0;
  text-decoration:none;
  box-sizing:border-box;
  vertical-align:middle;
}
#pageBar .page .page-num {color:#666;}
/* 仅作用于门户顶栏横向导航，避免污染个人中心左侧树形菜单 */
.index_header .layui-nav {margin-top:10px;}
.index_header .layui-nav > ul > li {margin-left:50px;}
.index_header .layui-nav-child dd a{font-size:16px;text-align:center;}

/*切换*/
#yfyj {
   width:620px;position:relative;
}
.yfyjbox{

  width:620px;
}
#spmenu1 {
   position:absolute;
   top:-5px;
   left:0;
   z-index:1;
}
#spmenu1 li {
   float:left;
   display:block;
  width:88px;
   font-size: 22px;
  color: #141414;
  line-height:55px;
  margin-left:35px;
  
}
#spmenu1 li a {
  color:#2c2c2c;
  width:88px;
  text-decoration: none;
  display: block;
} 
#spmenu1 li a:hover{
  color:#fc771f;
  width:88px;
  text-decoration: none;
  display: block;
} 
#spmenu1 li.hover{
  color:#fc771f;
  width:88px;
  border-bottom:4px solid #fc771f;
}
#spmenu1 li.hover a{
  color:#fc771f;}
.spmain1box {
   position:absolute;
   top:60px;
   left:-232px;
   clear:both;
   width:849px;
  line-height:16px;
}
/*下拉菜单*/
.clearit, .clearb {
  clear:both;
  font-size:0;
  width:0;
  height:0;
  line-height:0;
  visibility:hidden;
  overflow:hidden;
}

.none {
  display:none
}
.sy1_ul{
  font-size:22px;
  line-height:44px;
  height:44px;
  margin-top:-8px;
  position: relative;
}

.sy1_li{width:80px; float:left; display:inline;margin-left:20px;}

.sy1_ul li a.sy1_tit{ color:#2c2c2c}

.sy1_ul li a:hover{color:#fc771f;}

.sy1_ul li.sy1_li{ float:left;  z-index:10000; line-height:55px;}

.sy1_ul li.sy1_li .sy1_tit{ line-height:50px; font-size:18px; display:block; text-align:center}

.sy2_ul {
  position: absolute;
  left: -359px;
  top: 55px;
  z-index: 1112;
  display: none;
  background: #fff;
  width: 728px;
  height: 280px;
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  padding: 0px 15px;
}
.sy2_ul .notice_01 span a {
  color:#2c2c2c;
  text-decoration: none;
  font-size:18px;
}
.sy2_ul notice_01 span a:hover {
  color:#2c2c2c;
  text-decoration: none;
  font-size:18px;
}

.sy2_li{float:left;color:#2c2c2c;font-size:14px; text-align:center; margin:25px;_margin-left:2px; position:relative; width:120px;line-height:20px;marign-top:0px;}

.sy2_tit{overflow:hidden}/*下拉菜单样式*/

.sy2_tit:hover{ color:#fc771f!important}

.sy1_ul .sy1_li .sy2_li_h{  display:block; z-index:2000;}

.sy1_li_bg{no-repeat: 0px 0px; height:55px!important; display:block; text-align:center; }

.sy1_li_bg a.sy1_tit {color:#fc771f!important;border-bottom:4px solid #fc771f;}

.sy1_li_bg a.sy1_tit:hover{color:#fc771f!important; text-decoration:none;border-bottom:4px solid #fc771f;}

.sy1_ul li a.sy2_tit{ color:#2c2c2c; font-size:14px;}

.sy1_ul li a.sy1_tit:hover{ color:#fc771f;border-bottom:4px solid #fc771f;!important;}

.navli3 li a.sy2_tit{font-weight:100}

.navli5 li a.sy2_tit{font-weight:100}
.sy2_ul p{color:#797979;font-size:16px;line-height:28px; border-bottom:1px solid #eee;padding-bottom:20px;}
.ywbl {
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: #f9f9f9;
  background-image: url(../image/data_01.png);
  background-repeat: no-repeat;
  background-position: right top;
  height:200px;
}
.ywbl li a {
  color:#000000;
  text-decoration: none;
}
.ywbl li {width:183px;float:left;font-size:18px;color:#000000;text-align:center;padding-top:40px;line-height:50px;}
.cx {height:190px;}
.cx li {width:350px;float:left;text-align:center;padding-top:40px;}
.zs_pic{
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: #f9f9f9;
  text-align:center;
  padding-top:22px;
  padding-bottom:22px;
}
/*图片新闻*/
.dh img{display: block;width:670px;height:320px;}
.dh ul{position: relative;overflow: hidden;width: 1300px;height: 320px;margin: 0px auto 0;}
.dh ul li{
  float: left;
  width: 81px;
  overflow: hidden;
  height: 100%;
  position: relative;
  cursor: pointer;
  border-right-width: 2px;
  border-left-width: 2px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #FFFFFF;
  border-left-color: #FFFFFF;
}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}

.dh ul li.curr{}
/* .dh ul li.curr .layer .p1{left: -200%;}
.dh ul li.curr .layer .p2{left: 10px;} */

.col1{color: #00A39A;}
.col2{color: #fff;}