@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: #fafafa;}
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;}
.container{width: 1212px;margin: 0 auto;}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;}
body{background-image: url(../images/bg_pet.png);background-size: 800px auto;background-position: center top;background-repeat: no-repeat repeat;;}
/*head*/
.head .topBar{font-size: 14px;color: #37496e;background-color: #FFFFFF;height: 38px;border-top: solid 2px #3560dd;line-height: 36px;}
.head .topBar .left a{color: #37496e;cursor: pointer;}
.head .topBar .right{cursor: default;}
.head .tit{display: flex;justify-content: center;align-items: center;background: url(../images/bg_head.jpg)no-repeat center;height: 201px;color: #FFFFFF;}
.head .tit img{border-radius: 50%;width: 114px;height: 114px;}
.head .tit .txt{margin-left: 30px;}
.head .tit .txt h3{font-size: 48px;font-weight: 700;line-height: 66px;letter-spacing: 7.5px;}
.head .tit .txt h4{font-size: 18px;line-height: 30px;letter-spacing: 2px;text-transform: uppercase;}
/*main*/
.main{width: 1086px;margin: 17px auto 0;}
.main .title{background-color: #ececec;font-size: 24px;color: #37496e;font-weight: 700;text-align: center;height: 64px;line-height: 64px;}
.main .nav{display: flex;justify-content: space-between;align-items: center;border-bottom: solid 4px #2071b5;}
.main .nav a{font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 115px;width: 202px;}
.main .nav a.on{background-color: #2071b5;}
.main .nav a p{color: #37496e;margin-top: 10px;}
.main .nav a.on p{color: #FFFFFF;font-weight: 700;margin-top: 14px;}
.main .nav a .img{width: 43px;height: 43px;}
.main .nav a:nth-child(1) .img{background: url(../images/img_tab1.png)no-repeat center;}
.main .nav a:nth-child(1).on .img{background: url(../images/img_tab1w.png)no-repeat center;}
.main .nav a:nth-child(2) .img{background: url(../images/img_tab2.png)no-repeat center;}
.main .nav a:nth-child(2).on .img{background: url(../images/img_tab2w.png)no-repeat center;}
.main .nav a:nth-child(3) .img{background: url(../images/img_tab3.png)no-repeat center;}
.main .nav a:nth-child(3).on .img{background: url(../images/img_tab3w.png)no-repeat center;}
.main .nav a:nth-child(4) .img,.main .nav a:nth-child(5) .img{background: url(../images/img_tab2.png)no-repeat center;}
.main .nav a:nth-child(4).on .img,.main .nav a:nth-child(5).on .img{background: url(../images/img_tab2w.png)no-repeat center;}
.main .form{padding: 15px 32px 30px 32px;box-sizing: border-box;position: relative;height: 140px;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(186,186,186,.75);margin: 20px auto 0;}
.main .form::before{position: absolute;content: '';top: -20px;left: -20px;width: 0;height: 0;border-width: 23px;border-style: solid;border-color: #2071b5 transparent transparent transparent;transform: rotateZ(135deg);}
.main .form::after{position: absolute;content: '';top: -33px;right: -33px;width: 0;height: 0;border-width: 36px;border-style: solid;border-color: #2071b5 transparent transparent transparent;transform: rotateZ(225deg);}
.main .form h4{font-size: 14px;line-height: 14px;letter-spacing: 1px;color: #666;}
.main .form h4 i{color: #ff0000;}
.main .form h4 span{font-size: 18px;line-height: 14px;letter-spacing: 2px;color: #2071b5;margin-right: 10px;font-weight: 700;}
.main .form p{display: flex;align-items: center;justify-content: center;margin-top: 11px;}
.main .form p .input{width: 815px;height: 48px;border: none;background: #f3f3f3;font-size: 16px;padding-left: 20px;box-sizing: border-box;}
.main .form p .submit,.main .form p .submits{width: 206px;height: 48px;color: #fff;background: #2071b5;line-height: 48px;text-align: center;font-size: 16px;letter-spacing: 1px;cursor: pointer;}
.main .form .notes{display: flex;align-items: center;margin-top: 15px;}
.main .form .notes h5{float: left;color: #666;font-size: 14px;}
.main .form .notes .bd ul li span{color: #b5b5b5;font-size: 14px;letter-spacing: 1.8px;}
.main .form .notes .bd ul li span:first-child{margin-right: 20px;}
.main .form .notes .bd ul li span i{color: #2071b5;}
.main .list{margin-top: 70px;}
.main .list ul{display: flex;justify-content: space-between;height: 110px;margin: 0 auto;}
.main .list ul li{display: flex;align-items: center;justify-content: center;width: 300px;height: 120px;background-color: #fff;box-shadow: 0 1px 8px 0 rgba(186,186,186,.75);border-radius: 4px;cursor: pointer;position: relative;}
.main .list ul li:hover{border: 1px solid #ffe7dc;}
.main .list ul li .txt{font-family: HYQiHei-EZS;margin-left: 20px;transition: all 0.3s;}
.main .list ul li .txt h4{margin-bottom: 15px;font-size: 20px;letter-spacing: 1px;color: #333;}
.main .list ul li .txt h5{font-size: 14px;color: #bea599;}

.free{position: absolute;color: #ffffff;font-size: 12px;right: 11px;top: 13px;z-index: 1;transform: rotate(45deg);}
        .free:before{position: absolute;content: '';top: -40px;right: -9px;width: 0;height: 0;border-width: 20px;border-style: solid;border-color: #fff transparent transparent transparent;transform: rotateZ(180deg);}

/*foot*/
.foot{text-align: center;background: url(../images/bg_foot.jpg)no-repeat center;height: 144px;margin-top: 46px;}
.foot .nav{font-size: 0;margin-bottom: 22px;cursor: pointer;padding-top: 60px;}
.foot .nav a{font-size: 14px;color: rgba(255,255,255,0.8);cursor: pointer;border-left: solid 1px rgba(255,255,255,0.8);display: inline-block;
	height: 15px;line-height: 15px;padding: 0 20px;}
.foot .nav a:first-child{border-left: none;}
.foot p{font-size: 14px;color: rgba(255,255,255,0.3);line-height: 30px;}
/*mask*/
.mask{position: fixed;background-color: rgba(0,0,0,0.5);left: 0;top: 0;right: 0;bottom: 0;z-index: 2;display: none;}
.mask .box{background-color: #FFFFFF;position: absolute;width: 488px;left: 50%;margin-left: -244px;top: 50%;transform: translateY(-50%);}
.mask .box .close{position: absolute;cursor: pointer;right: 14px;top: 11px;width: 15px;height: 15px;}
.mask .box h3{display: flex;align-items: center;font-size: 14px;color: #a8a9b0;margin-left: 39px;height: 80px;}
.mask .box h3 img{margin: 0 10px;}
.mask .box h3 span{color: #000;opacity: .8;font-size: 22px;cursor: default;font-weight: 700;}
.mask .box .form{width: 355px;margin: 0 auto;}
.mask .box .form p{height: 50px;border: 1px solid #e1e4f7;position: relative;display: flex;align-items: center;margin-bottom: 25px;}
.mask .box .form p span{font-size: 14px;color: #000;opacity: .86;white-space: nowrap;width: 80px;text-align: right;}
.mask .box .form p .input{box-sizing: border-box;padding-left: 15px;height: 48px;width: 275px;border: none;font-size: 14px;}
.mask .box .form p select.input{outline: none;color: #707070;cursor: pointer;}
.mask .box .form p .getCode{position: absolute;cursor: pointer;color: #2071b5;font-weight: 700;font-size: 14px;border: none;right: 0;height: 48px;top: 1px;background: none;}
.mask .box .form .submit{display: flex;align-items: center;justify-content: center;cursor: pointer;color: #fff;background-color: #2071b5;font-size: 18px;height: 40px;margin-top: 35px;}
.mask .box .tip{background-color: #f3f6f9;margin-top: 24px;font-size: 14px;padding-left: 28px;box-sizing: border-box;font-family: HYQiHei-EES;}
.mask .box .tip ul{display: flex;align-items: center;height: 54px;}
.mask .box .tip ul li{display: flex;align-items: center;margin-right: 10px;color: #7f7f7f;}
.mask .box .tip ul li img{width: 20px;height: 20px;}
.mask .box .tip ul li span{color: #ff6500;}
.mask .box .bottom{text-align: center;margin-top: 35px;width: 100%;font-size: 14px;background: #f3f6f9;}
.mask .box .bottom img{width: 100%;}
.mask .box .bottom p{color: #ff6500;margin-bottom: 5px;}
.mask .box p label{position: absolute;display: none;
    left: 60px;
    font-size: 13px;
    color: #ff0000;
    top: -18px;
    border: solid 2px #dcdcdc;
    padding: 3px 6px;
    border-radius: 6px;
    background: #fff;}
.mask .box p label:before{position:absolute;content:'';width: 0;
  height: 0;left: 28px;
    bottom: -17px;
  border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid transparent;border-top: 8px solid #dcdcdc}
  	.mask .box p label:after{position:absolute;content:'';width: 0;
  height: 0;left: 28px;
    bottom: -15px;
  border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid transparent;border-top: 8px solid #fff}


/*.right_zxkf{position:fixed;right:10px;bottom:25%;z-index:3;}*/
/*.right_zxkf>img{width: 65px;position: absolute;top: -96px;left: 9px;animation:animate 5s infinite;}*/
/*.right_zxkf a{cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #fff;border-radius: 6px;border: 1px solid #dbdcdd;padding: 10px 10px 10px;font-size: 16px;color: #333;box-shadow: -5px 6px 10px 2px rgba(0,0,0,0.1);font-weight: 700;letter-spacing: 1px;}*/
/*.right_zxkf a img{margin-bottom: 10px;}*/
/*@keyframes animate{*/
/*    0%{transform: translateY(0);}*/
/*    10%{transform: translateY(-10px);}*/
/*    20%{transform: translateY(0);}*/
/*    30%{transform: translateY(-10px);}*/
/*    40%{transform: translateY(0);}*/
/*    60%{transform: translateY(-30px);}*/
/*    80%{transform: scale(1.2);}*/
/*    100%{transform: translateY(0) scale(1);}*/
/*}*/
/*.right_zxkf .pet{font-size: 0;text-align: center;position: absolute;top: -75px;width: 100%;left: 0;}*/
/*.right_zxkf .pet .pethead{animation: rotate 0.7s infinite linear;}*/
/*.right_zxkf .pet .petbody{margin-top: -4px;}*/
/*@keyframes rotate{*/
/*	0%{transform: rotate(0deg);}*/
/*	25%{transform: rotate(-4deg);}*/
/*	50%{transform: rotate(0deg);}*/
/*	75%{transform: rotate(4deg);}*/
/*	100%{transform: rotate(0deg);}*/
/*}*/
.right_zxkf{position:fixed;right:10px;bottom:25%;z-index:3;width: 110px;height: 110px;border: solid 3px #f82020;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.right_zxkf a{cursor:pointer;width:100px;height:30px;border-radius:15px;color:#fff;display:flex;align-items: center;justify-content: center;margin-top:-2px;font-size:14px;font-weight:700;letter-spacing:2px;background-image: linear-gradient(to right, #ffd004, #f82020);position:absolute;left:50%;margin-left:-50px;bottom:-14px;}
.right_zxkf a img{display:none;}
.right_zxkf .pet{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.right_zxkf .pet .petbody{margin-top: -4px;}



.searchList{width: 780px;margin: 0 auto;background: #fff;padding: 20px 0 10px;}
.searchList h4{line-height: 40px;font-size: 16px;color: #333;}
.searchList h4 span{color: red;}
.searchList ul{margin-top: 20px;}
.searchList ul li{margin-bottom: 20px;border: 3px solid #e8e8e8;padding: 10px 0 10px 25px;overflow: hidden;height: 176px;display: flex;align-items: center;border-color: #ff7c00;}
.searchList ul li:hover{border-color: #ff7c00;}
.searchList ul li .img{width: 110px;height: 110px;border: 1px solid #ccc;overflow: hidden;}
.searchList ul li .img img{width: 100%;}
.searchList ul li .info{width: 600px;margin: 0 15px 0 30px;}
.searchList ul li .info .basic{border-bottom: dashed 1px #ccc;display: flex;align-items: center;flex-flow: row wrap;}
.searchList ul li .info .date{display: flex;align-items: center;flex-flow: row wrap;}
.searchList ul li .info p{line-height: 26px;color: #666;font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 120px;margin: 5px 50px 5px 0;}
.searchList ul li .info p span{color: #ff7c00;font-size: 14px;}
.searchList ul li .event{border-left: solid 2px #e8e8e8;width: 150px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;height: 100%;}
.searchList ul li .event a{width: 120px;text-align: center;padding: 4px 26px;font-size: 14px;border-style: solid;border-width: 1px;color: #ff7c00;border-color: #ff7c00;cursor: pointer;}
.searchList ul li .event .see{color: #63a9dc;border-color: #63a9dc;}
.searchList ul li .event a:hover{color: #fff;background-color: #ff7c00;}
.searchList ul li .event .see:hover{background-color: #63a9dc;}





.class_head{background-color:#46529d;}
.class_head .container{display:flex;align-items:center;justify-content:center;padding: 20px 0 10px;}
.class_head .list{display:flex;align-items:center;margin-left:80px;}
.class_head .list a{color: #fff;cursor: pointer;}



.class_wrap.blur{filter:none;}
.class_sort{margin-bottom: 50px;margin-top:30px;}
.class_sort .down{cursor:pointer;font-size: 16px;text-decoration: underline;color:#d99047;margin-bottom:25px;margin-right: 22px;}
.class_sort .tit{margin-bottom: 15px;color: #29164e;font-size: 24px;}
.class_sort ul{/*border-top: 1px solid #eee;border-left: 1px solid #eee;*/background-color: #ffffff;display: flex;align-items: center;flex-flow: row wrap;}
.class_sort ul li{height: 35px;width: 20%;/*border-right: 1px solid #eee;border-bottom: 1px solid #eee;*/}
.class_sort ul li a{display: flex;justify-content: flex-start;align-items: center;padding-left: 43px;position: relative;cursor: pointer;}
.class_sort ul li a img{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);max-width: 24px;max-height: 30px;}
.class_sort ul li a .img2{display: none;}
.class_sort ul li:hover a .img1{display: none;}
.class_sort ul li:hover a .img2{display: block;}
.class_sort ul li a p{font-size: 14px;color: #666;line-height: 35px;}
.class_sort ul li:hover a p{color: #6b59cd;}
.class_sort ul li a span{width: 30px;height: 12px;background: url(../images/icon_hot.png) no-repeat center;background-size: cover;text-align: center;margin-left: 5px;font-size: 0;}
/**/
.class_headImg{background: url(../images/img_column.jpg)no-repeat center;background-size: 100%;height: 110px;display: flex;align-items: center;}
.class_headImg .class_content{display: flex;align-items: center;justify-content: space-between;}
.class_headImg .class_content .form{display: flex;align-items: center;background-color: #ffffff;border-radius: 5px;}
.class_headImg .class_content .form .input{height: 64px;width: 632px;padding: 22px 12px;font-size: 14px;font-family: simsun;color: #666;letter-spacing: 2px;}
.class_headImg .class_content .form span{border-right: 1px solid #e5e5e5;width: 56px;height: 42px;text-align: center;border-radius: 5px 0 0 5px;display: flex;align-items: center;justify-content: center;}
.class_headImg .class_content .form .search{width: 238px;height: 64px;background-color: #46529d;color: #fff;text-align: center;line-height: 64px;font-size: 18px;letter-spacing: 4px;cursor: pointer;border-radius: 0 5px 5px 0;}
.class_headImg .class_content .submit{width: 238px;height: 64px;background-color: #fff;border-radius: 4px;border: solid 1px #46529d;text-align: center;line-height: 62px;color: #46529d;cursor: pointer;font-size: 20px;position: relative;}
.class_headImg .class_content .submit .free{position: absolute;right: 43px;top: -6px;}
.class_detail{border: 1px solid #e3e3e3;border-radius: 5px;margin-top: 50px;margin-bottom: 50px;}
.class_detail .class_category{background-color: #46529d;padding: 25px 40px 30px 20px;border-radius: 5px 5px 0 0;display: flex;align-items: flex-start;background-image: url(../images/line.jpg);background-repeat: no-repeat;background-size: 100% 5px;background-position: left bottom;}
.class_detail .class_category .class_img{}
.class_detail .class_category .class_txt{margin-left: 12px;width: 100%;}
.class_detail .class_category .class_txt .tit{display: flex;align-items: center;justify-content: space-between;}
.class_detail .class_category .class_txt .tit h4{display: flex;align-items: center;}
.class_detail .class_category .class_txt .tit h4 span{font-size: 20px;color: #fff;letter-spacing: 2px;font-weight: 700;}
.class_detail .class_category .class_txt .tit h4 .query{cursor: pointer;background-color: #fff32d;font-size: 14px;color: #666;padding: 10px 18px;border-radius: 5px;letter-spacing: 1px;margin-left: 22px;}
.class_detail .class_category .class_txt .tit p{display: flex;align-items: center;letter-spacing: 2px;font-size: 12px;color: #fff;font-weight: 700;}
.class_detail .class_category .class_txt .tit p .inquiry{cursor: pointer;color: rgb(255, 243, 45);font-weight: 700;text-decoration: underline;}
.class_detail .class_category .class_txt h5{color: #a8afd7;letter-spacing: 2px;line-height: 20px;font-size: 12px;margin-top: 10px;}
.class_detail .class_notes{background-color: #fff;line-height: 32px;color: #666;letter-spacing: 1px;padding: 30px 75px;border-bottom: 1px solid #ececec;}
.class_detail .class_notes h4{font-size: 14px;color: #46529d;}
.class_detail .class_notes h5{font-size: 12px;}
.class_detail .class_group{background-color: #fff;border-top: 1px solid #ececec;margin-top: 10px;border-radius: 0 0 5px 5px;}
.class_detail .class_group .tit{height: 62px;border-bottom: 1px solid #ececec;display: flex;align-items: center;position: relative;padding-left: 48px;}
.class_detail .class_group .tit:before{position: absolute;content: '';width: 6px;height: 22px;background-color: #2ebaee;left: 36px;top: 20px;}
.class_detail .class_group .content{display: flex;align-items: stretch;}
.class_detail .class_group .content .left{border-right: 1px solid #ececec;padding: 32px 0 32px 36px;width: 662px;}
.class_detail .class_group .content .left ul{}
.class_detail .class_group .content .left ul li{line-height: 26px;font-size: 14px;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 14px;}
.class_detail .class_group .content .left ul li a{color: #666;}
.class_detail .class_group .content .left ul li.on a{color: #46529d;}
.class_detail .class_group .content .right{width: 522px;font-size: 12px;letter-spacing: 1px;}
.class_detail .class_group .content .right .information{padding: 32px 34px 0;}
.class_detail .class_group .content .right .information h4{line-height: 26px;font-size: 14px;color: #46529d;margin-bottom: 20px;position: relative;}
.class_detail .class_group .content .right .information h4:before{position: absolute;content: '';width: 0;height: 0;border-width: 10px 0 10px 16px;border-style: solid;border-color: transparent transparent transparent #e9e9e9;top: 3px;left: -34px;}
.class_detail .class_group .content .right .information .txt{line-height: 30px;color: #666;}
.class_detail .class_group .content .right .information .txt .item{margin-bottom: 32px;}
.class_detail .class_group .content .right .information .txt .item h5{}
.class_detail .class_group .content .right .information .txt .item p{}
.class_detail .class_group .content .right .remarks{padding: 30px 34px;border-top: 1px dashed #d7d7d7;}
.class_detail .class_group .content .right .remarks h4{color: #ff7171;margin-bottom: 10px;line-height: 18px;}
.class_detail .class_group .content .right .remarks p{line-height: 30px;color: #666;}
/**/
.class_reference{margin-top: 50px;display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 50px;}
.class_reference .left{width: 884px;}
.class_reference .left .title{font-size: 20px;color: #fff;display: flex;letter-spacing: 1px;height: 52px;line-height: 52px;text-align: center;background-color: #46529d;}
.class_reference .left .title .leftSlide{width: 570px;background: url(../images/icon_white.png) no-repeat right top;font-weight: 700;}
.class_reference .left .title .rightSlide{width: 294px;font-weight: 700;}
.class_reference .left .result{}
.class_reference .left .result .item{display: flex;align-items: stretch;margin-bottom: 6px;border: 1px solid #e3e3e3;background-color: #fff;}
.class_reference .left .result .item .leftSlide{width: 569px;padding: 56px 0 56px 56px;min-height: 130px;background: url(../images/icon_black.png) repeat-y right top;position: relative;}
.class_reference .left .result .item .leftSlide:before{content: '';position: absolute;width: 52px;height: 52px;top: 50%;right: -26px;margin-top: -26px;background: url(../images/icon_class.png) no-repeat center;}
.class_reference .left .result .item .leftSlide li{letter-spacing: 2px;width: 86%;}
.class_reference .left .result .item .leftSlide li h4{text-indent: -8px;font-size: 16px;color: #444;margin-bottom: 10px;line-height: 24px;font-weight: 700;}
.class_reference .left .result .item .leftSlide li h4 a{cursor: pointer;color: #444;font-weight: 700;}
.class_reference .left .result .item .leftSlide li .txt{font-size: 14px;color: #333;}
.class_reference .left .result .item .leftSlide li .txt span{color: #f40!important;}
.class_reference .left .result .item .rightSlide{width: 294px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px 56px;}
.class_reference .left .result .item .rightSlide h4{font-size: 20px;font-weight: 700;color: #444;}
.class_reference .left .result .item .rightSlide h4 a{color: #444;font-weight: 700;cursor: pointer;}
.class_reference .left .result .item .rightSlide h5{width: 100%;text-align: center;font-size: 16px;color: #888;line-height: 34px;border-top: 2px solid #cfcfcf;margin: 6px 0 12px 0;}
.class_reference .left .result .item .rightSlide .query{font-size: 14px;letter-spacing: 1px;height: 40px;line-height: 40px;text-align: center;background-color: #ff7930;color: #fff;border-radius: 5px;cursor: pointer;width: 100%;}
.class_reference .left .page{font-size: 14px;color: #666;display: flex;align-items: center;justify-content: flex-end;margin-top: 30px;}
.class_reference .left .page a{color: #666;cursor: pointer;padding: 3px 8px;margin-left: 5px;}
.class_reference .left .page a.active,.class_reference .left .result .page a:hover{color: #fe9966;}
.class_reference .right{width: 290px;border: 1px solid #e3e3e3;background-color: #fff;}
.class_reference .right .title{border-bottom: 1px solid #e1e1e1;letter-spacing: 2px;height: 60px;display: flex;align-items: center;justify-content: space-between;padding: 0 24px;}
.class_reference .right .title .tit{font-size: 20px;color: #444;font-weight: 700;}
.class_reference .right .title .subtit{cursor: pointer;color: #666;font-size: 14px;}
.class_reference .right .title .subtit:hover{color: #ff7930;}
.class_reference .right .sale{}
.class_reference .right .sale ul{margin-top: 22px;}
.class_reference .right .sale ul li{text-align: center;width: 242px;height: 235px;overflow: hidden;border: 1px solid #eceef1;margin: 0 auto 20px;}
.class_reference .right .sale ul li a{cursor: pointer;}
.class_reference .right .sale ul li .img{width: 242px;height: 150px;overflow: hidden;border-bottom: 1px solid #eceef1;display: table-cell;vertical-align: middle;}
.class_reference .right .sale ul li .img img{width: auto;max-width: 240px;height: auto;max-height: 148px;overflow: hidden;display: inline-block;}
.class_reference .right .sale ul li h4{white-space: nowrap;text-overflow: ellipsis;font-family: simsun;color: #666;overflow: hidden;font-weight: 700;}
.class_reference .right .sale ul li h5{font-family: simsun;color: #888;font-size: 14px;letter-spacing: 1px;line-height: 24px;}
.class_reference .right .sale ul li p{width: 80px;background: #ff7930;color: #fff;margin: 0 auto;height: 30px;line-height: 30px;border-radius: 4px;font-size: 14px;}
.class_reference .right .seek{}
.class_reference .right .seek .list{display: flex;align-items: center;flex-flow: row wrap;max-height: 216px;overflow: hidden;padding: 10px 10px 0;}
.class_reference .right .seek .list a{color: #666;height: 21px;line-height: 20px;border: dashed 1px #999;padding: 0 5px;margin-right: 8px;margin-bottom: 10px;cursor: pointer;font-size: 14px;}
.class_reference .right .seek .list a:hover{color: #ff7930;border-color: #ff7930;}
.class_reference .right .service{}
.class_reference .right .service .list{display: flex;align-items: center;flex-flow: row wrap;padding: 10px 0;}
.class_reference .right .service .list a{font-size: 16px;color: #333;cursor: pointer;width: 50%;padding-left: 10px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/**/
.class_mask{position: fixed;z-index: 1;background-color: rgba(0, 0, 0, 0.6);left: 0;top: 0;right: 0;bottom: 0;display: none;}
.class_mask .box{background-color: #ffffff;position: absolute;width: 690px;height: 430px;left: 50%;top: 50%;margin-top: -215px;margin-left: -345px;}
.class_mask .box .close{position: absolute;top: 17px;right: 17px;width: 9px;height: 9px;background: url(../images/icon.png) no-repeat;background-position: 0 0;cursor: pointer;}
.class_mask .box .content{display: flex;height: 100%;}
.class_mask .box .content .left{width: 486px;border-right: 1px dashed #e3e6f7;position: relative;}
.class_mask .box .content .left .title{margin-left: 20px;}
.class_mask .box .content .left .title .tit{color: #444;font-size: 22px;font-weight: 700;line-height:60px;padding-top:20px;}
.class_mask .box .content .left .title .subtit{color: #a8a9b0;font-size: 14px;position: relative;padding-left: 16px;line-height:40px;margin-bottom:10px;}
.class_mask .box .content .left .title .subtit:before{content: '';position: absolute;top: 13px;left: 0;width: 15px;height: 15px;background: url(../images/icon.png) no-repeat;background-position: -36px 0;}
.class_mask .box .content .left .form{margin-left: 20px;}
.class_mask .box .content .left .form p{display: flex;align-items: center;position: relative;margin-bottom: 26px;}
.class_mask .box .content .left .form p span{font-size: 14px;color: #444;width: 70px;}
.class_mask .box .content .left .form p span i{color: red;}
.class_mask .box .content .left .form p .input{width: 355px;height: 40px;padding-left: 10px;border: 1px solid #e1e4f7;color: #444;font-size: 12px;}
.class_mask .box .content .left .form p label{display: block;position: absolute;bottom: -23px;left: 78px;width: 165px;height: 20px;background: url(../images/icon.png) no-repeat;background-position: -59px 0;}
.class_mask .box .content .left .form p .code{width: 215px;}
.class_mask .box .content .left .form p .getCode{width: 130px;margin-left: 10px;cursor: pointer;color: #fff;background-color: #46529d;font-size: 14px;height: 40px;}
.class_mask .box .content .left .form .submit{display: block;text-align: center;width: 355px;height: 40px;line-height: 40px;margin-left: 70px;color: #fff;background-color: #46529d;font-size: 18px;cursor: pointer;margin-top: 36px;}
.class_mask .box .content .left .form .tip{text-align: center;color: #e3e3e3;font-size: 12px;margin-left: 70px;width: 355px;padding-top: 6px;color:#ff6900;}
.class_mask .box .content .left .tips{width: 100%;height: 55px;background-color: #f3f6f9;position: absolute;left: 0;bottom: 0;padding-left: 20px;display: flex;flex-direction: column;justify-content: center;}
.class_mask .box .content .left .tips h4{font-size: 14px;font-weight: 700;color: #333;line-height: 21px;}
.class_mask .box .content .left .tips h5{color: #a3a5a7;font-size: 12px;line-height: 16px;}
.class_mask .box .content .left .tips h5 i{color: #ff6900;}
.class_mask .box .content .right{width: 204px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.class_mask .box .content .right h4{font-size: 14px;color: #444;font-weight: 700;margin-bottom: 5px;text-align: center;line-height: 21px;}
.class_mask .box .content .right .txt{width: 145px;}
.class_mask .box .content .right .txt h5{font-size: 14px;color: #7e7e7e;margin-top: 5px;position: relative;padding-left: 16px;line-height: 21px;display: inline-block;}
.class_mask .box .content .right .txt h5::before{position: absolute;content: '';width: 14px;height: 14px;top: 4px;left: 0;background: url(../images/icon.png) no-repeat;background-position: -18px 0;}

/*.hideCode{display:none!important}*/