@charset "utf-8";
*{box-sizing: border-box;}
html{min-height: 100%;}
body {margin: 0;padding: 0;font-family: \5FAE\8F6F\96C5\9ED1;-webkit-tap-highlight-color: rgba(0,0,0,0);background-color: #ffffff;height: 100%;}
a:focus {outline: none;}/*点击a标签出现虚线边框*/
h1, h2, h3, h4, h5, h6, p, a, li, ul, dd, dl, dt, div, span, input, textarea, form, table, tr, td {margin: 0;padding: 0;font-weight: 500;}
ul,li{list-style: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;}  /*input输入框在苹果手机上去除内阴影*/
textarea {resize: none;font-family: \5FAE\8F6F\96C5\9ED1;border: none;outline: none;}
input,button{font-family: \5FAE\8F6F\96C5\9ED1;border: none;outline: none;}
input[disabled]{opacity:1}
input {
        -webkit-appearance: none;
        background-color: transparent;
 }
a {text-decoration: none;outline:none;-moz-outline-style:none;}
i {font-style: normal;}
.fl {float: left;}
.fr {float: right;}
img{border: none;outline: none;}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;}
body{background-image: url(../images/bg_pet.png);background-size: 100% auto;background-repeat: no-repeat repeat;}
.container{width: 6.9rem;margin: 0 auto;}
.wrap{width: 7.5rem;margin: 0 auto;height: 100%;}
.wrap .banner{background-image: url(../images/bg_banner.png);background-size: 100% auto;background-repeat: no-repeat repeat;width: 7.5rem;height: 2.4rem;color: #fff;
    display: flex;align-items: flex-start;justify-content: center;flex-direction: column;padding-left: 0.6rem;}
.wrap .banner h3{font-size: 0.34rem;}
.wrap .banner h4{font-size: 0.3rem;margin-top: 0.2rem;}
.wrap .title{color: #1d2129;font-size: 0.36rem;font-weight: 700;text-align: center;}
.wrap .form{width: 6.9rem;border-radius: 0.12rem;margin: 0.3rem auto 0;
padding: 0.6rem 0.3rem;background: linear-gradient(180deg, #d4e8ff99, #fff9);box-shadow: 0 0.1rem 0.2rem #033d9414;}
.wrap .form .title{margin-bottom: 0.3rem;}
.wrap .form p{position: relative;display: flex;align-items: center;background-color: #FFFFFF;height: 0.88rem;margin-bottom: 0.3rem;}
.wrap .form p span{font-size: 0.28rem;color: #333;width: 2rem;text-align: center;}
.wrap .form p .input{font-size: 0.28rem;color: #333;width: 4.3rem;}
.wrap .form p .getCode{position: absolute;right: 0.1rem; top:0;color: #1989fa;font-size: 0.28rem;font-weight: 700;line-height: 0.88rem;background: none;}
.wrap .form .submit{width: 4rem;height: 0.88rem;color: #FFFFFF;font-size: 0.3rem;margin: 0 auto 0.2rem;
background-color: #1989fa;display: flex;align-items: center;justify-content: center;border-radius: 0.12rem;}
.wrap .form .tip{text-align: center;color: #333333;font-size: 0.26rem;}
.wrap .form .tip span{color: #f53f3f;}

.wrap .hot{margin-top: 0.4rem;}
.wrap .hot ul{display: flex;align-items: center;flex-flow: row wrap;margin-top: 0.6rem;}
.wrap .hot ul li{display: flex;align-items: center;flex-direction: column;justify-content: center;width: 33.33%;margin-bottom: 0.6rem;}
.wrap .hot ul li span{border-radius: 0.08rem;width: 0.92rem;height: 0.92rem;display: flex;
    align-items: center;justify-content: center;}
.wrap .hot ul li p{font-size: 0.26rem;color: #333;margin-top: 0.1rem;}
.wrap .hot ul li:nth-child(1) span{background-color: rgb(65, 98, 255);}
.wrap .hot ul li:nth-child(2) span{background-color: rgb(101, 225, 255);}
.wrap .hot ul li:nth-child(3) span{background-color: rgb(0, 170, 255);}
.wrap .hot ul li:nth-child(4) span{background-color: rgb(121, 72, 234);}
.wrap .hot ul li:nth-child(5) span{background-color: rgb(0, 136, 255);}
.wrap .hot ul li:nth-child(6) span{background-color: rgb(64, 188, 252);}
.wrap .apply{margin-top: 0.3rem;margin-bottom: 0.5rem;}
.wrap .apply ul{margin-top: 0.6rem;display: flex;align-items: center;flex-flow: row wrap;padding: 0 0.3rem;justify-content: space-between;}
.wrap .apply ul li{border-radius: 0.1rem;width: 3.3rem;height:3rem;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #f4f7ff;margin-bottom: 0.3rem;}
.wrap .apply li p{font-size: 0.3rem;color: #333;margin: 0.2rem 0 0.1rem;}
.wrap .apply li span{font-size: 0.26rem;color: #999;}
.foot{text-align: center;font-size: 0.26rem;color: #999;padding: 0.2rem 0;}

.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);display: none;}
/* .mask .box{background: #fff;width: 6.9rem;left: 50%;top: 20%;margin-left: -3.45rem;position: absolute;border-top: solid 0.04rem #709bc2;}
.mask .box .close{position: absolute;right: 0.3rem;top: 0.3rem;cursor: pointer;width: 0.3rem;height: 0.3rem;}
.mask .box .tit{height: 1rem;display: flex;align-items: center;justify-content: center;font-size: 0.36rem;color: #333333;margin-bottom: 0.3rem;text-transform: uppercase;background-color: #ececec;}
.mask .box h4{font-size: 0.3rem;color: #333333;margin-bottom: 0.1rem;padding-left: 0.55rem;}
 .mask .box p{display: flex;align-items: center;justify-content: space-between;width: 5.8rem;margin: 0.1rem auto 0.2rem;}
.mask .box p span{font-size: 0.3rem;color: #FFFFFF;background-color: #709bc2;width: 1.4rem;height: 0.8rem;display: flex;align-items: center;justify-content: center;}
.mask .box p .input{font-size: 0.28rem;width: 4.2rem;height: 0.8rem;border: solid 1px #dddddd;padding-left: 0.2rem;}
.mask .box p .code{width: 2.2rem;}
.mask .box p .getCode{width: 1.8rem;cursor: pointer;font-size: 0.28rem;color: #FFFFFF;background-color: #709bc2;height: 0.8rem;display: flex;align-items: center;justify-content: center;padding: 0;}
.mask .box .submit{width: 3rem;height: 0.8rem;cursor: pointer;display: flex;align-items: center;justify-content: center;margin: 0.4rem auto 0.3rem;font-size: 0.3rem;color: #FFFFFF;background-color: #ff9724;} */
 
.mask .box {
    position: relative;
    top: 20%;
    width: 6.9rem;
    margin: 0.3rem auto 0;
    background: #fff;
}
.mask .form {
    padding: 0.3rem;
}
.mask .box .form .close {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
    cursor: pointer;
}


.imitate{width: 100%;margin: 0 auto;padding: 0.3rem 0;}
.imitate .pageImg{}
.imitate .pageImg .img{width: 100%;display: none;}
.imitate .pageImg .img1{display: block;}
.imitate .paging{display: flex;align-items: center;justify-content: center;margin-top: 0.8rem;}
.imitate .paging a{font-size: 0.24rem;padding: 0.08rem 0.16rem;background: #fff;border: 1px solid #c5b7b7;color: #888;margin: 0 0.1rem;cursor: pointer;}
.imitate .paging a.on,.imitate .paging a:hover{background: #568dbd;border-color: #568dbd;color: #fff;}
	
.table{font-size: 0.28rem;color: #666666;border: solid 1px #999}
.table .tr{display: flex;align-items: flex-start;border-top: solid 1px #999;}
.table .tr:nth-child(1){border-top: none;}
.table .tr .td{text-align: center;width: 33.33%;border-left: solid 1px #999;}
.table .tr .td:nth-child(1){border-left: none;}
.table .tr:nth-child(5) .td:nth-child(2){width: 66.67%;text-align: left;letter-spacing: 0.8px;}
.table .tr .td .tit{background-color: #dcdcdc;font-size: 0.28rem;text-align:center;padding:0.1rem 0;}
.table .tr .td .txt{cursor: pointer;background-color: #ffffff;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0.2rem 0.1rem;}
.table .tr:nth-child(5) .td .txt{overflow: inherit;white-space: normal;min-height: 120px;}
.table .tr .td .txt img{width: 90%;height: 90%;}