@charset "utf-8";
*{box-sizing: border-box;}
body {margin: 0;padding: 0;font-family: \5FAE\8F6F\96C5\9ED1;-webkit-tap-highlight-color: rgba(0,0,0,0);background-color: #ffffff;position:relative;}
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}
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;}
.wrap{min-height: 100%;background: url(../images/fix_pet.png)no-repeat bottom center;}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;}
.topBar{display: flex;align-items: center;justify-content: space-between;padding: 0 68px;height: 46px;}
.topBar .nav{}
.topBar .nav a{cursor: pointer;font-size: 13px;color: #333333;margin-right: 30px;}
.topBar .info{display: flex;align-items: center;}
.topBar .info a{cursor: pointer;position: relative;font-size: 13px;color: #333333;display: flex;align-items: center;letter-spacing: 0.7px;margin-left: 46px;}
.topBar .info a:first-child:before{position: absolute;content: '';height: 15px;width: 1px;background-color: #7a7a7a;top: 50%;margin-top: -8px;right: -20px;}
.topBar .info a img{margin-right: 10px;margin-top: 3px;}
.topBar .info a span{font-weight: 700;color: #4e6ef2;}
.head{text-align: center;}
.head .bgHead{background: url(../images/bg_head.jpg)no-repeat center;padding-top: 27px;background-size: cover;}
.head .content{width: 810px;margin: 0 auto;}
.head .content .logo{margin-bottom: 20px;width: 190px;}
.head .content .nav{display: flex;justify-content: space-between;padding: 0 85px;}
.head .content .nav img{width: 92px;height: 32px;}
.head .content .nav a{font-size: 16px;color: #2e2e2e;cursor: pointer;line-height: 32px;display: inline-block;border-bottom: solid 4px rgba(0,0,0,0);position:relative;}
.head .content .nav a .hot{position:absolute;right:-22px;top:0;width:19px;height:11px;}
.head .content .nav a.on{color: #4e6ef2;border-color: #4e6ef2;}
.head .content .search{display: flex;align-items: center;margin-top: 12px;}
.head .content .search .input{font-size: 18px;border: solid 2px #c7c7c9;border-right: none;border-radius: 8px 0 0 8px;height: 52px;width: 602px;padding-left: 18px;letter-spacing: 0.8px;}
.head .content .search .btn{font-size: 17px;color: #FFFFFF;background-color: #4e6ef2;border-radius: 0 8px 8px 0;line-height: 52px;cursor: pointer;width: 208px;}
.head .content .search .btn:hover{background-color: #3569ff;}
.head .content p{font-size: 14px;color: #9f9f9f;line-height: 42px;letter-spacing: 0.6px;}
.head .content p span{color: #4e6ef2;}

.main .content{width: 1060px;margin: 66px auto 0;display: flex;justify-content: space-between;}
.main .title{position: relative;font-size: 14px;color: #2e2e2e;padding-left: 11px;letter-spacing: 0.6px;}
.main .title:before{position: absolute;content: '';width: 3px;height: 14px;background-color: #4e6ef2;left: 0;top: 50%;margin-top: -7px;}
.main .content .left{width: 580px;}
.main .content .left ul{}
.main .content .left ul li{border-bottom: solid 1px #e9e9e9;padding: 0 0 20px;}
.main .content .left li h4{font-size: 20px;color: #333333;line-height: 66px;}
.main .content .left li .li{display: flex;align-items: center;justify-content: space-between;}
.main .content .left li .li img{}
.main .content .left li .li .txt{width: 380px;}
.main .content .left li .li .txt h5{font-size: 14px;color: #666666;margin-bottom: 10px;}
.main .content .left li .li .txt h5 span{color: #e10602;margin-right: 13px;}
.main .content .left li .li .txt p{font-size: 14px;color: #999999;line-height: 26px;}
.main .content .left li .li .txt .get{font-size: 14px;color: #4e6ef2;text-decoration: underline;cursor: pointer;display: inline-block;margin-top: 8px;}
.main .content .left .more{cursor: pointer;font-size: 16px;color: #333333;border: solid 1px #7d7d7d;width: 231px;height: 42px;line-height: 40px;text-align: center;border-radius: 8px;display: block;margin: 32px auto 50px;}
.main .content .left .more:hover{color: #FFFFFF;background-color: #4e6ef2;border-color: #4e6ef2;}
.main .content .right{width: 385px;}
.main .content .right .tit{display: flex;align-items: center;justify-content: space-between;}
.main .content .right .tit .more{display: flex;align-items: center;cursor: pointer;font-size: 13px;color: #999999;letter-spacing: 0.6px;}
.main .content .right .tit .more img{margin-right: 8px;}
.main .content .right ul{margin-top: 24px;}
.main .content .right ul li{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 22px;}
.main .content .right li h5{font-size: 12px;color: #FFFFFF;background: url(../images/icon_num4.png)no-repeat center;width: 17px;height: 19px;text-align: center;line-height: 19px;}
.main .content .right li:nth-child(1) h5{background: url(../images/icon_num1.png)no-repeat center;}
.main .content .right li:nth-child(2) h5{background: url(../images/icon_num2.png)no-repeat center;}
.main .content .right li:nth-child(3) h5{background: url(../images/icon_num3.png)no-repeat center;}
.main .content .right li h4{font-size: 14px;width: 320px;}
.main .content .right li h4 p{color: #333333;margin-bottom: 7px;}
.main .content .right li h4 span{color: #999999;}
.main .content .right li a{font-size: 13px;color: #999999;cursor: pointer;}
.main .content .right li:hover h4 p,.main .content .right li:hover h4 span{color: #000000;}
.main .content .right li:hover a{color: #4e6ef2;}
.main .form{width: 645px;margin: 31px auto 0;}
.main .form h4{font-size: 18px;color: #333333;font-weight: 700;margin-bottom: 23px;}
.main .form h4 img{vertical-align: middle;margin-right: 13px;margin-top: -4px;}
.main .form h4 span{font-size: 14px;font-weight: 700;}
.main .form .item{display: flex;align-items: flex-start;margin-bottom: 20px;}
.main .form .item span{font-size: 18px;color: #333333;text-align: right;width: 118px;line-height: 50px;margin-right: 15px;}
.main .form .item span i{color: #ff0000;margin-right: 8px;}
.main .form .item .label{font-size: 16px;color: #333333;}
.main .form .item .label label{cursor: pointer;padding-left: 25px;background: url(../images/icon_radius.jpg)no-repeat left center;line-height: 50px;margin-right: 32px;}
.main .form .item .label label.on{background: url(../images/icon_radiused.jpg)no-repeat left center;}
.main .form .item .check{}
.main .form .item .check .all{font-size: 16px;color: #333333;background: url(../images/img_check.jpg)no-repeat left center;padding-left: 25px;line-height: 33px;cursor: pointer;}
.main .form .item .check .all.on{background: url(../images/img_checked.jpg)no-repeat left center;}
.main .form .item .check .list{display: flex;}
.main .form .item .check .list li{display: flex;flex-direction: column;position: relative;padding-left: 47px;}
.main .form .item .check .list li:nth-child(1){width: 132px;padding-left: 0;}
.main .form .item .check .list li:nth-child(2){width: 190px;}
.main .form .item .check .list li:nth-child(3){}
.main .form .item .check .list li:before{width: 1px;height: 86px;background-color: #dfdfdf;right: 0;top: 50%;margin-top: -43px;position: absolute;content: '';}
.main .form .item .check .list li:nth-child(3):before{width: 0;}
.main .form .item .check .list a{font-size: 16px;color: #333333;background: url(../images/img_check.jpg)no-repeat left center;padding-left: 25px;cursor: pointer;line-height: 33px;}
.main .form .item .check .list a.on{background: url(../images/img_checked.jpg)no-repeat left center;}
.main .form .item .input{width: 504px;height: 50px;font-size: 16px;border: solid 1px #707070;border-radius: 8px;padding-left: 20px;}
.main .form .bar{display: flex;align-items: center;justify-content: center;margin-top: 44px;}
.main .form .bar a{width: 160px;height: 50px;font-size: 16px;border-radius: 8px;margin: 0 9px;text-align: center;}
.main .form .bar .reset{color: #999999;background-color: #f5f5f5;cursor: pointer;border: solid 1px #d2d2d2;line-height: 48px;}
.main .form .bar .submit{color: #FFFFFF;background-color: #4e6ef2;cursor: pointer;line-height: 50px;}
.main .form .bar .submit:hover{background-color: #3569ff;}
.main .form .tip{font-size: 14px;margin: 28px 0 38px;color: #4E6EF2;font-weight: 700;text-align: center;}
.main .form .tip span{color: #d99047;}
.main .form .tip a{font-weight: 700;color: #4E6EF2;text-decoration: underline;cursor: pointer;}
.main .container{width: 1060px;margin: 32px auto 0;}
.main .container .tit{display: flex;align-items: center;justify-content: space-between;}
.main .container .tit h4{font-size: 18px;color: #333333;font-weight: 700;margin-bottom: 27px;}
.main .container .tit h4 img{vertical-align: middle;margin-right: 13px;margin-top: -4px;}
.main .container .tit h4 span{font-size: 14px;font-weight: 700;}
.main .container .tit .down{cursor: pointer;font-size: 14px;color: #d99047;text-decoration: underline;}
.main .container .category{display: flex;flex-flow: row wrap;/*justify-content: space-between;*/}
.main .container .category p{font-size: 15px;color: #333333;width: 116px;height: 32px;border-radius: 16px;text-align: center;line-height: 32px;cursor: pointer;margin-bottom: 14px;}
.main .container .category p.on{color: #FFFFFF;background-color: #4e6ef2;}
.main .container .category p:hover{border: solid 1px #4e6ef2;}
.main .container .class{margin-top: 26px;margin-bottom: 35px;}
.main .container .tits{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.main .container .tits p{display: flex;align-items: center;font-weight: 700;font-size: 18px;color: #333333;}
.main .container .tits p span{font-weight: 700;}
.main .container .tits p img{margin-right: 8px;}
.main .container .tits a{cursor: pointer;font-size: 14px;color: #d99047;text-decoration: underline;}
.main .container .class ul{display: none;font-size: 0;}
.main .container .class .ul1{display: block;}
.main .container .class h4{font-size:18px;color: #d99e64;font-weight: 700;}
.main .container .class ul li{font-size: 15px;color: #333333;line-height: 40px;cursor:pointer;}
.main .container .class ul div{display: inline-block;vertical-align: top;width: 245px;margin-bottom: 20px;border: solid 1px #e5e5e5;background-color: #fafafb;border-left: solid 3px #d99e64;margin-left: 23px;padding: 13px 0 14px 14px;}
.main .container .class ul div:first-child{margin-left: 0;}




.operate{border: solid 1px #d1d1d1;border-left: none;border-right: none;height: 47px;display: flex;align-items: center;justify-content: center;margin-bottom: 39px;}
.operate a{margin: 0 22px;cursor: pointer;display: flex;align-items: center;letter-spacing: 0.7px;}
.operate a img{margin-right: 10px;}
.operate a span{color: #333333;font-size: 14px;text-decoration: underline;font-weight: 700;}
.operate .get:hover span{color: #e74a4a;}
.operate .down:hover span{color: #4e6ef2;}

.foot{background-color: #fafafa;text-align: center;color: #b6b6b6;font-size: 14px;height: 43px;line-height: 42px;letter-spacing: 0.8px;}
.foot a{color: #b6b6b6;cursor: pointer;}

.mask{position: fixed;z-index: 999;background-color: rgba(0,0,0,0.4);left: 0;right: 0;top: 0;bottom: 0;display: none;}
.mask .box{position: absolute;width: 554px;left: 50%;margin-left: -277px;top: 20%;border-radius: 0 0 8px 8px;text-align: center;background-color: #FFFFFF;border-top: solid 2px #4e6ef2;}

.mask .box .close{cursor: pointer;position: absolute;right: 20px;top: 20px;}
.mask .box .free{position: absolute;left: 0;top: 0;}
.mask .box .tit{font-size: 22px;color: #333333;background-color: #f2f4fa;height: 62px;line-height: 62px;margin-bottom: 28px;}
.mask .box h4{font-size: 16px;color: #666666;width: 451px;margin: 0 auto 26px;text-align: left;line-height: 34px;}
.mask .box p{width: 451px;position: relative;margin: 0 auto 17px;position: relative;}
.mask .box p .input{font-size: 16px;height: 52px;border: solid 1px #7d7d7d;width: 100%;border-radius: 8px;padding-left: 17px;letter-spacing: 0.4px;}
.mask .box p .code{}
.mask .box p .getCode{position: absolute;cursor: pointer;font-size: 16px;color: #4e6ef2;font-weight: 700;line-height: 31px;border-left: solid 1px #7d7d7d;width: 157px;right: 0;top: 10px;background-color: rgba(0,0,0,0);padding: 0;}
.mask .box p i{position: absolute;font-size: 20px;line-height: 52px;top: 0;right: -15px;color: #e12020;}
.mask .box .submit{display: block;margin: 38px auto 0;font-size: 18px;color: #FFFFFF;background-color: #4e6ef2;width: 236px;height: 48px;border-radius: 8px;line-height: 48px;cursor: pointer;cursor: pointer;letter-spacing: 0.5px;}
.mask .box h5{font-size: 14px;color: #a5a5a5;margin: 34px 0 18px;}
.maskSuccess .box{width: 473px;margin-left: -236px;}
.mask .box h3{font-size: 18px;color: #4e6ef2;margin-bottom: 14px;}
.mask .box h2{font-size: 24px;color: #333333;background-color: #f2f4fa;display: flex;align-items: center;justify-content: center;height: 102px;}
.mask .box h2 img{margin-right: 18px;}
.mask .box .txt{font-size: 18px;color: #333333;margin-top: 46px;}
.mask .box .sure{font-size: 18px;color: #FFFFFF;background-color: #4e6ef2;display: inline-block;width: 236px;height: 48px;border-radius: 8px;line-height: 48px;cursor: pointer;margin-top: 57px;}