.cityList {
    background:#fff;
    margin-top:15px;
}
.cityList ul {
    padding:10px 0px;
}
.cityList ul li {
    float:left;
    margin:5px 22px;
}
.cityList ul li a {
    color:#17233d;
}
.cityList ul li a:hover {
    color:#e23b29;
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
}
.recommend {
    margin-top:20px;
    height:685px;
    overflow:hidden;
}
.recommend .guide {
    width:255px;
    float:left;
    padding:20px 15px;
    background:#fff;
}
.recommend .guide {
}
.recommend .guide .countdown {
}
.recommend .guide .countdown p {
    color:#17233d;
    font-size:16px;
    text-align:center;
    font-weight:bold;
    padding-bottom:10px;
    letter-spacing:1px;
}
.recommend .guide .countdown .time {
    color:#17233d;
    text-align:center;
}
.recommend .guide .countdown .time span {
    width:34px;
    height:46px;
    background:url("/tp/PC/b2c/b2cImg/pic_2.png") no-repeat;
    margin:0 5px;
    display:none;
    line-height:46px;
    font-weight:bold;
    color:#e23b29;
    font-size:34px;
}
.recommend .guide .countdown .time span.show {
    display:inline-block;
}
.recommend .guide .countdown .time em {
    font-style:normal;
    font-size:16px;
}
.recommend .guide ul {
    padding-top:15px;
    padding-left:15px;
}
.recommend .guide ul li {
    margin-bottom:15px;
    position:relative;
}
.recommend .guide ul li h3 {
    background:#e23b29;
    color:#fff;
    font-size:14px;
    width:65px;
    padding:3px 4px;
    border-radius:0px 15px 0px 0px;
    padding-left:10px;
}
.recommend .guide ul li .item {
    margin-top:10px;
    background:#fafafa;
    padding:5px 0px;
}
.recommend .guide ul li .item a {
    margin:0px 7px;
    line-height:26px;
    display:inline-block;
    color:#17233d;
}
.recommend .guide ul li .item a:hover {
    color:#e23b29;
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
}
.recommend .guide ul li:last-child {
    margin-bottom:0;
}
.recommend .guide ul li i {
    display:inline-block;
    width:10px;
    height:10px;
    position:absolute;
    background:url("/tp/PC/b2c/b2cImg/pic_3.png") no-repeat;
    left:-20px;
    top:9px;
}
.recommend .guide ul li:before {
    content:'';
    position:absolute;
    width:2px;
    height:100%;
    background:#f7cec9;
    left:-16px;
    top:22px;
}
.recommend .guide ul li:last-child:before {
    display:none;
}
.recommend .content {
    float:left;
    margin-left:20px;
    width:590px;
}
.recommend .content .banner {
    margin-bottom:20px;
}
.recommend .content .banner img {
    display:block;
}
.recommend .content .newsBox {
    background:#fff;
    padding:10px 10px;
}
.recommend .content .newsBox .item {
    float:left;
    width:265px;
    margin:15px 10px;
}
.recommend .content .newsBox .item h3 {
    margin-bottom:16px;
}
.recommend .content .newsBox .item h3 a {
    color: #e23b29;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.recommend .content .newsBox .item ul {
}
.recommend .content .newsBox .item ul li {
    margin-bottom:18px;
}
.recommend .content .newsBox .item ul li a {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block;
}
.recommend .content .newsBox .item ul li a:hover {
    color:#e23b29;
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
}
.recommend .content .newsBox .item ul li:last-child {
    margin-bottom:0;
}
.recommend .auxiliary {
    width:255px;
    float:right;
    padding:15px 15px;
    background:#fff;
    height:655px;
}
.recommend .auxiliary .audition {
    height:354px;
}
.recommend .auxiliary .audition h3 {
    color:#17233d;
    font-size:18px;
}
.recommend .auxiliary .audition ul {
    padding-top: 18px;
}
.recommend .auxiliary .audition ul li {
    margin-bottom: 18px;
}
.recommend .auxiliary .audition ul li .left {
    float:left;
    margin-right:10px;
}
.recommend .auxiliary .audition ul li .left img {
    width:45px;
    height:45px;
}
.recommend .auxiliary .audition ul li .right {
    float:left;
    width:200px;
}
.recommend .auxiliary .audition ul li .right p {
    color:#17233d;
    padding-bottom: 4px;
    overflow:
    hidden;
    text-overflow:
    ellipsis;
    white-space:
    nowrap;
}
.recommend .auxiliary .audition ul li .right p i{
    
font-style: normal;
    
padding-top: 2px;
    
display: inline-block;
}
.recommend .auxiliary .audition ul li .right div {
}
.recommend .auxiliary .audition ul li .right span {
    color:#9598a2;
    display: block;
}
.recommend .auxiliary .audition ul li .right a {
    float:
    right;
    color:#e23b29;
    border:1px solid #e23b29;
    display:
    inline-block;
    font-size:12px;
    padding:2px 10px;
    border-radius:30px;
}
.recommend .auxiliary .audition ul li .right a:hover {
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    background:#e23b29;
    color:#fff;
}
.recommend .auxiliary .audition ul li:last-child {
    margin-bottom:0;
}
.recommend .auxiliary .planning {
    margin-top:35px;
}
.recommend .auxiliary .planning h3 {
    color:#17233d;
    font-size:18px;
}
.recommend .auxiliary .planning ul {
    padding-top:15px;
}
.recommend .auxiliary .planning ul li {
    margin-bottom:18px;
}
.recommend .auxiliary .planning ul li label {
    display:inline-block;
    width:60px;
    text-align:justify;
    text-align-last:justify;
    color:#17233d;
    padding-right:10px;
}
.recommend .auxiliary .planning ul li select {
    outline:none;
    width:172px;
    height:28px;
    border:1px solid #d5d5d5;
    border-radius:6px;
    padding-left:5px;
    font-size:14px;
}
.recommend .auxiliary .planning ul li input {
    width:166px;
    height:28px;
    border:1px solid #d5d5d5;
    border-radius:6px;
    padding-left:5px;
    font-size:14px;
}
.recommend .auxiliary .planning a {
    background-color:#ed6b6e;
    background-image:linear-gradient(to right,#ed6b6e,#f3876c);
    color:#fff;
    padding:9px;
    display:block;
    margin:auto;
    text-align:center;
    border-radius:4px;
    cursor:pointer;
}
.recommend .auxiliary .planning a:hover {
    opacity:0.85;
}
.courseList {
    margin-top:20px;
}
.courseList .courseBox {
    width:895px;
    float:left;
}
.courseList .title {
}
.courseList .title h3 {
    color:#17233d;
    float:left;
    font-size:18px;
}
.courseList .title a {
    color:#9598a2;
    float:right;
    margin-top:2px;
}
.courseList .title a i {
    color:#9598a2;
    padding-left:4px;
}
.freeCourseBox {
    width:285px;
    float:right;
}
.free__course__list {
    padding:15px;
    background:#fff;
    margin-top:10px;
    padding-top:17px;
    height:450px;
}
.free__course__list ul {
}
.free__course__list ul li {
    background:#fef7f1;
    border-radius:4px;
    margin-bottom:15px;
    padding:13px 10px;
}
.free__course__list ul li h3 {
    font-size:14px;
    color:#17233d;
    padding-bottom:5px;
}
.free__course__list ul li p {
}
.free__course__list ul li div span {
    color:#979aa4;
}
.free__course__list ul li div a {
    float:right;
    background:#e23b29;
    display:inline-block;
    font-size:12px;
    padding:2px 10px;
    border-radius:30px;
    color:#fff;
}
.free__course__list ul li:last-child {
    margin-bottom:0;
}
.course__list ul {
    height:490px;
    overflow:hidden
}
.courseList .hotClass {
    width:285px;
    float:right;
}
.courseList .hotClass .hotClassBox {
    padding:15px;
    background:#fff;
    margin-top:10px;
    padding-top:0;
    height:467px;
}
.courseList .hotClass .hotClassBox .tabNav {
    margin-bottom:20px;
}
.courseList .hotClass .hotClassBox .tabNav span {
    color:#17233d;
    font-size:16px;
    display:inline-block;
    width:50%;
    float:left;
    text-align:center;
    position:relative;
    height:40px;
    line-height:40px;
    cursor:pointer;
}
.courseList .hotClass .hotClassBox .tabNav span.active {
    background-color:#fcebe8;
    background-image:linear-gradient(#fcebe8,#fff);
    color:#e23b29;
    font-weight:bold;
}
.courseList .hotClass .hotClassBox .tabNav span.active:before {
    content:'';
    height:3px;
    display:block;
    width:35px;
    position:absolute;
    background:#e23b29;
    bottom:3px;
    left:48px;
}
.hotZyBox {
    width:510px;
    position:relative;
}
.hotZyBox .left {
    width:255px;
    float:left;
}
.hotZyBox .right {
    width:255px;
    float:left;
}
.hotZyBox ul li {
    background:#fff2f2;
    margin-bottom:20px;
    padding:10px 10px;
}
.hotZyBox ul li a {
    display:block;
}
.hotZyBox ul li.hot label {
    color:#e0965a;
}
.hotZyBox ul li label {
    float:left;
    display:inline-block;
    width:15px;
    text-align:center;
    color:#17233d;
    padding-right:10px;
    font-size:16px;
}
.hotZyBox ul li .item {
    float:left;
}
.hotZyBox ul li .item p {
    color:#17233d;
}
.hotZyBox ul li .item span {
    color:#979aa4;
    padding-top:6px;
    display:inline-block;
}
.hotZyBox ul li:last-child {
    margin-bottom:0;
}
.flow {
    background:#fff;
    margin-top:20px;
}
.flowBox {
    padding:20px;
}
.flowBox .top {
    position:relative;
}
.flowBox .top dl {
    float:left;
    width:128px;
    text-align:center;
    position:relative;
}
.flowBox .top dl dt {
    color:#17233d;
    font-size:16px;
    padding-bottom:15px;
}
.flowBox .top dl dd {
    width:32px;
    display:inline-block;
    line-height:32px;
    background:#f4f4f4;
    border-radius:50%;
    color:#555555;
    font-weight:bold;
}
.flowBox .top:before {
    content:'';
    height:1px;
    position:absolute;
    left:0;
    right:0;
    background:#ebeaea;
    top:51px;
}
.flowBox .top dl dd i {
    position:absolute;
    color:#ebeaea;
    left:0;
    bottom:6px;
    font-size:20px;
}
.flowBox .bottom {
    margin-top:15px;
}
.flowBox .bottom div {
    float:left;
    text-align:center;
    background:#dd4b41;
    color:#fff;
    line-height:40px;
    font-size:16px;
}
.flowBox .bottom div.left {
    width:385px;
    border-radius:30px 0px 0px 30px;
}
.flowBox .bottom div.right {
    width:385px;
    border-radius:0px 30px 30px 0px;
}
.flowBox .bottom div.center {
    width:386px;
    position:relative;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
}
.flowBox .bottom div.center .icon1 {
    position:absolute;
    color:#fff;
    left:0;
    font-size:20px;
    top:10px;
}
.flowBox .bottom div.center .icon2 {
    position:absolute;
    color:#fff;
    right:-9px;
    font-size:20px;
    top:10px;
}
.news {
    margin-top:20px;
}
.news .news_box {
    width:895px;
    float:left;
    overflow:hidden;
}
.news .title {
}
.news .title .pages {
    float:right;
}
.news .title .pages .pageBtn {
    float:left;
    margin:0px 2px;
    line-height:20px;
    border:1px solid #dadada;
    background:#fff;
    width:20px;
    text-align:center;
    border-radius:50%;
    font-size:13px;
    color:#9598a2;
    cursor:pointer;
}
.news .title h3 {
    color:#17233d;
    float:left;
    font-size:18px;
}
.news .title a.more {
    color:#9598a2;
    float:right;
    margin-top:5px;
}
.news .title a.more i {
    color:#9598a2;
    padding-left:4px;
}
.news .title ul {
    float:left;
    margin-left:35px;
    padding-top:3px;
}
.news .title ul li {
    float:left;
    font-size:16px;
    color:#17233d;
    margin:0px 15px;
    cursor:pointer;
    position:relative;
    padding-bottom:5px;
}
.news .title ul li.active {
    color:#dd4b41;
}
.news .title ul li.active:before {
    content:'';
    height:2px;
    width:50%;
    display:block;
    position:absolute;
    background:#dd4b41;
    left:50%;
    margin-left:-25%;
    bottom:0;
}
.news .news_box .news_list.show {
    display:block;
}
.news .news_box .news_list {
    background:#fff;
    padding:20px 0;
    width:895px;
    float:left;
    margin-top:15px;
    display:none;
}
.news .news_box .news_list li {
    float:left;
    padding:10px 0px;
    width:407px;
    margin:0 20px;
}
.news .news_box .news_list li a {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}
.news .news_box .news_list li a span {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    width:315px;
    float:left;
}
.news .news_box .news_list li a em {
    font-style:normal;
    color:#9598a2;
    float:right;
}
.news .news_box .news_list li:nth-child(9) {
    margin-bottom:30px;
}
.news .news_box .news_list li:nth-child(10) {
    margin-bottom:30px;
}
.news .news_box .news_list li a:hover span {
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    color:#e23b29;
}
.news .news_box .news_list li a:hover {
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    color:#e23b29;
}
.news_listBox {
    position:relative;
}
.news .groupChat {
    width:285px;
    float:right;
}
.news .groupChat ul {
    background:#fff;
    margin-top:20px;
    padding:15px;
    padding-top:8px;
    height:437px;
}
.news .groupChat ul li {
    border-bottom:1px solid #e3e3e3;
    padding:10px 0px;
}
.news .groupChat ul li .left {
    float:left;
    margin-right:10px;
}
.news .groupChat ul li .left img {
    width:48px;
    height:48px;
    border-radius:50%;
    border:1px solid #efefef;
}
.news .groupChat ul li .right {
    float:left;
    width:195px;
}
.news .groupChat ul li .right p {
    color:#17233d;
    padding-bottom:4px;
    font-weight:bold;
    font-size:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news .groupChat ul li .right span {
    color:#9598a2;
    font-size:12px;
}
.news .groupChat ul li .right a {
    float:right;
    color:#e23b29;
    border:1px solid #e23b29;
    display:inline-block;
    font-size:12px;
    padding:2px 10px;
    border-radius:30px;
    position:relative;
}
.news .groupChat ul li .right a:hover {
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    background:#e23b29;
    color:#fff;
}
.news .groupChat ul li:last-child {
    border-bottom:none;
}
.news .groupChat .title ol {
    float:left;
}
.news .groupChat .title ol li {
    float:left;
    margin:0px 2px;
    line-height:20px;
    border:1px solid #dadada;
    background:#fff;
    width:20px;
    text-align:center;
    border-radius:50%;
    font-size:13px;
    color:#9598a2;
    cursor:pointer;
}
.news .groupChat .title ol li.active {
    color:#dd4b41;
}
.mask_box {
    width:100%;
    height:100%;
    position:fixed;
    z-index:10;
    left:0;
    top:0;
    background:rgba(0,0,0,0.5);
    display:none;
}
.mask_box .mask_ewm {
    width:371px;
    height:300px;
    position:fixed;
    top:200px;
    left:0;
    right:0;
    margin:auto;
    background:url(/tp/PC/b2c/b2cImg/pic_7.png) 0 0 no-repeat;
}
.mask_box .chat_zi {
    position:absolute;
    bottom:0;
    color:#fff;
    font-weight:bold;
    left:50%;
    width:150px;
    text-align:center;
    margin-left:-49px;
}
.mask_box .mask_close {
    position:absolute;
    top:-10px;
    right:0;
    cursor:pointer;
}
.mask_box .mask_rwm {
    width:244px;
    height:244px;
    position:absolute;
    top:13px;
    left:91px;
}
.news .news_box .news_list.m-t-z {
    margin-top:20px;
}
.freeTest {
    margin-top:20px;
}
.freeTest .freeTestBox {
    width:895px;
    float:left;
}
.freeTest .freeTestBox .title {
}
.freeTest .title h3 {
    color:#17233d;
    float:left;
    font-size:18px;
}
.freeTest .freeTestBox .freeTestList {
    background:#fff;
    margin-top:15px;
    padding:25px 20px;
}
.freeTest .freeTestBox .freeTestList li {
    float:left;
    width:427px;
    margin-bottom:30px;
}
.freeTest .freeTestBox .freeTestList li a {
    display:block;
}
.freeTest .freeTestBox .freeTestList li a img {
    float:left;
    width:60px;
}
.freeTest .freeTestBox .freeTestList li a .content {
    float:left;
    padding-left:10px;
}
.freeTest .freeTestBox .freeTestList li a .content h3 {
    font-size:16px;
    color:#17233d;
    padding-top:10px;
}
.freeTest .freeTestBox .freeTestList li a .content p {
    font-size:14px;
    color:#666666;
    padding-top:5px;
}
.freeTest .freeTestBox .freeTestList li:nth-child(3) {
    margin-bottom:0;
}
.freeTest .freeTestBox .freeTestList li:nth-child(4) {
    margin-bottom:0;
}
.freeTest .testApp {
    width:285px;
    float:right;
}
.freeTest .testApp .content {
    background:#fff;
    margin-top:15px;
    padding:15px;
    height:170px;
    position:relative;
}
.freeTest .testApp .content ul {
    padding-top:35px;
}
.freeTest .testApp .content ul li {
    color:#17233d;
    margin-bottom:15px;
}
.freeTest .testApp .content img {
    position:absolute;
    right:15px;
    bottom:32px;
}
.infoZk {
    margin-top:20px;
}
.infoZk .title h3 {
    color:#17233d;
    font-size:18px;
    float:left;
}
.infoZk .zxBox {
    float:left;
    width:438px;
}
.infoZk .mind {
    width:285px;
    float:right;
}
.infoZk .zxBox.m-l-20 {
    margin-left:20px;
}
.infoZk .zxBox .content {
    background:#fff;
    padding:15px;
    margin-top:15px;
    height:252px;
}
.infoZk .zxBox .content dl {
    margin-bottom:10px;
}
.infoZk .zxBox .content dl dt {
    float:left;
}
.infoZk .zxBox .content dl dt img {
    display:block;
}
.infoZk .zxBox .content dl dd {
    float:left;
    width:200px;
    padding-left:15px;
    padding-top:4px;
}
.infoZk .zxBox .content dl dd a {
    display:block;
    color:#17233d;
    font-weight:bold;
    margin:5px 0px;
}
.infoZk .zxBox .content ul {
}
.infoZk .zxBox .content ul li {
    margin-bottom:10px;
}
.infoZk .zxBox .content ul li a {
    color:#9598a2;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.infoZk .zxBox .content ul li:last-child {
    margin-bottom:0;
}
.infoZk .zxBox .content ul li a:hover {
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    color:#e23b29;
}
.infoZk .zxBox .title {
}
.infoZk .zxBox .title a {
    color:#9598a2;
    float:right;
    margin-top:5px;
}
.infoZk .zxBox .title a i {
    color:#9598a2;
    padding-left:4px;
}
.infoZk .mind .content {
    background:#fff;
    overflow:hidden;
    height:252px;
}
.infoZk .mind .content ul {
}
.infoZk .mind .content ul li {
}
.infoZk .mind .content ul li img {
    float:left;
}
.infoZk .mind .content ul li p {
    font-weight:bold;
    color:#17233d;
}
.infoZk .mind .content ul li span {
    color:#9598a2;
    padding-top:5px;
    display:block;
    padding-bottom:20px;
}
.infoZk .mind .content ul li .clearfix {
    float:left;
    width:198px;
    padding-left:15px;
}
.infoZk .mind .mind_box {
    background:#fff;
    padding:15px;
    margin-top:15px;
}








body,.m__banner,.m_nav,.m_region,.m_cityName {
    display:none;
}
.isPhone .m_nav,.isPhone .m__banner,.isPhone .m_region,.isPhone .m_cityName {
    display:block;
}

.isPhone .m__banner {
    margin:0.2rem;
    border-radius:0.15rem;
    overflow:hidden;
}
.isPhone .m_nav {
    background:#fff;
    overflow:hidden;
    padding:0.32rem 0.25rem;
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-gap:0.25rem;
    margin:0.2rem;
    border-radius:0.15rem;
}
.isPhone .m_nav dl {
    text-align:center;
}
.isPhone .m_nav dl a {
    display:block;
    width:100%;
    height:100%;
}
.isPhone .m_nav dl dt img {
    width:0.85rem;
}
.isPhone .m_nav dl dd {
    text-align:center;
    font-size:0.24rem;
    padding-top:0.1rem;
}
.isPhone .m_region {
    margin:0.2rem;
    background:#fff;
    padding:0.25rem 0.2rem;
    border-radius:0.15rem;
}
.isPhone .m_region em {
    float:left;
    font-style:normal;
    color:#999;
    font-size:0.26rem;
}
.isPhone .m_region p {
    float:right;
}
.isPhone .m_region p span {
    font-size:0.26rem;
    color:#e23b29;
    font-weight:bold;
}
.isPhone .m_region p i {
    padding-left:0.15rem;
    font-size:0.33rem;
    color:#999;
}
.isPhone .cityList {
    position:fixed;
    top:0;
    bottom:0;
    left:-100%;
    width:100%;
    z-index:3;
}
.isPhone .m_cityName {
    padding:0.35rem 0.2rem;
    font-size:0.3rem;
    text-align:center;
    color:#666;
}
.isPhone .m_cityName i {
    float:left;
    font-size:0.5rem;
}
.isPhone .cityList ul {
    display:grid;
    grid-template-columns:auto auto auto auto;
    grid-gap:0.25rem;
    padding:0 0.25rem;
}
.isPhone .cityList ul li {
    margin:0;
}
.isPhone .cityList ul li a {
    display:block;
    text-align:center;
    padding:0.15rem;
    border-radius:0.1rem;
    background:#ededed;
    font-size:0.26rem;
}
.isPhone .recommend {
    height:auto;
}
.isPhone .recommend .content .banner {
    display:none;
}
.isPhone .recommend .guide {
    width:auto;
    float:none;
    padding:0;
    background:none;
}
.isPhone .recommend .guide .countdown {
    background:#fff;
    margin:0 0.2rem;
    padding:0.25rem;
    overflow:hidden;
}
.isPhone .recommend .guide .countdown p {
    background:url("/tp/PC/b2c/images/djs.png") no-repeat left center;
    background-size:0.22rem;
    float:left;
    font-size:0.28rem;
    letter-spacing:0;
    padding-bottom:0;
    padding-left:0.35rem;
}
.isPhone .recommend .guide .countdown .time {
    float:right;
    font-size:0.28rem;
}
.isPhone .recommend .guide .countdown .time span {
    width:auto;
    height:auto;
    background:none;
    line-height:normal;
    font-size:0.28rem;
    margin:0;
}
.isPhone .recommend .guide .countdown .time em {
    font-size:0.28rem;
}
.isPhone .recommend .guide ul {
    padding:0.25rem;
    background:#fff;
    border-top:0.2rem solid #efefef;
    margin:0 0.2rem;
}
.isPhone .recommend .guide ul li {
    margin-bottom:0.35rem;
}
.isPhone .recommend .guide ul li:before {
    display:none;
}
.isPhone .recommend .guide ul li i {
    display:none;
}
.isPhone .recommend .guide ul li h3 {
    font-size:0.27rem;
    width:1.3rem;
    padding:0.08rem 0.15rem;
}
.isPhone .recommend .guide ul li .item {
    margin-top:0.15rem;
    background:#fff;
    padding:0;
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap:0.25rem;
}
.isPhone .recommend .guide ul li .item a {
    line-height:normal;
    margin:0;
    font-size:0.26rem;
}
.isPhone .recommend .content {
    float:none;
    margin:0.2rem;
    width:auto;
}
.isPhone .recommend .content .newsBox {
    padding:0.25rem;
}
.isPhone .recommend .content .newsBox .item {
    float:none;
    width:auto;
    margin:0;
    margin-bottom:0.5rem;
}
.isPhone .recommend .content .newsBox .item:last-child {
    margin-bottom:0;
}
.isPhone .recommend .content .newsBox .item h3 a {
    font-size:0.28rem;
}
.isPhone .recommend .content .newsBox .item ul li {
    margin-bottom:0.2rem;
}
.isPhone .recommend .content .newsBox .item h3 {
    margin-bottom:0.2rem;
}
.isPhone .recommend .content .newsBox .item ul li a {
    font-size:0.26rem;
}
.isPhone .recommend .auxiliary {
    width:auto;
    float:none;
    height:auto;
    margin:00.2rem;
    padding:0;
}
.isPhone .recommend .auxiliary .audition {
    height:auto;
    border-bottom:0.2rem solid #efefef;
    padding:0.25rem;
}
.isPhone .recommend .auxiliary .audition h3 {
    font-size:0.3rem;
}
.isPhone .recommend .auxiliary .audition ul {
    padding-top:0.25rem;
}
.isPhone .recommend .auxiliary .audition ul li {
    margin-bottom:0.25rem;
}
.isPhone .recommend .auxiliary .audition ul li .left {
    margin-right:0.15rem;
}
.isPhone .recommend .auxiliary .audition ul li .left img {
    width:1rem;
    height:1rem;
}
.isPhone .recommend .auxiliary .audition ul li .right {
    width:5.4rem;
}
.isPhone .recommend .auxiliary .audition ul li .right p {
    font-size:0.28rem;
    padding-bottom:0.15rem;
}
.isPhone .recommend .auxiliary .audition ul li .right span {
    font-size:0.26rem;
}
.isPhone .recommend .auxiliary .audition ul li .right a {
    font-size:0.22rem;
    padding:0.04rem 0.2rem;
    border-radius:0.3rem;
}
.isPhone .recommend .auxiliary .planning {
    margin:0;
    padding:0.25rem;
}
.isPhone .recommend .auxiliary .planning h3 {
    font-size:0.3rem;
}
.isPhone .recommend .auxiliary .planning ul {
    padding-top:0.25rem;
}
.isPhone .recommend .auxiliary .planning ul li {
    margin-bottom:0.25rem;
}
.isPhone .recommend .auxiliary .planning ul li label {
    width:1.3rem;
    font-size:0.26rem;
    padding-right:0;
    margin-right:0.25rem;
}
.isPhone .recommend .auxiliary .planning ul li select {
    width:4.9rem;
    height:0.6rem;
    font-size:0.26rem;
    padding-left:0.15rem;
}
.isPhone .recommend .auxiliary .planning ul li input {
    width:4.6rem;
    height:0.6rem;
    padding-left:0.25rem;
    font-size:0.26rem;
}
.isPhone .recommend .auxiliary .planning a {
    font-size:0.26rem;
    padding:0.15rem;
    border-radius:0.05rem;
}
.isPhone .courseList .courseBox {
    float:none;
    width:auto;
    margin:0 0.2rem;
    padding-top:0.15rem;
}
.isPhone .courseList .title h3 {
    font-size:0.3rem;
}
.isPhone .courseList .title a {
    font-size:0.26rem;
    margin-top:0.05rem;
}
.isPhone .course__list {
    padding-top:0.25rem;
}
.isPhone .course__list ul {
    height:auto;
    margin:0;
}
.isPhone .course__list ul li {
    width:auto;
    float:none;
    margin:0;
    margin-bottom:0.25rem;
    display: none;
}
.isPhone .course__list ul li:nth-child(1),.isPhone .course__list ul li:nth-child(2),.isPhone .course__list ul li:nth-child(3) {
    display: block;
}
.isPhone .course__list ul li a {
    padding:0.25rem;
}
.isPhone .course__list ul li a p.title {
    padding:0.08rem 0.1rem;
    font-size:0.28rem;
    min-width:auto;
    border-radius:0px 0px 0.13rem 0.13rem;
    top:-0.03rem;
}
.isPhone .course__list ul li a h3 {
    padding-top:0.5rem;
    font-size:0.3rem;
    padding-bottom:0.25rem;
}
.isPhone .course__list ul li a .lable {
    height:auto;
    margin-bottom:0.15rem;
}
.isPhone .course__list ul li a .lable label {
    font-size:0.26rem;
    padding:0.02rem 0.05rem;
    margin-right:0.15rem;
    margin-bottom:0.15rem;
}
.isPhone .course__list ul li a .activity__box p.price {
    font-size:0.35rem;
    padding-top:0.25rem;
}
.isPhone .freeCourseBox {
    width:auto;
    float:none;
    margin:0.2rem;
}
.isPhone .free__course__list {
    padding:0.25rem;
    margin-top:0.2rem;
    height:auto;
}
.isPhone .free__course__list ul li {
    border-radius:0.1rem;
    margin-bottom:0.25rem;
    padding:0.25rem;
}
.isPhone .free__course__list ul li h3 {
    font-size:0.28rem;
    padding-bottom:0.15rem;
}
.isPhone .free__course__list ul li div span {
    font-size:0.26rem;
}
.isPhone .free__course__list ul li div a {
    font-size:0.24rem;
    padding:0.05rem 0.25rem;
    border-radius:0.3rem;
}
.isPhone .courseList .hotClass {
    width:auto;
    float:none;
    margin:0.2rem;
}
.isPhone .courseList .hotClass .hotClassBox {
    padding:0.25rem;
    padding-top:0;
    margin-top:0.2rem;
    height:auto;
}
.isPhone .courseList .hotClass .hotClassBox .tabNav {
    margin-bottom:0.25rem;
}
.isPhone .courseList .hotClass .hotClassBox .tabNav span {
    font-size:0.3rem;
    height:0.8rem;
    line-height:0.8rem;
}
.isPhone .hotZyBox {
    width:13.2rem;
}
.isPhone .hotZyBox .left {
    width:6.6rem;
}
.isPhone .hotZyBox ul li {
    padding:0.25rem;
    margin-bottom:0.25rem;
}
.isPhone .hotZyBox ul li a {
}
.isPhone .hotZyBox ul li label {
    width:auto;
    font-size:0.3rem;
    padding-right:0.25rem;
}
.isPhone .hotZyBox ul li .item p {
    font-size:0.28rem;
}
.isPhone .hotZyBox ul li .item span {
    font-size:0.26rem;
}
.isPhone .courseList .hotClass .hotClassBox .tabNav span.active:before {
    height:0.05rem;
    width:0.8rem;
    left:1.25rem;
    bottom:0;
}
.isPhone .hotZyBox .right {
    width:6.6rem;
}
.isPhone .hotZyBox ul li:last-child {
    margin-bottom:0;
}
.isPhone .flow {
    display:none;
}
.isPhone .news .news_box {
    float:none;
    width:auto;
    margin:0 0.2rem;
    margin-top:0.2rem;
    background:#fff;
    padding:0.25rem;
}
.isPhone .news .title h3 {
    float:none;
    font-size:0.3rem;
}
.isPhone .news .title ul {
    float:none;
    margin:0;
    padding-top:0.25rem;
    display:grid;
    grid-template-columns:auto auto auto auto;
    grid-gap:10px;
}
.isPhone .news .title {
    position:relative;
}
.isPhone .news .title ul li {
    margin:0;
    float:none;
    text-align:center;
    background:#f9f9f9;
    color:#666;
    padding:0.15rem;
    font-size:0.26rem;
    border-radius:0.04rem;
}
.isPhone .news .title ul li.active:before {
    display:none;
}
.isPhone .news .title a.more {
    position:absolute;
    right:0;
    top:0;
    font-size:0.26rem;
}
.isPhone .news .title ul li.active {
    color:#dd4b41;
}
.isPhone .news .news_box .news_list {
    width:100%;
    float:none;
    padding:0;
    margin-top:0.15rem;
}
.isPhone .news .news_box .news_list li {
    float:none;
    width:auto;
    margin:0;
    padding:0.15rem 0;
    display: none;
}
.isPhone .news .news_box .news_list li a span {
    width:5rem;
    font-size:0.26rem;
}
.isPhone .news .news_box .news_list li a em {
    font-size:0.26rem;
}
.isPhone .news .news_box .news_list li:nth-child(5) {
    padding-bottom:0.35rem;
    border-bottom:0.01rem solid #efefef;
    margin-bottom:0.35rem;
}
.isPhone .news .news_box .news_list li:nth-child(15) {
    padding-bottom:0.35rem;
    border-bottom:0.01rem solid #efefef;
    margin-bottom:0.35rem;
}
.isPhone .news .news_box .news_list li:nth-child(1),.isPhone .news .news_box .news_list li:nth-child(2),.isPhone .news .news_box .news_list li:nth-child(3),.isPhone .news .news_box .news_list li:nth-child(4),.isPhone .news .news_box .news_list li:nth-child(5),.isPhone .news .news_box .news_list li:nth-child(6),.isPhone .news .news_box .news_list li:nth-child(7),.isPhone .news .news_box .news_list li:nth-child(8),.isPhone .news .news_box .news_list li:nth-child(9),.isPhone .news .news_box .news_list li:nth-child(10){
    display: block;
}
.isPhone .news .groupChat {
    width:auto;
    float:none;
    background:#fff;
    margin:0 0.2rem;
    margin-top:0.2rem;
    padding:0.25rem;
}
.isPhone .news .title .pages {
    position:absolute;
    right:0;
    top:0;
}
.isPhone .news .groupChat .title ol li {
    width:0.4rem;
    height:0.4rem;
    line-height:0.4rem;
    font-size:0.22rem;
    margin:0 0.05rem;
}
.isPhone .news .groupChat ul {
    height:auto;
    margin-top:0.25rem;
    padding:0;
}
.isPhone .news .groupChat ul li {
    padding:0.15rem 0;
}
.isPhone .news .groupChat ul li .left {
    margin-right:0.15rem;
}
.isPhone .news .groupChat ul li .left img {
    width:1rem;
    height:1rem;
}
.isPhone .news .groupChat ul li .right {
    width:5.4rem;
}
.isPhone .news .groupChat ul li .right p {
    font-size:0.28rem;
    padding-bottom:0.15rem;
}
.isPhone .news .groupChat ul li .right span {
    font-size:0.26rem;
}
.isPhone .news .groupChat ul li .right a {
    font-size:0.22rem;
    padding:0.05rem 0.2rem;
    border-radius:0.3rem;
}
.isPhone .freeTest .freeTestBox {
    width:auto;
    float:none;
    margin:0.2rem;
    background:#fff;
    padding:0.25rem;
}
.isPhone .freeTest .title h3 {
    font-size:0.3rem;
}
.isPhone .freeTest .freeTestBox .freeTestList {
    margin:0;
    padding:0;
    margin-top:0.25rem;
}
.isPhone .freeTest .freeTestBox .freeTestList li {
    float:none;
    width:auto;
    margin-bottom:0.25rem;
}
.isPhone .freeTest .freeTestBox .freeTestList li a img {
    width:1.3rem;
    height:1.3rem;
}
.isPhone .freeTest .freeTestBox .freeTestList li a .content {
    width:5rem;
    padding-left:0.15rem;
}
.isPhone .freeTest .freeTestBox .freeTestList li a .content h3 {
    font-size:0.28rem;
    padding:0;
}
.isPhone .freeTest .freeTestBox .freeTestList li a .content p {
    font-size:0.26rem;
    padding-top:0.1rem;
}
.isPhone .news .news_box .news_list li a {
    font-size:0.26rem;
}
.isPhone .freeTest .testApp {
    width:auto;
    float:none;
    background:#fff;
    margin:0.2rem;
    padding:0.25rem;
}
.isPhone .freeTest .testApp .content {
    margin:0;
    padding:0;
    height:3rem;
}
.isPhone .freeTest .testApp .content ul {
    padding-top:0.5rem;
    padding-left:0.3rem;
}
.isPhone .freeTest .testApp .content ul li {
    font-size:0.28rem;
    margin-bottom:0.25rem;
}
.isPhone .freeTest .testApp .content img {
    width:3rem;
    bottom:0.25rem;
    right:0.55rem;
}
.isPhone .infoZk .zxBox {
    float:none;
    width:auto;
    background:#fff;
    border-bottom:0.2rem solid #efefef;
    margin:0 0.2rem;
    padding:0.25rem;
}
.isPhone .infoZk .zxBox.m-l-20 {
    margin:0 0.2rem;
}
.isPhone .infoZk .zxBox .content {
    height:auto;
    padding:0;
    margin-top:0.25rem;
}
.isPhone .infoZk .title h3 {
    font-size:0.3rem;
}
.isPhone .infoZk .zxBox .title a {
    font-size:0.26rem;
    margin-top:0.05rem;
}
.isPhone .infoZk .zxBox .title a i,.isPhone .news .title a.more i,.isPhone .courseList .title a i {
    font-size:0.3rem;
    padding-left:0.1rem;
}
.isPhone .infoZk .zxBox .content dl {
    margin-bottom:0.15rem;
}
.isPhone .infoZk .zxBox .content dl dt img {
    width:3rem;
}
.isPhone .infoZk .zxBox .content dl dd {
    width:3rem;
    padding-left:0.15rem;
    padding-top:0;
}
.isPhone .infoZk .zxBox .content dl dd a {
    margin:0;
    font-size:0.26rem;
    margin-bottom:0.15rem;
}
.isPhone .infoZk .zxBox .content dl dd a:last-child {
    margin-bottom:0;
}
.isPhone .infoZk .zxBox .content ul li {
    margin-bottom:0.15rem;
}
.isPhone .infoZk .zxBox .content ul li a {
    font-size:0.26rem;
}
.isPhone .infoZk .zxBox .content ul li:last-child {
    margin-bottom:0;
}
.isPhone .infoZk .mind {
    width:auto;
    float:none;
    background:#fff;
    margin:0 0.2rem;
    padding:0.25rem;
    padding-bottom:0;
}
.isPhone .infoZk .mind .mind_box {
    margin-top:0;
    padding:0.25rem 0;
}
.isPhone .infoZk .mind .content {
    height:8rem;
}
.isPhone .infoZk .mind .content ul li img {
    width:1rem;
}
.isPhone .infoZk .mind .content ul li .clearfix {
    width:5.4rem;
    padding-left:0.2rem;
}
.isPhone .infoZk .mind .content ul li p {
    font-size:0.28rem;
}
.isPhone .infoZk .mind .content ul li span {
    font-size:0.26rem;
    padding-top:0.1rem;
}
.isPhone .linkTitle .content {
    margin:0.2rem;
    padding:0.25rem;
}
.isPhone .linkTitle .content .title {
    font-size:0.3rem;
    float:none;
}
.isPhone .linkTitle .content ul {
    float:none;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:0.15rem;
    padding-top:0.15rem;
}
.isPhone .linkTitle .content ul li {
    float:none;
    padding:0;
}
.isPhone .linkTitle .content ul li a {
    font-size:0.26rem;
}
.isPhone .linkTitle .content ul li:before {
    display:none;
}
.isPhone .infoZk{
    margin-bottom: 0.2rem;
}
.isPhone .course__list ul li a .activity__box{
    height: auto;
}
.isPhone .course__list ul li a .activity__box.activity .promotion{
    font-size: 0.22rem;
    padding: 0.05rem 0.15rem;
    border-radius: 0.5rem 0px 0px 0.5rem;
    top: 0.25rem;
}
.isPhone .course__list ul li a .activity__box.activity .OldPrice{
    font-size: 0.26rem;
    padding-top: 0.15rem;
}
/*试听样式开始*/
.course_audition .title ul {
    float:left;
    margin-left:35px;
    padding-top:3px;
}
.course_audition .content .video {
    float:left;
    width:850px;
    overflow:hidden;
    height:480px;
}
.course_audition .content .chapter {
    float:right;
    width:350px;
    background:#1b1b1b;
    height:480px;
    position:relative;
}
#courseVideo {
    height:100%;
    overflow:hidden;
    width:850px;
    background:#000;
}
.course_audition .content h3.titles {
    color:#fff;
    border-bottom:1px solid #494949;
    font-size:16px;
    letter-spacing:2px;
    padding:12px 15px;
}
.course_audition .content .btn_box {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}
.course_audition .content .btn_box a {
    color:#fff;
    display:inline-block;
    float:left;
    width:50%;
    text-align:center;
    cursor:pointer;
    padding:12px 0;
}
.course_audition .content .btn_box a.btn_1 {
    background:#8c9397;
}
.course_audition .content .btn_box a.btn_2 {
    background:#fd4812;
}
.prism-player .prism-controlbar {
    display:block!important;
}
.course_audition .content .btn_box a:hover {
    -moz-transition:ease-out .3s;
    -o-transition:ease-out .3s;
    -webkit-transition:ease-out .3s;
    transition:ease-out .3s;
    font-weight:700;
}
.course_audition .content .chapter ul {
    overflow-y:auto;
    height:402px;
    padding:10px 15px 0;
}
.course_audition .content .chapter ul li {
    color:#a4a4a4;
    margin-bottom:10px;
}
.course_audition .content .chapter ul li h3 {
    font-size:15px;
    color:#c9c9c9;
    cursor:pointer;
    user-select:none;
}
.course_audition .content .chapter ul li h3 i {
    font-size:18px;
    padding-right:8px;
}
.course_audition .content .chapter ul li .item {
    padding-left:22px;
}
.course_audition .content .chapter ul li .item p {
    cursor:pointer;
    user-select:none;
    margin:8px 0;
}
.course_audition .content .chapter ul li .item p i {
    font-size:14px;
    padding-left:5px;
}
.course_audition .content .chapter ul li .item p:hover {
    -moz-transition:ease-out .3s;
    -o-transition:ease-out .3s;
    -webkit-transition:ease-out .3s;
    transition:ease-out .3s;
    color:#fff;
}
.course_audition .content .chapter ul li .item p:hover span {
    -moz-transition:ease-out .3s;
    -o-transition:ease-out .3s;
    -webkit-transition:ease-out .3s;
    transition:ease-out .3s;
    background:#e23b29;
    color:#fff;
}
.course_audition .content .chapter ul li .item p span {
    color:#f54130;
    border:1px solid #f54130;
    font-size:12px;
    display:inline-block;
    border-radius:15px;
    margin-left:5px;
    padding:1px 10px;
}
.course_audition .content .chapter ul li .item p.active {
    color:#fff;
}
.course_audition .content .chapter ul li .item p em {
    font-style:normal;
    float:right;
}
.course_audition .content .chapter ul li .item p b {
    float:left;
    user-select:none;
}
.course_audition .content .chapter ul::-webkit-scrollbar {
    width:10px;
    height:1px;
}
.course_audition .content .chapter ul::-webkit-scrollbar-thumb {
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#494949;
}
.course_audition .content .chapter ul::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:10px;
    background:#1b1b1b;
}
.course_audition,.news {
    margin-top:30px;
}
.course_audition .title h3,.news .title h3,.freeTest .title h3,.teachers .title h3 {
    color:#17233d;
    float:left;
    font-size:18px;
}
.course_audition .title ul li.active,.news .title ul li.active {
    color:#dd4b41;
}
.course_audition .title ul li,.news .title ul li {
    float:left;
    font-size:16px;
    color:#17233d;
    cursor:pointer;
    position:relative;
    padding-bottom:5px;
    margin:0 15px;
}
.course_audition .title ul li.active:before,.news .title ul li.active:before {
    content:'';
    height:2px;
    width:50%;
    display:block;
    position:absolute;
    background:#dd4b41;
    left:50%;
    margin-left:-25%;
    bottom:0;
}
.course_audition .content,.teachers ul {
    padding-top:15px;
}
.isPhone .course_audition{
}
.isPhone .course_audition .title {

    background: #fff;

    margin: 0 0.2rem;

    padding: 0.2rem;
}
.isPhone .course_audition .title h3 {
    font-size: 0.3rem;
    display: block;
    float: none;
}
.isPhone .course_audition .title ul{

margin: 0;

padding: 0;

float: none;

margin-top: 0.25rem;

display: grid;

grid-template-columns: 1fr 1fr;

grid-gap: 0.25REM;
}
.isPhone .course_audition .title ul li{

font-size: 0.26rem;

padding-bottom: 0;

margin: 0;
}
.isPhone .course_audition .content{

    padding: 0;

    margin: 0.2rem;

    margin-top: 0;
}
.isPhone .course_audition .content .video{width: 100%;height: 4rem;float: none;}
.isPhone #courseVideo{

    width: 100%;
}
.isPhone .course_audition .content .chapter{

    float: none;

    width: auto;

    height: auto;

    padding-bottom: 0.75rem;
}
.isPhone .course_audition .content .chapter ul{
    height: 6rem;
    padding: 0.1rem 0.2rem;
}
.isPhone .course_audition .content h3.titles{

    font-size: 0.26rem;

    letter-spacing: 0.04rem;

    padding: 0.2rem 0.2rem;
}
.isPhone .course_audition .content .btn_box a{

    padding: 0.2rem 0;

    font-size: 0.26rem;
}
.isPhone .course_audition .content .chapter ul li{

    margin-bottom: 0.15rem;
}
.isPhone .course_audition .content .chapter ul li .item p{

    font-size: 0.26rem;

    margin: 0.15rem 0;
}
.isPhone .course_audition .content .chapter ul li .item p span{

    font-size: 0.2rem;

    margin-left: 0.15rem;

    padding: 0.02rem 0.15rem;
}
.isPhone .course_audition .content .chapter ul li h3{

    font-size: 0.28rem;
}
.isPhone .course_audition .content .chapter ul li h3 i{

    font-size: 0.3rem;

    padding-right: 0.15rem;
}
.isPhone .course_audition .title ul li.active:before, .news .title ul li.active:before{
    display: none;
}
#purchaseTips{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
    display: none;
}
#purchaseTips .purchaseTips{
    background: #fff;
    width: 420px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -210px;
    margin-top: -80px;
    border-radius: 8px;
    padding-bottom: 20px;
}
#purchaseTips .purchaseTips .top{
    text-align: center;
    position: relative;
    padding:14px 20px;
    border-bottom: 1px solid #e5e5e5;
}
#purchaseTips .purchaseTips .top p{
    color: #333;
    font-size: 16px;
    letter-spacing: 4px;
}
#purchaseTips .purchaseTips .top i{
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    padding: 5px;
}
#purchaseTips .purchaseTips .top i:hover{
    color: #e23b29;
}
#purchaseTips .purchaseTips .content{
    text-align: center;
    color: #333;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 25px 0;
}
#purchaseTips .purchaseTips .content p{
    color: #666;
}
#purchaseTips .purchaseTips .bottom{
    text-align: center;
}
#purchaseTips .purchaseTips .bottom a{
    display: inline-block;
    background: #e23b29;
    color: #fff;
    border-radius: 4px;
    padding: 6px 12px;
}
#purchaseTips .purchaseTips .bottom a:hover{
    -moz-transition:ease-out 0.25s;
    -o-transition:ease-out 0.25s;
    -webkit-transition:ease-out 0.25s;
    transition:ease-out 0.25s;
    opacity: 0.85;
}
/*试听样式结束*/