@charset "utf-8";
@media (max-width:768px){

.header{height: 70px;}
.header .member_search{width: 100%;margin: 21px 0;}
.index_box{background-size: auto auto !important;padding-bottom:20px;}
.index_box_text{width: 100%;margin-top:80px;}
.index_box_img{width: 100%;}
.index_box_text .tit{padding-bottom: 11px;}
.index_box_text .tit p{font-size: 16px;}
.index_box_text .tit h3{font-size: 20px;margin-top: 6px;}
.index_box_text .con{font-size: 12px;line-height: 25px;}
.index_box_text .m_nav ul li a{padding: 10px;}
.index_box_text .m_nav ul li{width: 48%;margin-left: 2%;}
.index_box_text .m_nav ul{margin-left: -2%;}
.index_box_text .m_nav ul li a img{width: 35%;}
.index_box_text .m_nav ul li a p{font-size: 14px;margin-top: 10px;}
.index_box_text .m_nav{margin-top: 15px;}
.index_box>img.xxdh{display: none;}

.footer{background-size: auto 100% !important;padding: 20px 0 10px;}
.footer .foot{padding-bottom: 15px;}
.footer .foot .foot_l{width: 100%;}
.footer .foot .foot_r{width: 100%;margin-top: 10px;}
.footer .foot .foot_r .img img:nth-last-child(1){float: left;margin-left: 15px;}
.footer .foot .foot_r .img img{width: 20.5%;}
.footer .foot .foot_r .img{margin-top: 15px;}
.footer .copyright{padding-top: 10px;}
.footer .foot .foot_l p{font-size: 14px;margin-top: 7px;}
.footer .foot .foot_l h3{margin-bottom: 4px;}

.member_con{width: 100%;padding: 0;height: auto;margin-top:20px;}
.member_con .member_con_l{width: 100%;background: url('../images/login.png') no-repeat center center;background-size: 100% auto;height: 160px;}
.member_con .member_con_l>img{display: none;}
.member_con .member_con_r{width: 100%;}
.member_con .register_r{width: 100%;padding:8% 7.5% 30%;}
.member_con .member_con_l .text h3{font-size: 24px;}
.member_con .member_con_l .text p{font-size: 14px;}

.member_con .member_con_r .con>p{font-size: 16px;margin-bottom: 12px;}
.member_con .member_con_r .con button{width: 140px;height: 43px;font-size: 14px;}
.member_con .member_con_r .con .btn{margin-top: 25px;}
.member_con .member_con_r .con{margin-top: 20px;}

.next button{width: 140px;height: 43px;font-size: 14px;}
.member_con .register .items .i-con p{font-size: 14px;}
.state{margin-top:45px;}
.next{margin-top:80px;}
.next2{margin-top: 55px;}
.items3 .next{margin-top: 135px;}
.member_con .register .it{margin-top: 0 !important;}
.member_con .register .it button{width: auto;}
.member_con .register .it input{margin-top: 12px;}
.header .member_search .member a, .header .member_search .member span{padding: 0 6px;}

.inf .i-left{width: 100%;}
.inf .i-left .t-01{font-size: 16px;height: 40px;line-height: 40px;}
.inf .i-left .t-02{height: auto;padding-top: 0;}
.inf .i-left .t-02 li{float: left;width: 33.33%;text-align: center;padding: 10px 0;}
.inf .i-left .t-02 li.active a{border: 0;}
.inf .i-left .t-02 li a{padding: 0;}
.inf .i-right{width: 100%;padding: 15px 10px;margin-top: 15px;height: auto;}
.inf .i-right .t-01{padding-bottom: 11px;}
.favorites .i-right ul.clearfix li{width: 48%;margin-left: 2%;height: auto;margin-top: 2%;}
.favorites .i-right ul.clearfix{margin-left: -2%;}
.favorites .i-right ul.clearfix li .img{height:auto;}
.favorites .i-right ul.clearfix li .tex p{width: 70%;}
.favorites .i-right ul.clearfix li .tex{height: 40px;line-height: 40px;}
.favorites .i-right ul.clearfix li .tex img{margin-top: 12px;}
.favorites .i-right .t-02{margin-top: 15px;}

.inf .i-right .t-02 .item span{width: 20%;}
.inf .i-right .t-02 .item input{width:76%;float:right;}
.inf .i-right .t-02 .item{margin-top: 15px;}
.inf .i-right .t-02 .item:nth-child(1){margin-top: 20px;}

.animals .i-right .page{margin: 30px 0 20px;}

.animals .i-right{padding: 0;}
.favorites .i-right ul.clearfix{margin-left:0px;}
.animals .i-right ul.clearfix li{width:100%;margin-left:0px;margin-top:10px;}

.animals .i-left .t-1{font-size: 16px;}
.animals .i-left .list li .top{font-size:16px;padding:5px 0;}
.animals .i-left .list li dl dd a{font-size:14px;}
.animals .i-left .list li .top span {padding: 10px 0px 10px 10px;}
.animals .i-left .list li .top a {width: 100%;padding: 10px 0px 10px 10px;}
.animals .i-left .list li .top i{top:22px;}

.video .top{padding: 15px 10px;}
.video .top .t-01 .e-01{font-size: 16px;}
.video .top .t-01 .e-02{width:100%;height:250px;}
.video .top .t-01 .e-03{margin-top: 9px;}
.video .top .t-02 .e-01{font-size: 16px;}
.video .top .t-02{margin-top: 15px;}

.video{padding: 30px 0 30px;}
.video .bot ul li{width: 48%;margin-left: 2%;height: auto;margin-top: 2%;}
.video .bot ul{margin-left: -2%;}
.video .bot ul li .tex{font-size: 14px;height: 45px;line-height: 45px;}
.video .bot p{font-size: 20px;margin: 35px 0 25px;}

.page-header .member_search .search{width: 35%;margin-left: 10px;}
.page-header .member_search{width: 70%;margin-right: 50px;}
.page-header .logo{display: none;}

.header .nav{transition:all 0.5s ease 0s;position:fixed;width:100%;right: -100%;margin-left:0px;z-index:999;background:#fff;top:0px;height:100%;margin-top:71px;}

.page-header .nav li:nth-child(1){display: block;}
.page-header .nav li{float: none;width: 100%;height: auto;line-height: normal;margin-top: 20px;}
.page-header .nav li a{font-size: 16px;display: block;padding-left: 15px;}
.page-header .member_search .member a, .page-header .member_search .member span{font-size: 12px;}


.page li{display:inline-block;text-align:center;font-size:12px;position:relative;margin-top:25px;margin: 0 1px;line-height:25px;}
.page li a,.page li span{display:inline-block;width:100%;color:#999;text-align:center;width:30px;height: 25px;color:#999;background:#fff;border-radius:2px;border:1px solid #eee;}
.page li a:hover{background:#bb5fa1;color:#fff;border:1px solid #bb5fa1;}
.page li:nth-child(1) span,.page li:nth-last-child(1) span,.page li:nth-child(1) a,.page li:nth-last-child(1) a,.page li:nth-child(1),.page li:nth-last-child(1){font-family:'宋体';background:none;border:0px;font-weight:bold;}
.page li:nth-child(1) a:hover,.page li:nth-last-child(1) a:hover{color:#999;}
.page li.active span{color:#fff;background:#bb5fa1;border:1px solid #bb5fa1;}

}