@charset "UTF-8";
/**********
 *页面样式*
 **********/
/* ==========
   基本默认值
   ========== */
* {
    box-sizing: border-box;
}


*:focus {
    outline: none;
}

a {
    text-decoration: none;
    color: inherit;
}

p,
dl {
    margin: 0;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    vertical-align: top;
    max-width: 100%;
}

dd {
    margin-left: 0;
}

label {
    cursor: pointer;
}


.ovtwo {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==========
   工具样式
   ========== */
.width-auto {
    width: 100%;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.invisible {
    /*将元素隐藏，但保留元素占位*/
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    /*IE6 and IE7*/
    zoom: 1;
}

.tb-lr {
    -webkit-writing-mode: vertical-lr;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.cff {
    color: #ffffff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bgcF5 {
    background: #F5F5F5;
}

.bgcFF {
    background: #FFFFFF;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.pt100 {
    padding-top: 1rem;
}

.pt40 {
    padding-top: .4rem;
}

.mb40 {
    margin-bottom: .4rem;
}

.pb80 {
    padding-bottom: .8rem;
}

.w1760-container {
    width: 17.6rem;
    float: left;
    border-radius: 0.1rem;
    overflow: hidden;
}

.w600-container {
    float: right;
    width: 6rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.mb10 {
    margin-bottom: .1rem;
}

html {
    font-size: 50px;
}

body {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
    background: #F5F5F5;
    font-size: .24rem;
    -webkit-tap-highlight-color: transparent;
    /*这一句是用来解决在安卓上的点击出现篮框问题*/
    -webkit-font-smoothing: subpixel-antialiased;
    min-width: 1280px;
}

.h500-banner {
    height: 5rem;
    background: center/auto 100% no-repeat;
}

.h400-banner {
    height: 4rem;
    background: center/auto 100% no-repeat;
}

.ib-middle {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.va-middle {
    vertical-align: middle;
}

.table-cell {
    display: table-cell;
}

.overflow-hidden {
    overflow: hidden;
}

/*头部*/
.header {
    height: 1.62rem;
    line-height: 1.62rem;
    text-align: center;
    background: #ffffff;
    border-bottom: .02rem solid #eeeeee;
    position: relative;
    z-index: 999;
}

.header .container {
    height: inherit;
    line-height: inherit;
}

.header .logo {
    font-size: 0;
    float: left;
}

.header .logo img {
    vertical-align: middle;
    /*max-width: 1.6rem;
    max-height: 1.2rem;*/
    height: .7rem
}

.header .nav {
    height: inherit;
    line-height: inherit;
    display: inline-block;
}

.header .nav > li {
    height: inherit;
    line-height: inherit;
    float: left;
    position: relative;
}

.header .nav > li:hover a, .header .nav > li.active a {
    background: #CE124C;
    color: #ffffff;
}

.header .nav > li > a {
    display: block;
    font-size: .28rem;
    color: #394659;
    padding: 0 .65rem;
    font-weight: 500;
}

.header .nav > li .s-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 3rem;
    z-index: 1;
}

.header .nav > li .s-nav a {
    padding-left: .65rem;
    text-align: left;
    display: block;
    font-size: .24rem;
    line-height: .84rem;
    color: #ffffff;
    position: relative;
}

.header .nav > li .s-nav a:hover:after {
    opacity: 1;
}

.header .nav > li .s-nav a:after {
    content: '';
    display: inline-block;
    width: .26rem;
    height: .2rem;
    background: url(../images/s-nav-icon.png) center/contain no-repeat;
    position: absolute;
    margin: auto;
    top: 0;
    right: .32rem;
    bottom: 0;
    opacity: .5;
}

.header .nav > li:hover .s-nav {
    display: block;
}

.header .user {
    float: right;
    font-size: 0;
    font-weight: 500;
}

.header .user .sign-in img {
    vertical-align: middle;
    width: .26rem;
    margin-right: .21rem;
}

.header .user .sign-in span {
    vertical-align: middle;
    font-size: .28rem;
}

.index-banner .lSSlideOuter {
    height: 10rem;
    position: relative;
}

.index-banner .lSSlideOuter .lightSlider > * {
    height: 10rem;
    background: center/auto 100% no-repeat;
}

.index-banner .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    bottom: .5rem;
    left: 0;
    right: 0;
    line-height: 0;
}

.index-banner .lSSlideOuter .lSPager.lSpg > li {
    padding: 0 .12rem;
}

.index-banner .lSSlideOuter .lSPager.lSpg > li a {
    width: .28rem;
    height: .28rem;
    background-color: #ffffff;
}

.index-banner .lSSlideOuter .lSPager.lSpg > li:hover a, .index-banner .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #B70038;
}

.mock-exam {
    height: 14.6rem;
}

.mock-exam.index-mock-exam {
    height: 14rem;
}

.mock-exam.index-mock-exam .head {
    height: 3.52rem;
    padding-top: 1.33rem;
}

.mock-exam .head {
    height: 3.93rem;
    padding-top: 1.5rem;
    text-align: center;
}

.mock-exam .head .title {
    font-weight: 600;
    font-size: .6rem;
    line-height: .72rem;
    color: #000000;
    margin-bottom: 0.19rem;
}

.mock-exam .head .subtitle {
    font-size: .48rem;
    line-height: .6rem;
    color: #999999;
}

.mock-exam .items {
    width: 21.1rem;
    margin: auto;
}

.mock-exam .items ul {
    text-align: justify;
    line-height: 0;
}

.mock-exam .items ul:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.mock-exam .items li {
    display: inline-block;
    vertical-align: top;
    width: 5.8rem;
    height: 8.6rem;
    background: #ffffff;
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05);
    padding: .6rem .6rem 0;
}

.mock-exam .items .img {
    height: 3.4rem;
    border-radius: .2rem;
    box-shadow: 0rem 0.15rem 0.3rem 0rem rgba(70, 106, 255, 0.1);
    overflow: hidden;
    background: center/cover no-repeat;
    margin-bottom: .56rem;
}

.mock-exam .items .title-subtitle {
    line-height: 1;
    height: .45rem;
    margin-bottom: 0.44rem;
}

.mock-exam .items .title-subtitle .title {
    display: inline-block;
    font-size: .48rem;
    color: #333333;
    vertical-align: middle;
    font-weight: 500;
}

.mock-exam .items .title-subtitle .subtitle {
    font-family: Ubuntu;
    display: inline-block;
    font-size: .36rem;
    color: #999999;
    vertical-align: middle;
}

.mock-exam .items .summary {
    color: #999999;
    font-size: .28rem;
    line-height: .4rem;
    height: 1.36rem;
    margin-bottom: .77rem;
    border-bottom: 1px solid #dddddd;
}

.mock-exam .items .link {
    font-size: .28rem;
    line-height: 1;
    color: #b70038;
    font-weight: 500;
    position: relative;
}

.mock-exam .items .link:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .12rem solid #b70038;
    border-top: .09rem solid transparent;
    border-bottom: .09rem solid transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -.26rem;
}

.bb-t-t-m {
    height: .92rem;
}

.bb-t-t-m.bb {
    border-bottom: .02rem solid #dddddd;
}

.bb-t-t-m .title {
    float: left;
    padding-left: .31rem;
    line-height: .52rem;
    position: relative;
    font-size: .48rem;
    font-weight: 600;
    margin-right: 1.43rem;
}

.bb-t-t-m .title:before {
    content: '';
    display: block;
    width: .06rem;
    background: #b70038;
    border-radius: .03rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.bb-t-t-m .nav-tabs {
    float: left;
}

.bb-t-t-m .nav-tabs li {
    float: left;
    height: .54rem;
    line-height: .52rem;
    position: relative;
}

.bb-t-t-m .nav-tabs li + li {
    margin-left: .79rem;
}

.bb-t-t-m .nav-tabs a {
    font-size: .28rem;
    color: #666666;
    transition: all .3s;
}

.bb-t-t-m .nav-tabs a:after {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 100%;
    height: .02rem;
    background: #b70038;
    transition: all .3s;
}

.bb-t-t-m .nav-tabs a:hover, .bb-t-t-m .nav-tabs a.active {
    color: #b70038;
}

.bb-t-t-m .nav-tabs a:hover:after, .bb-t-t-m .nav-tabs a.active:after {
    right: 0%;
}

.bb-t-t-m .more {
    float: right;
    height: .54rem;
    line-height: .54rem;
    font-size: 0;
}

.bb-t-t-m .more a img {
    height: .21rem;
    vertical-align: middle;
}

.index-course {
    height: 8.78rem;
}

.index-course .list {
    padding-top: 0.24rem;
    text-align: justify;
    line-height: 0;
}

.index-course .list:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.index-course .list a {
    display: inline-block;
    width: 5.4rem;
    transition: all .3s;
}

.index-course .list a:hover {
    box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.05);
}

.index-course .list a > img {
    width: 5.4rem;
    height: 3.4rem;
    border-radius: 0.1rem 0.1rem 0rem 0rem;
}

.index-course .list .info {
    padding: 0.22rem 0.3rem 0;
    height: 2.18rem;
    border: solid 0.02rem #dddddd;
    border-radius: 0rem 0rem 0.1rem 0.1rem;
    border-top: none;
}

.index-course .list .info .title {
    font-size: .28rem;
    text-align: justify;
    line-height: .4rem;
    color: #333333;
    font-weight: 500;
    margin-bottom: 0.1rem;
}

.index-course .list .info .n-h {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #999999;
    margin-bottom: 0.1rem;
}

.index-course .list .info .sub {
    line-height: .36rem;
    font-size: 0;
}

.index-course .list .info .sub .num {
    float: right;
    font-size: .24rem;
    color: #999999;
}

/*免费的*/
.free {
    font-size: 0.28rem;
    color: #45c12d;
}

/*会员等级*/
.vip-level {
    vertical-align: middle;
    height: 0.36rem;
}

.index-news {
    height: 10.52rem;
}

.index-news .list {
    padding-top: .6rem;
    width: 24.8rem;
    margin-bottom: -.6rem;
}

.index-news .list li {
    width: 11.57rem;
    font-size: 0;
    float: left;
    margin-right: .83rem;
    margin-bottom: .6rem;
}

.index-news .list img {
    width: 5rem;
    height: 3.2rem;
    border-radius: 0.1rem;
    margin-right: .39rem;
    vertical-align: middle;
}

.index-news .list .img-wrap {
    display: inline-block;
    width: 5rem;
    height: 3.2rem;
    border-radius: 0.1rem;
    margin-right: .39rem;
    vertical-align: middle;
    background: center/cover no-repeat;
}

.index-news .list .img-wrap:hover ~ .info .title {
    text-decoration: underline;
}

.index-news .list .info {
    display: inline-block;
    vertical-align: middle;
    width: 6.18rem;
}

.index-news .list .title {
    margin-top: -.05rem;
    font-size: .36rem;
    height: 0.92rem;
    line-height: .46rem;
    color: #333333;
    margin-bottom: 0.27rem;
    font-weight: 500;
    text-align: justify;
}

.index-news .list .title:hover {
    text-decoration: underline;
}

.index-news .list .date {
    font-size: .24rem;
    line-height: 1;
    height: .18rem;
    color: #999999;
    font-weight: 500;
    margin-bottom: 0.23rem;
}

.index-news .list .summary {
    font-size: .24rem;
    text-align: justify;
    line-height: .44rem;
    color: #666666;
    margin-bottom: 0.23rem;
}

.index-news .list .more {
    line-height: 1;
    height: .18rem;
    font-size: 0.24rem;
    font-weight: 500;
    color: #b70038;
    opacity: 0.8;
}

.index-news .list .more:hover {
    opacity: 1;
}

.footer {
    height: 4.6rem;
    background: #272F37;
}

.footer .l-l-c {
    float: left;
    padding-top: .8rem;
}

.footer .l-l-c .logo img {
    height: 1.2rem;
    margin-bottom: .49rem;
}

.footer .l-l-c .link {
    margin-bottom: .36rem;
}

.footer .l-l-c .link li {
    float: left;
    line-height: 1;
    padding: 0 .42rem;
}

.footer .l-l-c .link li:first-child {
    padding-left: 0;
}

.footer .l-l-c .link li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.8);
}

.footer .l-l-c .link a {
    font-size: .28rem;
    color: #ffffff;
    opacity: .8;
}

.footer .l-l-c .link a:hover {
    opacity: 1;
}

.footer .l-l-c .copyright {
    font-size: .24rem;
    line-height: .4rem;
    color: #ffffff;
    opacity: 0.5;
}

.footer .q-s {
    float: right;
    padding-top: .9rem;
}

.footer .q-s .qrcode {
    width: 2rem;
    height: 2rem;
    border-radius: .05rem;
    margin-bottom: .45rem;
    float: right;
}

.footer .q-s .shop {
    text-align: right;
}

.footer .q-s .shop img {
    float: right;
    height: .32rem;
    margin-left: .53rem;
    opacity: .5;
}

.footer .q-s .shop img:hover {
    opacity: 1;
}

/*条件筛选*/
.screen {
    background-color: #ffffff;
    border-radius: 0.1rem;
    overflow: hidden;
}

.screen .head {
    height: 1.02rem;
    line-height: 1rem;
    border-bottom: .02rem solid #eeeeee;
    padding-left: .49rem;
    padding-right: .14rem;
    font-size: 0;
}

.screen .head .title {
    float: left;
    font-size: .28rem;
    font-weight: 500;
    color: #333333;
}

.screen .head form {
    position: relative;
}

.screen .head .i-t {
    width: 5rem;
    height: 0.72rem;
    background-color: #eeeeee;
    border-radius: 0.1rem;
    border: none;
    vertical-align: middle;
    font-size: 0.28rem;
    color: #999999;
    padding-left: .29rem;
}

.screen .head .i-s {
    outline: none;
    margin-left: -0.62rem;
    width: 0.32rem;
    height: 0.32rem;
    border: none;
    background: transparent url(../images/course-screen.png) center/cover no-repeat;
    vertical-align: middle;
}

.screen .condition {
    padding: 0.21rem 0.49rem 0.29rem;
}

.screen .condition .items {
    line-height: .8rem;
    font-size: 0;
}

.screen .condition .items .name {
    font-weight: 500;
    font-size: .28rem;
    color: #333333;
    float: left;
    margin-right: 0.21rem;
}

.screen .condition .items a {
    display: inline-block;
    height: .52rem;
    line-height: .48rem;
    border-radius: 0.1rem;
    border: solid 0.02rem transparent;
    padding: 0 .14rem;
    text-align: center;
    font-size: .28rem;
    color: #666666;
    vertical-align: middle;
    margin-right: .42rem;
}

.screen .condition .items a:hover, .screen .condition .items a.active {
    border-color: #b70038;
    color: #b70038;
}

.h102-head {
    height: 1.02rem;
    background: #ffffff;
    border-bottom: .02rem solid #eeeeee;
}

.h102-head .nav-tabs {
    float: left;
}

.h102-head .nav-tabs a {
    display: block;
    float: left;
    line-height: 0.98rem;
    height: 1.02rem;
    font-size: 0.28rem;
    color: #666666;
    padding: 0 .55rem;
    border-right: .02rem solid #eeeeee;
    border-bottom: .04rem solid transparent;
    transition: all .3s;
}

.h102-head .nav-tabs a:hover, .h102-head .nav-tabs a.active {
    color: #b70038;
    font-weight: 500;
    border-bottom-color: #b70038;
}

.h102-head .res-num {
    padding-left: .49rem;
    padding-right: .39rem;
    line-height: 1rem;
    font-size: .28rem;
    color: #999999;
}

.h102-head .res-num span {
    color: #b70038;
}

.h102-head > .title {
    padding-left: .4rem;
    line-height: 1rem;
    font-size: .28rem;
    float: left;
    color: #333333;
    font-weight: 500;
}

.h102-head > .more {
    font-size: 0;
    line-height: 1rem;
    float: right;
}

.h102-head > .more img {
    height: .2rem;
    padding-right: .4rem;
    vertical-align: middle;
}

.h130-head {
    height: 1.3rem;
    line-height: 1.3rem;
    padding: 0 .5rem;
    font-size: 0;
}

.h130-head .bl-title {
    display: inline-block;
    vertical-align: middle;
    font-size: .32rem;
    line-height: 1;
    color: #333333;
    font-weight: 500;
    padding-left: .23rem;
    border-left: .04rem solid #b70038;
}

.h130-head .t-n {
    float: right;
    font-size: .24rem;
    color: #999999;
}

.h130-head .t-n span {
    color: #b70038;
}

/*分页页码*/
.paging {
    text-align: center;
    font-size: 0;
    padding: .6rem 0 .61rem;
}

.paging a {
    display: inline-block;
    height: .64rem;
    line-height: .6rem;
    padding: 0 .17rem;
    min-width: .64rem;
    margin: 0 .03rem;
    border-radius: 0.1rem;
    border: solid 0.02rem #dddddd;
    font-size: .28rem;
    color: #999999;
    transition: all .3s;
}

.paging b {
    display: inline-block;
    height: .64rem;
    line-height: .6rem;
    padding: 0 .17rem;
    min-width: .64rem;
    margin: 0 .03rem;
    border-radius: 0.1rem;
    border: solid 0.02rem #dddddd;
    font-size: .28rem;
    background-color: #dd0044;
    border-color: #dd0044;
    color: #ffffff;
    transition: all .3s;
}


.paging a:hover, .paging a.active {
    background-color: #dd0044;
    border-color: #dd0044;
    color: #ffffff;
}

/*名师推荐*/
.tch-rcmd {
    padding: .1rem .4rem .02rem;
}

.tch-rcmd li {
    padding: .4rem 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.tch-rcmd li + li {
    border-top: 1px solid #eeeeee;
}

.tch-rcmd li img {
    width: 2rem;
    height: 2.5rem;
    margin-right: .3rem;
    vertical-align: top;
    border-radius: .1rem;
}

.tch-rcmd li .text {
    width: 2.89rem;
    display: inline-block;
    vertical-align: middle;
    line-height: .36rem;
}

.tch-rcmd li .name {
    font-size: .32rem;
    color: #333333;
    font-weight: 500;
    margin-bottom: 0.15rem;
}

.tch-rcmd li .name:hover {
    text-decoration: underline;
}

.tch-rcmd li .job {
    font-size: .24rem;
    color: #999999;
    margin-bottom: 0.2rem;
}

.tch-rcmd li .summary {
    font-size: .24rem;
    color: #666666;
}

/*精品课程推荐*/
.course-rcmd {
    padding: .4rem .48rem .4rem .4rem;
}

.course-rcmd li {
    overflow: hidden;
}

.course-rcmd li + li {
    margin-top: .4rem;
}

.course-rcmd li img {
    width: 2.2rem;
    height: 1.38rem;
    border-radius: 0.1rem;
    float: left;
    margin-right: .3rem;
}

.course-rcmd li .text {
    overflow: hidden;
    padding-top: 0.02rem;
}

.course-rcmd li .title {
    font-size: .26rem;
    line-height: .36rem;
    color: #333333;
    font-weight: 500;
    margin-bottom: 0.16rem;
}

.course-rcmd li .title a {
    transition: all .3s;
}

.course-rcmd li .title a:hover {
    color: #b70038;
}

.course-rcmd li .time {
    font-size: .24rem;
    line-height: .4rem;
    color: #999999;
}

/*课程列表*/
.course-list {
    padding-top: .5rem;
    padding-left: .5rem;
    margin-bottom: -.5rem;
    overflow: hidden;
}

.course-list ~ .paging {
    padding-top: 1.24rem;
    padding-bottom: 1.28rem;
}

.course-list .itembox {
    display: block;
    float: left;
    width: 5.2rem;
    transition: all .3s;
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.course-list .itembox:hover {
    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0, 0, 0, 0.05);
}

.course-list .itembox .img {
    width: auto;
    height: auto;
}

.course-list .itembox .img a {
    display: block;
}

.course-list .itembox .img > img {
    width: inherit;
    height: 3.26rem;
    border-radius: 0.1rem 0.1rem 0rem 0rem;
}

.course-list .info {
    padding: 0.22rem 0.28rem 0;
    height: 2.18rem;
    border: solid 0.02rem #dddddd;
    border-radius: 0rem 0rem 0.1rem 0.1rem;
    border-top: none;
}

.course-list .info .title {
    font-size: .28rem;
    text-align: justify;
    line-height: .4rem;
    height: .8rem;
    color: #333333;
    font-weight: 500;
    margin-bottom: 0.1rem;
}

.course-list .info .n-h {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #999999;
    margin-bottom: 0.1rem;
}

.course-list .info .sub {
    line-height: .36rem;
    font-size: 0;
}

.course-list .info .sub .num {
    float: right;
    font-size: .24rem;
    color: #999999;
}

/*课程视频*/
.course-video {
    background: #ffffff;
}

.course-video .video-wrap {
    width: 24rem;
    height: 12rem;
    background: #333333;
    overflow: hidden;
}

.course-video .video-wrap img {
    width: inherit;
    height: inherit;
}

.course-video .video-sub {
    min-height: 2.4rem;
    padding: .5rem .5rem 0;
}

.course-video .video-sub .title {
    font-size: .48rem;
    line-height: 1;
    color: #333333;
    font-weight: 500;
    margin-bottom: .34rem;
}

.course-video .video-sub .info li {
    float: left;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-right: .28rem;
    font-size: 0;
    position: relative;
}

.course-video .video-sub .info li + li {
    padding-left: .3rem;
}

.course-video .video-sub .info li + li:before {
    content: '';
    display: block;
    width: .02rem;
    height: .24rem;
    background: #dddddd;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
}

.course-video .video-sub .info .tch {
    font-size: 0;
}

.course-video .video-sub .info .hp {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: .2rem;
}

.course-video .video-sub .info .text {
    font-size: .24rem;
    color: #666666;
    vertical-align: middle;
}

.course-video .video-sub .info .icon {
    width: .32rem;
    vertical-align: middle;
    margin-right: .19rem;
}

.course-video .video-sub .collect {
    display: block;
    width: 1.88rem;
    height: .6rem;
    line-height: .56rem;
    border-radius: .6rem;
    border: .02rem solid #999999;
    padding-left: .63rem;
    font-size: .24rem;
    color: #999999;
    margin-bottom: .38rem;
    font-weight: 500;
    background: url(../images/collect-icon.png) 0.26rem/0.25rem no-repeat;
}


.course-video .video-sub .active {
    display: block;
    width: 1.88rem;
    height: .6rem;
    line-height: .56rem;
    border-radius: .6rem;
    border: .02rem solid #ff0000;
    padding-left: .63rem;
    font-size: .24rem;
    color: #ff0000;
    margin-bottom: .38rem;
    font-weight: 500;
    background: url(../images/collect-icon.png) 0.26rem/0.25rem no-repeat;
}


.course-video .video-sub .time {
    font-size: 0.24rem;
    color: #999999;
    line-height: 1;
}

/*课程简介*/
.course-description {
    padding: 0.36rem 0.51rem 0.71rem;
    font-size: .28rem;
    line-height: .48rem;
    color: #333333;
}

.course-description .title {
    font-size: .36rem;
    font-weight: 500;
}

/*课程目录*/
.course-catalogue .catalogue {
    padding-bottom: 0.5rem;
}

.course-catalogue .catalogue a {
    display: block;
    padding-left: .77rem;
    padding-right: .5rem;
    height: 0.8rem;
    line-height: 0.8rem;
}

.course-catalogue .catalogue a:hover, .course-catalogue .catalogue a.active {
    background-color: #eeeeee;
}

.course-catalogue .catalogue a:hover .title, .course-catalogue .catalogue a.active .title {
    font-weight: 500;
    color: #b70038;
}

.course-catalogue .catalogue a:hover .duration, .course-catalogue .catalogue a.active .duration {
    color: #b70038;
}

.course-catalogue .catalogue a .sort {
    width: 1.5rem;
    float: left;
    font-size: .28rem;
    color: #999999;
    margin-right: 0.64rem;
}

.course-catalogue .catalogue a .title {
    float: left;
    font-size: .28rem;
    color: #333333;
}

.course-catalogue .catalogue a .duration {
    text-align: right;
    float: right;
    width: 1.09rem;
    background: url(../images/duration-icon.png) left/0.26rem no-repeat;
    font-size: .24rem;
    color: #999999;
}

/*课程评论*/
.course-comment .comment {
    padding: 0 .5rem;
    margin-bottom: .65rem;
}

.course-comment .comment textarea {
    display: block;
    font-size: .28rem;
    min-height: 2.2rem;
    line-height: .48rem;
    color: #999999;
    padding: 0.28rem 0.38rem;
    resize: none;
    width: 100%;
    border-radius: 0.1rem;
    border: solid 0.02rem #dddddd;
    margin-bottom: .2rem;
}

.course-comment .comment .i-s {
    border: none;
    width: 2rem;
    height: .8rem;
    line-height: .8rem;
    background-color: #dd0044;
    border-radius: 0.1rem;
    text-align: center;
    font-size: .28rem;
    color: #ffffff;
    font-weight: 500;
}

.course-comment .list {
    padding: 0 .5rem;
    border-bottom: .02rem solid #eeeeee;
}

.course-comment .list li {
    overflow: hidden;
}

.course-comment .list li + li {
    padding-top: .4rem;
}

.course-comment .list li:last-child .text {
    border-bottom: none;
}

.course-comment .list .hp {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    overflow: hidden;
    border-radius: 100%;
    margin-right: .3rem;
}

.course-comment .list .hp img {
    width: inherit;
    height: inherit;
}

.course-comment .list .text {
    overflow: hidden;
    padding-bottom: 0.2rem;
    border-bottom: .02rem solid #eeeeee;
}

.course-comment .list .text .h {
    line-height: .48rem;
    font-size: 0;
    margin-top: -0.05rem;
    margin-bottom: 0.09rem;
}

.course-comment .list .text .h .title {
    float: left;
    font-size: .26rem;
    color: #333333;
    font-weight: 500;
}

.course-comment .list .text .h .date {
    float: right;
    font-size: .24rem;
    color: #999999;
}

.course-comment .list .text .content {
    font-size: .28rem;
    line-height: .48rem;
    color: #666666;
}

.course-comment .list .text .reply {
    background-color: #eeeeee;
    border-radius: 0.1rem;
    padding: 0.13rem 0.34rem 0.15rem;
    line-height: .48rem;
    margin-bottom: .1rem;
}

.course-comment .list .text .reply .title {
    font-size: .26rem;
    line-height: .48rem;
    font-weight: 500;
    color: #b70038;
    margin-bottom: -0.04rem;
}

/*名师列表*/
.teacher-list > li {
    overflow: hidden;
    padding: .5rem .5rem .48rem;
    border-bottom: .02rem solid #eeeeee;
}

.teacher-list > li img {
    float: left;
    width: 2.8rem;
    height: 3.5rem;
    margin-right: .4rem;
}

.teacher-list > li .text {
    overflow: hidden;
}

.teacher-list > li .text .head {
    min-height: 1.95rem;
    border-bottom: .02rem solid #eeeeee;
}

.teacher-list > li .text .head .h {
    margin-top: -0.1rem;
    line-height: .84rem;
    font-size: 0;
    margin-bottom: 0.08rem;
}

.teacher-list > li .text .head .title {
    font-size: .36rem;
    color: #333333;
    font-weight: 500;
    vertical-align: middle;
    margin-right: .31rem;
}

.teacher-list > li .text .head .title:hover ~ .job {
    color: #666666;
}

.teacher-list > li .text .head .job {
    font-size: .24rem;
    color: #999999;
    vertical-align: middle;
    transition: all .3s;
}

.teacher-list > li .text .head .summary {
    font-size: .24rem;
    line-height: .4rem;
    height: .8rem;
    overflow: hidden;
    color: #666666;
}

.teacher-list > li .text .links {
    overflow: hidden;
    padding-top: 0.21rem;
}

.teacher-list > li .text .links li {
    width: 50%;
    float: left;
    padding: 0 .21rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .26rem;
    color: #666666;
    line-height: .68rem;
    height: .68rem;
}

.teacher-list > li .text .links li a:before {
    content: '';
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background: #999999;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
}

.teacher-list > li .text .links li a:hover {
    color: #b70038;
    text-decoration: underline;
}

.teacher-list > li .text .links li a:hover:before {
    background: #b70038;
}

/*名师头部*/
.t-a-head {
    color: #ffffff;
}

.t-a-head .info {
    padding-top: .8rem;
    float: left;
}

.t-a-head .hp {
    float: left;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    margin-right: .45rem;
}

.t-a-head .hp img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.t-a-head .text {
    overflow: hidden;
}

.t-a-head .text .h {
    line-height: .84rem;
    font-size: 0;
    margin-bottom: 0.145rem;
}

.t-a-head .text .h .title {
    font-size: .48rem;
    font-weight: 500;
    vertical-align: middle;
    margin-right: .27rem;
}

.t-a-head .text .h .job {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .23rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: .4rem;
    text-align: center;
    font-size: .24rem;
    font-weight: 500;
    background: #b70038;
}

.t-a-head .text .summary {
    width: 13.37rem;
    font-size: .24rem;
    line-height: .4rem;
    opacity: .8;
}

.t-a-head .btn-wrap {
    float: right;
    padding-top: 1.7rem;
}

.t-a-head .btn-wrap .btn {
    display: inline-block;
    vertical-align: top;
    width: 1.88rem;
    height: 0.6rem;
    line-height: .56rem;
    border-radius: 0.6rem;
    border: solid 0.02rem #ffffff;
    padding-left: .63rem;
    font-size: .24rem;
    background: url(../images/collect-icon-w.png) 0.26rem/0.25rem no-repeat;
}

.t-a-head .btn-wrap .btn.on {
    background: url(../images/collect-icon-r.png) 0.26rem/0.25rem no-repeat;
    color: #ce124c;
    border-color: #ce124c;
}

/*名师的课程*/
.teacher-course {
    overflow: hidden;
    padding-bottom: .82rem;
}

.teacher-course .head {
    height: 1.7rem;
    line-height: 1.7rem;
    padding: 0 .6rem;
}

.teacher-course .head .bl-title {
    font-size: .48rem;
    font-weight: 600;
    border-left-width: .06rem;
}

.teacher-course .course-list {
    overflow: hidden;
    padding-top: 0;
    padding-left: .6rem;
    margin-bottom: -.7rem;
    width: 25rem;
}

.teacher-course .course-list .itembox {
    margin-right: 0.6666666667rem;
    margin-bottom: .7rem;
}

/*banner搜索*/
.banner-search {
    text-align: center;
    padding-top: 1.8rem;
    color: #ffffff;
}

.banner-search form {
    display: inline-block;
    position: relative;
    margin-bottom: .4rem;
}

.banner-search .i-t {
    padding-left: .4rem;
    border: none;
    width: 12rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    font-size: .28rem;
    color: #999999;
}

.banner-search .i-s {
    cursor: pointer;
    border: none;
    outline: none;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../images/banner-search-icon.png) center/cover no-repeat;
    position: absolute;
    margin: auto;
    top: 0;
    right: .4rem;
    bottom: 0;
    font-size: 0;
}

.banner-search .hot-word {
    font-size: 0;
    line-height: 1;
}

.banner-search .hot-word span, .banner-search .hot-word a {
    font-size: .28rem;
    color: #ffffff;
}

.banner-search .hot-word a + a {
    margin-left: 1.2em;
}

/*标题-选项-更多*/
.t-t-m {
    height: 2.2rem;
    padding-top: 1rem;
    line-height: .54rem;
    font-size: 0;
    overflow: hidden;
}

.t-t-m .title {
    font-size: .48rem;
    font-weight: 600;
    padding-left: .32rem;
    position: relative;
    float: left;
    margin-right: 1.45rem;
}

.t-t-m .title:before {
    content: '';
    display: inline-block;
    width: .06rem;
    background: #b70038;
    border-radius: .06rem;
    position: absolute;
    margin: auto;
    top: .01rem;
    left: 0;
    bottom: .01rem;
}

.t-t-m .nav-tabs li {
    float: left;
    font-size: .28rem;
    margin-right: 2.4em;
    position: relative;
}

.t-t-m .nav-tabs a {
    color: #666666;
    transition: all .3s;
}

.t-t-m .nav-tabs a:after {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 100%;
    height: .02rem;
    background: #b70038;
    transition: all .3s;
}

.t-t-m .nav-tabs a:hover, .t-t-m .nav-tabs a.active {
    color: #b70038;
}

.t-t-m .nav-tabs a:hover:after, .t-t-m .nav-tabs a.active:after {
    right: 0%;
}

.t-t-m .more {
    float: right;
}

.t-t-m .more img {
    height: .21rem;
    vertical-align: middle;
}

/*世界名曲*/
.famous-tune {
    min-height: 8.78rem;
    background: #F5F5F5;
}

.famous-tune-list {
    font-size: 0;
    width: 24.5rem;
    padding-bottom: 0.26rem;
}

.famous-tune-list li {
    width: 4.4rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .5rem;
    margin-bottom: 0.44rem;
}

.famous-tune-list li img {
    width: 4.4rem;
    height: 4.4rem;
    margin-bottom: 0.26rem;
}

.famous-tune-list li .name {
    line-height: .4rem;
    font-size: .28rem;
    color: #333333;
    font-weight: 500;
    word-break: break-all;
    margin-bottom: 0.14rem;
}

.famous-tune-list li .composer {
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
}

/*著名艺术家*/
.artist {
    min-height: 8rem;
    background: #ffffff;
}

.artist ~ .paging {
    padding-top: 0;
    padding-bottom: 2.56rem;
}

.artist-list {
    width: 24.5rem;
    padding-bottom: .5rem;
    overflow: hidden;
}

.artist-list a {
    display: block;
    float: left;
    width: 4.4rem;
    height: 4.8rem;
    padding-top: .65rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    background: #F5F5F5;
    text-align: center;
    transition: all .3s;
}

.artist-list img {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 100%;
    margin: 0 auto 0.32rem;
    transition: all .3s;
}

.artist-list .name {
    font-weight: 500;
    font-size: .28rem;
    line-height: .4rem;
    color: #333333;
}

/*曲库*/
.songbook {
    background: #ffffff;
}

.songbook-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: .54rem;
}

.songbook-table ~ .paging {
    padding: 0;
    margin-bottom: .22rem;
}

.songbook-table th {
    height: .8rem;
    background-color: #F5F5F5;
    font-size: .28rem;
    color: #999999;
    font-weight: 400;
}

.songbook-table th:first-child {
    text-align: left;
    padding-left: .6rem;
    width: 12.77rem;
}

.songbook-table tr:first-child ~ tr {
    height: 1.6rem;
    font-size: 0;
}

.songbook-table tr:first-child ~ tr td:first-child {
    padding-left: .6rem;
}

.songbook-table tr:first-child ~ tr td:first-child ~ td {
    text-align: center;
}

.songbook-table tr:nth-child(odd) {
    background: #fafafa;
}

.songbook-table tr:nth-child(even) {
    background: #ffffff;
}

.songbook-table .cover {
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    margin-right: .38rem;
}

.songbook-table .name {
    font-size: .28rem;
    color: #333333;
    vertical-align: middle;
}

.songbook-table .play, .songbook-table .pause, .songbook-table .download {
    display: inline-block;
    vertical-align: middle;
    width: 0.72rem;
    height: 0.72rem;
    border: .02rem solid #dddddd;
    border-radius: 100%;
    background: left/auto 100% no-repeat;
}

.songbook-table .play:hover, .songbook-table .play.active, .songbook-table .pause:hover, .songbook-table .pause.active, .songbook-table .download:hover, .songbook-table .download.active {
    border-color: #b70038;
    background-position-x: right;
}

.songbook-table .play, .songbook-table .pause {
    margin-right: .18rem;
}

.songbook-table .play {
    background-image: url(../images/songbook-operate-play.png);
}

.songbook-table .pause {
    background-image: url(../images/songbook-operate-pause.png);
}

.songbook-table .download {
    background-image: url(../images/songbook-operate-download.png);
}

.songbook-table .composer {
    font-size: .28rem;
    color: #666666;
}

.songbook-table .duration {
    font-size: .28rem;
    color: #999999;
}

/*播放控制器*/
.play-controller-wrap {
    height: 1.4rem;
}

.play-controller-clone {
    width: 10rem;
    height: 1.2rem;
    margin: 0 auto .2rem;
    background-color: #ffffff;
    box-shadow: 0 0.07rem 0.13rem 0 rgba(0, 0, 0, 0.1);
    border: solid 0.02rem #cccccc;
    overflow: hidden;
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.play-controller {
    visibility: hidden;
    width: 10rem;
    height: 1.2rem;
    margin: 0 auto .2rem;
    background-color: #ffffff;
    box-shadow: 0rem 0.07rem 0.13rem 0rem rgba(0, 0, 0, 0.1);
    border: solid 0.02rem #cccccc;
    overflow: hidden;
    position: relative;
}

.play-controller.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.play-controller .cover {
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    margin-top: 0.18rem;
    margin-left: 0.18rem;
    margin-right: .3rem;
}

.play-controller .jp-audio {
    overflow: hidden;
    /*width: 7.3rem;*/
}

.play-controller .jp-audio .jp-interface {
    width: 100%;
}

.play-controller .jp-audio .jp-controls {
    position: absolute;
    top: .26rem;
    right: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.play-controller .jp-audio.jp-state-playing .jp-play {
    background: center/.18rem no-repeat;
    background-image: url(../images/play-controller-pause.png);
}

.play-controller .jp-audio .jp-play {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    width: .64rem;
    height: .64rem;
    border: solid .03rem #b70038;
    border-radius: 100%;
    padding: 0;
    outline: none;
    text-decoration: none;
    box-shadow: none;
    background: transparent center/.22rem no-repeat;
    background-image: url(../images/play-controller-play.png);
}

.play-controller .jp-audio .jp-time-holder {
    overflow: hidden;
    width: 82%;
    line-height: .84rem;
    font-size: 0;
    text-align: right;
}

.play-controller .jp-audio .jp-n-c {
    float: left;
}

.play-controller .jp-audio .jp-n-c .name {
    font-size: .28rem;
    color: #000000;
    margin-right: .23rem;
    vertical-align: middle;
}

.play-controller .jp-audio .jp-n-c .composer {
    font-size: .24rem;
    color: #999999;
    vertical-align: middle;
}

.play-controller .jp-audio .jp-current-time, .play-controller .jp-audio .jp-duration, .play-controller .jp-audio .jp-slash {
    display: inline-block;
    vertical-align: top;
    font-size: .24rem;
    line-height: .84rem;
    color: #999999;
}

.play-controller .jp-audio .jp-current-time {
    cursor: default;
}

.play-controller .jp-audio .jp-duration {
    cursor: pointer;
}

.play-controller .jp-audio .jp-progress {
    height: .04rem;
    width: 100%;
}

.play-controller .jp-audio .jp-seek-bar {
    background: #cccccc;
    width: 0px;
    height: 100%;
    cursor: pointer;
}

.play-controller .jp-audio .jp-play-bar {
    background: #b70038;
    width: 0px;
    height: 100%;
}

/*艺术家曲库*/
.artist-songbook {
    padding-bottom: 0.97rem;
}

.artist-songbook .t-t-m {
    height: 1.89rem;
    padding-top: .69rem;
}

/*测试头部*/
.test-head {
    min-height: 11rem;
    padding: 1.5rem 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.test-head .pic {
    display: table-cell;
    vertical-align: middle;
    width: 12rem;
    height: 8rem;
    border-radius: .2rem;
}

.test-head .right {
    padding-left: 1.08rem;
}

.test-head .h {
    line-height: .84rem;
    font-size: 0;
    margin-top: -0.06rem;
    margin-bottom: 0.3rem;
}

.test-head .h .title {
    font-size: .72rem;
    color: #333333;
    vertical-align: middle;
    font-weight: 500;
    margin-right: .42rem;
}

.test-head .h .subtitle {
    font-size: .6rem;
    color: #999999;
    vertical-align: middle;
}

.test-head .sub {
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
    margin-bottom: .6rem;
    padding-bottom: 0.53rem;
    border-bottom: .02rem solid #dddddd;
}

.test-head .check {
    margin-bottom: .42rem;
}

.test-head .check a {
    display: inline-block;
}

.test-head .check a + a {
    margin-top: .42rem;
}

.test-head .check a input {
    display: none;
}

.test-head .check a input:hover ~ .text, .test-head .check a input:checked ~ .text {
    color: #b70038;
    border-color: #b70038;
    background: transparent;
}

.test-head .check a .text {
    display: block;
    width: 6rem;
    height: 1rem;
    line-height: 0.96rem;
    padding-left: .41rem;
    background-color: #eeeeee;
    border-radius: .1rem;
    border: .02rem solid transparent;
    font-weight: 500;
    font-size: .36rem;
    color: #666666;
}

.test-head .btn {
    display: block;
    width: 2.6rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #dd0044;
    border-radius: 0.1rem;
    text-align: center;
    font-size: .36rem;
    font-weight: 500;
    color: #ffffff;
}

.test-menu {
    padding-top: .78rem;
    padding-bottom: 1.5rem;
    overflow: hidden;
}

.test-menu .bb-t-t-m {
    height: .94rem;
    margin-bottom: 1rem;
}

.test-menu .list-group-wrap {
    margin: 0 -.6rem;
}

.test-menu .list-group {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-spacing: .6rem 0;
}

.test-menu .list-group .list {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    border-radius: .18rem;
    border: .02rem solid #dddddd;
    overflow: hidden;
}

.test-menu .list-group .list .head {
    height: 1.98rem;
    border-bottom: .02rem solid #dddddd;
    padding-top: 0.52rem;
}

.test-menu .list-group .list .head .title {
    font-weight: 600;
    font-size: .48rem;
    line-height: .72rem;
    color: #333333;
    margin-bottom: -0.16rem;
}

.test-menu .list-group .list .head .subtitle {
    font-size: .36rem;
    line-height: .72rem;
    color: #999999;
}

.test-menu .list-group .list ol {
    padding: 0.4rem 0.5rem;
}

.test-menu .list-group .list li {
    font-size: .32rem;
    line-height: 1.18rem;
    color: #666666;
}

.test-menu .list-group .list li + li {
    border-top: .02rem solid #eeeeee;
}

/*考试中*/
.in-the-test {
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
    margin-top: 1.6rem;
    margin-bottom: 2rem;
    overflow: hidden;
    position: relative;
}

.in-the-test.check .question-wrap {
    width: 18.8rem;
    padding-bottom: .7rem;
}

.in-the-test.check .question-wrap .answer {
    margin-bottom: 0.72rem;
}

.in-the-test.check .question-wrap .correct {
    display: block;
    border-radius: .15rem;
    background: #F5F5F5;
    padding: 0.25rem 0.4rem 0.48rem;
}

.in-the-test.check .question-wrap .correct .title {
    font-size: .28rem;
    font-weight: 500;
    line-height: .6rem;
    color: #333333;
    margin-bottom: 0.1rem;
}

.in-the-test.check .question-wrap .correct .text {
    font-size: .24rem;
    line-height: .3rem;
    color: #666666;
}

.in-the-test .head {
    height: 1rem;
    line-height: 1rem;
    box-shadow: 0rem 0.05rem 0.1rem 0rem rgba(0, 0, 0, 0.08);
    padding: 0 .4rem;
    position: relative;
}

.in-the-test .head .back {
    font-size: 0;
    float: left;
    position: relative;
    z-index: 1;
}

.in-the-test .head .back img {
    height: .28rem;
    vertical-align: middle;
    margin-right: .15rem;
}

.in-the-test .head .back span {
    font-size: .28rem;
    color: #999999;
    vertical-align: middle;
}

.in-the-test .head .title {
    font-size: .36rem;
    color: #333333;
    text-align: center;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.in-the-test .head .t-e {
    position: relative;
    z-index: 1;
    float: right;
    font-size: 0;
    text-align: right;
}

.in-the-test .head .t-e .time {
    padding-left: .48rem;
    height: .28rem;
    line-height: .28rem;
    display: inline-block;
    vertical-align: middle;
    font-size: .12rem;
    color: #999999;
    margin-right: .52rem;
    background: url(../images/test-time.png) left/auto 100% no-repeat;
}

.in-the-test .head .t-e .end {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: .6rem;
    line-height: .6rem;
    text-align: left;
    padding-left: .62rem;
    background: #DD0044 url(../images/test-end.png) 0.2rem/0.28rem no-repeat;
    font-size: .24rem;
    color: #ffffff;
    border-radius: .1rem;
}

.in-the-test .q-s {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.in-the-test .question-wrap {
    display: table-cell;
    vertical-align: top;
    padding: 0.88rem 0.8rem 0.5rem;
}

.in-the-test .question-wrap .title {
    font-weight: 400;
    font-size: .5rem;
    line-height: .4rem;
    color: #333333;
    margin-bottom: 0.54rem;
}

.in-the-test .question-wrap .content {
    margin-bottom: 0.56rem;
    width: 100%;
    /*display: table;*/
    /*table-layout: fixed;*/
}

.in-the-test .question-wrap .content .img-wrap {
    vertical-align: top;
}


.in-the-test .question-wrap .content .img-wrap img {
    vertical-align: top;
    margin: 0 auto;
}

.in-the-test .question-wrap .content img {
    display: block;
    /*
    margin: 0 auto;

     */
}

.in-the-test .question-wrap .content {
    margin-bottom: 1.12rem;
}

.in-the-test .question-wrap .options {
    overflow: hidden;
}

.in-the-test .question-wrap .options li {
    line-height: .8rem;
    color: #666666;
    font-size: 0;
    width: 25%;
    float: left;
    min-height: 24px;
    padding: 5px 0px;

}

.in-the-test .question-wrap .options li .box {
    position: relative;
    /*

    border: 2px solid #DD0044;
     */
    padding: 10px 10px 10px 30px;
    margin-right: 20px;

}


.in-the-test .question-wrap .options.one li {
    width: 100%;
}

.in-the-test .question-wrap .options.two li {
    width: 50%;
}

.in-the-test .question-wrap .options li input {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -9px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.in-the-test .question-wrap .options li input:checked {
    background: #b70038 url(../images/radio_checked.png) no-repeat center / 80%;
    border-color: #b70038;
}

.in-the-test .question-wrap .options li span {
    font-size: .4rem;
    color: #666666;
    vertical-align: middle;
}


.in-the-test .question-wrap .options li span img {
    color: #666666;
    vertical-align: middle;
    margin-left: 10px;
}


.in-the-test .question-wrap .foot {
    border-top: .02rem solid #eeeeee;
    padding: 20px 0;
    text-align: center;
    font-size: 0;
}

.in-the-test .question-wrap .foot .jp2-c {
    display: inline-block;
}

.in-the-test .question-wrap .foot .confirm {
    display: inline-block;
    vertical-align: top;
    width: 12rem;
    height: .8rem;
    line-height: .8rem;
    background: #eeeeee;
    border-radius: .1rem;
    font-size: .28rem;
    color: #333333;
    text-align: center;
}

.in-the-test .question-wrap .foot .next {
    display: inline-block;
    vertical-align: top;
    width: 1.8rem;
    height: .8rem;
    line-height: .76rem;
    border-radius: .1rem;
    border: .02rem solid #DD0044;
    font-size: .28rem;
    color: #DD0044;
}


.in-the-test .question-wrap .correct {
    border-radius: .15rem;
    background: #F5F5F5;
    padding: 0.25rem 0.4rem 0.48rem;
    display: none;
}

.in-the-test .result-wrap {
    padding: 1.77rem 7rem 2.93rem;
}

.in-the-test .result-wrap .text {
    text-align: center;
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
    margin-bottom: 0.75rem;
}

.in-the-test .result-wrap .text a:hover {
    color: #b70038;
}

.in-the-test .result-wrap .bottom {
    border-top: .02rem solid #eeeeee;
    padding-top: .6rem;
    text-align: center;
    font-size: 0;
}

.in-the-test .result-wrap .bottom .btn {
    display: inline-block;
    vertical-align: top;
    width: 2.2rem;
    height: 0.8rem;
    line-height: .76rem;
    border-radius: 0.4rem;
    border: solid 0.02rem #999999;
    font-size: .28rem;
    color: #666666;
}

.in-the-test .result-wrap .bottom .btn + .btn {
    margin-left: .4rem;
}

.in-the-test .result-wrap .bottom .btn:hover {
    background: #999999;
    color: #ffffff;
}

.in-the-test .result-wrap .bottom .btn.next {
    border-color: #dd0044;
    color: #dd0044;
}

.in-the-test .result-wrap .bottom .btn.next:hover {
    background: #dd0044;
    color: #ffffff;
}

.in-the-test .score-bg {
    height: 4.32rem;
    background: url(../images/score-bg.png) center/auto 100% no-repeat;
    position: relative;
    margin-bottom: 1.02rem;
}

.in-the-test .score-bg .score-wrap {
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: .26rem;
    background: url(../images/score-wrap.png) center/100% no-repeat;
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 500;
}

.in-the-test .score-bg .star-level {
    height: 1.31rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.94rem 1.31rem;
}

.in-the-test .score-bg .star-level0 {
    background-image: url(../images/score-star0.png);
}


.in-the-test .score-bg .star-level1 {
    background-image: url(../images/score-star1.png);
}

.in-the-test .score-bg .star-level2 {
    background-image: url(../images/score-star2.png);
}

.in-the-test .score-bg .star-level3 {
    background-image: url(../images/score-star3.png);
}

.in-the-test .score-bg .star-level4 {
    background-image: url(../images/score-star4.png);
}

.in-the-test .score-bg .star-level5 {
    background-image: url(../images/score-star5.png);
}

.in-the-test .stat {
    display: table-cell;
    vertical-align: top;
    position: relative;
    border-left: .02rem solid #eeeeee;
}

.in-the-test .stat .qid {
    width: 4.4rem;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 0.71rem;
}

.in-the-test .stat .qid .title {
    font-size: .32rem;
    line-height: .4rem;
    font-weight: 500;
    color: #333333;
    margin-bottom: -0.01rem;
}

.in-the-test .stat .qid .subtitle {
    font-size: .24rem;
    line-height: .4rem;
    color: #999999;
    margin-bottom: 0.23rem;
}

.in-the-test .stat .qid .list {
    font-size: 0;
    width: 4.56rem;
}

.in-the-test .stat .qid .list a {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    line-height: .56rem;
    text-align: center;
    border-radius: 0.05rem;
    border: solid 0.02rem #dddddd;
    margin-right: .16rem;
    margin-bottom: .16rem;
    font-size: .24rem;
    color: #999999;
}

.in-the-test .stat .qid .list a.active {
    border-color: #dd0044;
    color: #ffffff;
    background: #dd0044;
}

.in-the-test .stat .qid .list a.wrong {
    border-color: #dd0044;
    color: #dd0044;
}

.in-the-test .stat .sub {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2rem;
    line-height: 1.98rem;
    font-size: 0;
    text-align: center;
    border-top: .02rem solid #eeeeee;
}

.in-the-test .stat .sub span {
    font-size: .24rem;
    line-height: .48rem;
    color: #999999;
    padding-left: .44rem;
}

.in-the-test .stat .sub span + span {
    margin-left: 2em;
}

.in-the-test .stat .sub .right {
    background: url(../images/test-right.png) left/0.24rem no-repeat;
}

.in-the-test .stat .sub .wrong {
    background: url(../images/test-wrong.png) left/0.24rem no-repeat;
}

.in-the-test .jp-audio .jp-progress {
    height: 0.8rem;
    line-height: 0.8rem;
    width: 12rem;
    display: inline-block;
    border-radius: .1rem;
    overflow: hidden;
}

.in-the-test .jp-audio .jp-progress .jp-seek-bar {
    background: #eeeeee;
    height: 100%;
    position: relative;
}

.in-the-test .jp-audio .jp-progress .jp-seek-bar .time {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: .28rem;
    color: #333333;
    text-align: center;
}

.in-the-test .jp-audio .jp-progress .jp-play-bar {
    background: #B70038;
    width: 0px;
    height: 100%;
}

.sign-wrap {
    width: 10rem;
    background: #ffffff;
    margin: 1.03rem auto .97rem;
    padding: 1.2rem 1.8rem 1.32rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.05);
}

.sign-wrap .nav-tabs {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.sign-wrap .nav-tabs a {
    display: table-cell;
    height: .8rem;
    line-height: .78rem;
    text-align: center;
    border-bottom: .02rem solid #dddddd;
    font-size: .28rem;
    color: #666666;
}

.sign-wrap .nav-tabs a:hover {
    color: #DD0044;
}

.sign-wrap .nav-tabs a.active {
    color: #DD0044;
    line-height: .74rem;
    border-bottom: none;
    border-top: .06rem solid #dd0044;
    border-left: .02rem solid #dddddd;
    border-right: .02rem solid #dddddd;
}

.sign-wrap .tab-content {
    padding-top: .83rem;
}

.sign-wrap .tab-content .name {
    font-size: .28rem;
    line-height: 1;
    padding-bottom: .26rem;
}

.sign-wrap .tab-content .i-row {
    font-size: 0;
    margin-bottom: .4rem;
}

.sign-wrap .tab-content .i-t {
    width: 100%;
    height: .78rem;
    line-height: .74rem;
    border-radius: .06rem;
    border: .02rem solid #dddddd;
    padding: 0 .38rem;
    font-size: .28rem;
    color: #999999;
    vertical-align: top;
}

.sign-wrap .tab-content .get-vcode {
    cursor: pointer;
    outline: none;
    vertical-align: top;
    background: transparent;
    width: 100%;
    height: .78rem;
    line-height: .74rem;
    border-radius: .06rem;
    border: .02rem solid #dd0044;
    padding: 0 .38rem;
    font-size: .28rem;
    color: #DD0044;
}

.sign-wrap .tab-content .l-c {
    line-height: 1;
}

.sign-wrap .tab-content .i-c {
    vertical-align: middle;
    margin-right: .17rem;
    font-size: 0;
    line-height: 0;
    width: .24rem;
    height: .24rem;
}

.sign-wrap .tab-content .c-a-t {
    font-size: .24rem;
    color: #333333;
    vertical-align: middle;
}

.sign-wrap .tab-content .c-a-t a {
    color: #dd0044;
}

.sign-wrap .tab-content .w340 {
    width: 3.4rem;
}

.sign-wrap .tab-content .w280 {
    width: 2.8rem;
}

.sign-wrap .tab-content .mr20 {
    margin-right: .2rem;
}

.sign-wrap .tab-content .mb70 {
    margin-bottom: .7rem;
}

.sign-wrap .tab-content .sign-btn {
    width: 100%;
    height: .78rem;
    line-height: .74rem;
    border-radius: .06rem;
    border: .02rem solid #DD0044;
    background: #DD0044;
    padding: 0 .38rem;
    font-size: .28rem;
    text-align: center;
    color: #ffffff;
    vertical-align: top;
    cursor: pointer;
    outline: none;
}

.sign-wrap .tab-content .forget {
    font-size: .28rem;
    color: #11b0f1;
}

.pt80 {
    padding-top: .8rem;
}

/*商城筛选*/
.mall-screen {
    padding: 0.4rem 0.4rem 0.36rem;
    width: 4.4rem;
    min-height: 8rem;
    border: .02rem solid #cccccc;
    float: left;
}

.mall-screen dl + dl {
    margin-top: 0.48rem;
}

.mall-screen dt {
    font-size: .32rem;
    color: #000000;
    line-height: .31rem;
    font-weight: 500;
    margin-bottom: 0.31rem;
}

.mall-screen dd {
    line-height: .5rem;
    font-size: 0;
}

.mall-screen dd.active .state {
    border-color: #d41751;
    background: url(../images/mall-screen-state.png) center/0.32rem no-repeat;
}

.mall-screen dd .state {
    display: inline-block;
    vertical-align: middle;
    width: 0.32rem;
    height: 0.32rem;
    border: .02rem solid #cccccc;
    margin-right: .18rem;
}

.mall-screen dd .text {
    display: inline-block;
    font-size: .28rem;
    line-height: 1;
    color: #666666;
    vertical-align: middle;
}

.path {
    height: 1.21rem;
    line-height: 1.21rem;
    font-size: 0;
}

.path span {
    font-size: .28rem;
    color: #999999;
}

.path span:first-child + span:before {
    display: none;
}

.path span + span:before {
    content: '> ';
}

.path span a:hover {
    color: #666666;
}

/*商品列表*/
.goods {
    width: 18.66rem;
    float: right;
}

.goods .res-text {
    line-height: 1.11rem;
    font-size: .32rem;
    color: #999999;
}

.goods .res-text .num {
    color: #d41751;
}

.goods .paging {
    padding-top: 1.66rem;
    padding-bottom: 1.73rem;
}

.goods .list {
    width: 19.29rem;
    font-size: 0;
    line-height: 0;
    margin-bottom: -.54rem;
}

.goods .list li {
    width: 5.8rem;
    margin-bottom: .54rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.63rem;
}

.goods .list .img-wrap {
    display: block;
    width: 5.8rem;
    height: 5.8rem;
    border: .02rem solid #cccccc;
    margin-bottom: 0.35rem;
    background: #ffffff center/contain no-repeat;
}

.goods .list .img-wrap:hover {
    border-color: #d41751;
}

.goods .list .buy {
    float: right;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    border: .02rem solid #dddddd;
    margin-top: 0.05rem;
    background: #ffffff url(../images/goods-buy.png) center top/0.76rem no-repeat;
    margin-left: .5rem;
}

.goods .list .buy:hover, .goods .list .buy.active {
    border-color: #d41751;
    background-position-y: bottom;
}

.goods .list .title {
    font-size: .28rem;
    height: .64rem;
    overflow: hidden;
    color: #333333;
    font-weight: 500;
    line-height: 0.32rem;
}

.goods .list .title:hover {
    color: #d41751;
}

.goods .list .num {
    font-weight: 500;
    font-size: .32rem;
    line-height: .24rem;
    color: #d41751;
    clear: both;
}

.goods-details .slide {
    width: 9rem;
    float: left;
    margin-right: 1rem;
}

.goods-details .slide .lSSlideWrapper {
    width: 9rem;
    height: 9rem;
    border: .02rem solid #dddddd;
}

.goods-details .slide .lSSlideOuter .lightSlider > * {
    height: 9rem;
    overflow: hidden;
}

.goods-details .slide .lSSlideOuter .lightSlider > * img {
    margin-top: -.02rem;
    margin-left: -.02rem;
}

.goods-details .slide .lSSlideOuter .lSPager.lSGallery li {
    border: .02rem solid #dddddd;
}

.goods-details .slide .lSSlideOuter .lSPager.lSGallery li.active, .goods-details .slide .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0;
    border-color: #d41751;
}

.goods-details .info {
    padding-top: 0.4rem;
}

.goods-details .info .title {
    font-size: .6rem;
    line-height: .8rem;
    color: #333333;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.goods-details .info .sub {
    font-size: .28rem;
    line-height: .4rem;
    color: #999999;
    margin-bottom: 0.66rem;
}

.goods-details .info .price {
    font-size: .48rem;
    font-weight: 500;
    color: #d41751;
    line-height: .36rem;
    margin-bottom: .25rem;
}

.goods-details .info .point {
    font-size: 0;
    line-height: .24rem;
    color: #999999;
}

.goods-details .info .point span, .goods-details .info .point a {
    font-size: .24rem;
    vertical-align: middle;
}

.goods-details .info .point span {
    margin-right: .33rem;
}

.goods-details .info .point a {
    display: inline-block;
    color: #527fd2;
    padding-left: .42rem;
    background: url(../images/point-icon.png) left/auto 100% no-repeat;
}

.goods-details .info hr {
    margin-top: .57rem;
    margin-bottom: .79rem;
    border: .02rem solid #eeeeee;
    border-bottom: none;
}

.goods-details .info .buy a {
    display: block;
    width: 3.8rem;
    height: .8rem;
    line-height: .76rem;
    background-color: #ffffff;
    border: .02rem solid #cccccc;
    padding-left: 1.47rem;
    font-size: .32rem;
    color: #999999;
    background: center top/100% no-repeat;
}

.goods-details .info .buy a + a {
    margin-top: .4rem;
}

.goods-details .info .buy a:hover {
    border-color: #D41751;
    background-color: #D41751;
    color: #ffffff;
}

.goods-details .info .buy a.jd {
    background-image: url(../images/buy-jd.png);
}

.goods-details .info .buy a.jd:hover {
    background-position-y: bottom;
}

.goods-details .info .buy a.tm {
    background-image: url(../images/buy-tm.png);
}

.goods-details .info .buy a.tm:hover {
    background-position-y: bottom;
}

.goods-details .head {
    margin-bottom: 1.29rem;
}

.goods-details .bb-t-t-m {
    height: 1.16rem;
}

.goods-details .content {
    padding-top: 1.7rem;
    min-height: 19.24rem;
}

.n-a-h-n {
    float: left;
}

.n-a-h-n .h {
    margin-bottom: 0.82rem;
}

.n-a-h-n .h .title {
    font-size: .48rem;
    color: #333333;
    line-height: .48rem;
    padding-left: .3rem;
    position: relative;
    margin-bottom: .14rem;
}

.n-a-h-n .h .title:before {
    content: "";
    display: block;
    width: .06rem;
    height: .4rem;
    border-radius: .03rem;
    background-color: #b70038;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
}

.n-a-h-n .h .subtitle {
    padding-left: .3rem;
    font-size: .28rem;
    color: #999999;
    line-height: .21rem;
}

.n-a-h-n .nav {
    padding-left: .3rem;
}

.n-a-h-n .nav li {
    line-height: .8rem;
    font-size: .28rem;
    color: #999999;
}

.n-a-h-n .nav li a:hover,
.n-a-h-n .nav li a.active {
    color: #000000;
}

.news {
    padding-top: 1.22rem;
}

.news .list-wrap {
    float: right;
    width: 19.18rem;
}

.news .list-wrap .paging {
    padding: 1rem 0;
}

.news .list {
    width: 100%;
}

.news .list li {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: .5rem;
    border-bottom: .02rem dotted #cccccc;
}

.news .list li + li {
    margin-top: .5rem;
}

.news .list .img-wrap {
    display: table-cell;
    vertical-align: middle;
    width: 5rem;
    height: 3.2rem;
    background-color: #dddddd;
    border-radius: .1rem;
    background: center/cover no-repeat;
}

.news .list .img-wrap:hover ~ .text .title {
    text-decoration: underline;
}

.news .list .text {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    padding-left: .8rem;
}

.news .list .text .title {
    margin-top: -0.18rem;
    font-size: .36rem;
    line-height: .72rem;
    color: #333333;
    margin-bottom: -0.08rem;
}

.news .list .text .title:hover {
    text-decoration: underline;
}

.news .list .text .date {
    font-size: .24rem;
    line-height: .72rem;
    color: #999999;
    margin-bottom: 0.11rem;
}

.news .list .text .summary {
    font-size: .28rem;
    line-height: .44rem;
    color: #666666;
    margin-bottom: 0.33rem;
}

.news .list .text .vm {
    font-size: .24rem;
    line-height: .18rem;
    color: #b70038;
    opacity: .8;
}

.news .list .text .vm:hover {
    opacity: 1;
}

.news .details {
    float: right;
    width: 19.19rem;
    padding-bottom: 3.19rem;
}

.news .details .back {
    line-height: .48rem;
    font-size: 0;
    margin-bottom: 0.44rem;
}

.news .details .back img {
    height: .28rem;
    vertical-align: middle;
    margin-right: .19rem;
}

.news .details .back span {
    font-size: .28rem;
    color: #999999;
    vertical-align: middle;
}

.news .details .head {
    padding-bottom: 0.3rem;
    border-bottom: .02rem dotted #cccccc;
}

.news .details .head .title {
    font-size: .48rem;
    line-height: .72rem;
    color: #333333;
    font-weight: 500;
    margin-bottom: 0.15rem;
}

.news .details .head .date {
    font-size: .24rem;
    line-height: .72rem;
    color: #999999;
}

.news .details .content {
    text-align: justify;
    font-size: .28rem;
    line-height: .44rem;
    color: #666666;
    padding-top: 0.57rem;
    padding-bottom: 0.74rem;
    border-bottom: .02rem dotted #cccccc;
    margin-bottom: 0.43rem;
}

.news .details .p-n {
    font-size: .28rem;
    line-height: .6rem;
    color: #999999;
}

.news .details .p-n a:hover {
    color: #000000;
    text-decoration: underline;
}

.about {
    padding-top: 1.2rem;
}

.about .details {
    width: 19.19rem;
    float: right;
}

.about .details .title {
    font-size: .48rem;
    line-height: .48rem;
    font-weight: 500;
    padding-bottom: .73rem;
    text-align: center;
    border-bottom: .02rem dotted #cccccc;
}

.about .details .content {
    font-size: .28rem;
    line-height: .44rem;
    color: #666666;
    text-align: justify;
    padding-top: 0.58rem;
    padding-bottom: 2.06rem;
}

.uc-head {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 200px;
}

.uc-head .hp-wrap {
    width: 2.8rem;
    display: table-cell;
    vertical-align: middle;
}

.uc-head .hp-wrap .hp {
    width: 2.8rem;
    height: 2.8rem;
    background: #ffffff center/cover no-repeat;
    border: .04rem solid #ffffff;
    border-radius: 100%;
}

.uc-head .info {
    display: table-cell;
    vertical-align: middle;
    padding-left: .53rem;
    overflow: hidden;
}

.uc-head .info .h {
    font-size: 0;
    line-height: .8rem;
    margin-top: -0.16rem;
    margin-bottom: 0.12rem;
}

.uc-head .info .h .title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    line-height: .48rem;
    font-size: .48rem;
    color: #ffffff;
    margin-right: .29rem;
}

.uc-head .info .h .vip {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0px 5px;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    border-radius: .22rem;
    font-size: .24rem;
    color: #ffffff;
    background: #B70038;
}

.uc-head .info .s-a {
    color: rgba(255, 255, 255, 0.5);
    font-size: .24rem;
    line-height: 1;
    margin-bottom: 0.16rem;
}

.uc-head .info .s-a .sex {
    margin-right: 1.5em;
    padding-left: .38rem;
    background: url(../images/sex-women.png) left center/auto 100% no-repeat;
}

.uc-head .info .summary {
    font-size: .24rem;
    line-height: .4rem;
    color: #999999;
    margin-bottom: -0.08rem;
}

.pt60b70 {
    padding-top: .6rem;
    padding-bottom: .7rem;
}

.uc {
    border-radius: .1rem;
    background: #ffffff;
    min-height: 12rem;
    overflow: hidden;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.uc .t-t-m {
    padding: 0;
    height: auto;
}

.uc .menu {
    display: table-cell;
    vertical-align: top;
    width: 4.02rem;
    border-right: .02rem solid #eeeeee;
}

.uc .menu li {
    width: 100%;
    border-bottom: .02rem solid #eeeeee;
}

.uc .menu li:hover, .uc .menu li.active {
    background-color: #B70038;
    background-image: linear-gradient(90deg, #d51751 0%, #b70038 100%), linear-gradient(#dd0044, #dd0044);
}

.uc .menu li:hover a, .uc .menu li.active a {
    color: #ffffff;
    background-position-y: bottom;
}

.uc .menu a {
    width: 100%;
    display: block;
    font-size: .28rem;
    height: 1rem;
    line-height: 1rem;
    color: #666666;
    padding-left: .6rem;
    background: url(../images/uc-menu-arr.png) 3.45rem top/auto 2rem no-repeat;
}

.uc .right {
    display: table-cell;
    vertical-align: top;
}

.uc .pl32 {
    padding-left: .32rem;
}

.uc .home .head {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 3.06rem;
    border-bottom: .02rem solid #eeeeee;
}

.uc .home .head .welcome {
    width: 4.77rem;
    line-height: 1;
    padding-left: 1.1rem;
}

.uc .home .head .welcome .text {
    font-size: .48rem;
    color: #333333;
    margin-bottom: .12rem;
}

.uc .home .head .welcome .name {
    font-size: .28rem;
    color: #999999;
}

.uc .home .head .stat {
    width: 8.61rem;
    position: relative;
}

.uc .home .head .stat:before, .uc .home .head .stat:after {
    content: '';
    display: inline-block;
    width: .02rem;
    height: 1rem;
    background-color: #eeeeee;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}

.uc .home .head .stat:before {
    left: 0;
}

.uc .home .head .stat:after {
    right: 0;
}

.uc .home .head .stat ul {
    border-left: .02rem solid #eeeeee;
    border-right: .02rem solid #eeeeee;
}

.uc .home .head .stat li {
    width: 33.33%;
    float: left;
    text-align: center;
}

.uc .home .head .stat li .h {
    font-size: .48rem;
    line-height: .36rem;
    color: #333333;
    margin-bottom: .19rem;
}

.uc .home .head .stat li .d {
    line-height: 1;
    font-size: .24rem;
    color: #999999;
}

.uc .home .head .c-s {
    text-align: center;
    font-size: 0;
}

.uc .home .head .c-s .credits {
    font-size: .28rem;
    color: #999999;
    vertical-align: middle;
    margin-right: .52rem;
}

.uc .home .head .c-s .credits a {
    color: #DD0044;
}

.uc .home .head .c-s .s {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 0.72rem;
    line-height: 0.72rem;
    background-color: #DD0044;
    border-radius: .36rem;
    color: #ffffff;
    font-size: .28rem;
}

.uc .home .collect {
    padding-top: 0.83rem;
    padding-left: 1.1rem;
}

.uc .home .collect .t-t-m {
    margin-bottom: .46rem;
}

.uc .home .collect .course-list {
    padding: 0;
}

.uc .home .collect .course-list a {
    width: 5.4rem;
    margin-right: .8rem;
    margin-bottom: .8rem;
}

.uc .data {
    padding-left: 2rem;
    padding-top: 1.01rem;
}

.uc .data .hp-wrap {
    float: left;
    text-align: center;
}

.uc .data .hp-wrap .hp {
    width: 3.2rem;
    height: 3.2rem;
    background: #F5F5F5 center/cover no-repeat;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: .31rem;
}

.uc .data .hp-wrap .warn {
    display: inline-block;
    text-align: left;
    font-size: .24rem;
    line-height: 0.29rem;
    color: #999999;
    margin-bottom: 0.36rem;
}

.uc .data .hp-wrap .btn {
    display: block;
    margin: 0 auto;
    width: 2.2rem;
    height: .8rem;
    line-height: .76rem;
    border-radius: .1rem;
    border: .02rem solid #cccccc;
    font-size: .28rem;
    color: #999999;
}

.uc .data .data-wrap {
    overflow: hidden;
    padding-left: 2.1rem;
    padding-top: .36rem;
    padding-right: 2rem;
    padding-bottom: 1.6rem;
}

.uc .data .data-wrap .lh80 {
    line-height: .8rem;
}

.uc .data .data-wrap .mb77 {
    margin-bottom: .77rem;
}

.uc .data .data-wrap .name {
    font-size: .28rem;
    line-height: .8rem;
    color: #333333;
    font-weight: 500;
    margin-right: .45rem;
    margin-bottom: 0.06rem;
}

.uc .data .data-wrap .account {
    font-size: .28rem;
    color: #999999;
}

.uc .data .data-wrap .change {
    display: inline-block;
    float: right;
    width: 2.2rem;
    height: .8rem;
    line-height: .76rem;
    text-align: center;
    border: .02rem solid #999999;
    border-radius: .1rem;
    font-size: .28rem;
    color: #666666;
}

.uc .data .data-wrap .i-t {
    width: 100%;
    display: block;
    height: .8rem;
    line-height: .76rem;
    border-radius: .1rem;
    border: .02rem solid #dddddd;
    font-weight: 500;
    font-size: .28rem;
    color: #333333;
    padding: 0 .37rem;
    margin-bottom: 0.34rem;
}

.uc .data .data-wrap .mb34 {
    margin-bottom: 0.34rem;
}

.uc .data .data-wrap .s-o {
    margin-right: .3rem;
    min-width: 3rem;
    display: block;
    height: .8rem;
    line-height: .76rem;
    border-radius: .1rem;
    border: .02rem solid #dddddd;
    font-weight: 500;
    font-size: .28rem;
    color: #333333;
    padding: 0 .37rem;
    appearance: none;
    background: url(../images/s-o-icon.png) right 0.28rem center/0.16rem no-repeat;
}

.uc .data .data-wrap .save-wrap {
    margin-top: .8rem;
    border-top: .02rem solid #dddddd;
    text-align: center;
    padding-top: .46rem;
}

.uc .data .data-wrap .save-wrap .i-s {
    display: inline-block;
    width: 2.4rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .1rem;
    text-align: center;
    font-size: .28rem;
    color: #ffffff;
    border: none;
    font-weight: 500;
    background: #DD0044;
}

.uc .vip {
    padding-top: 1.08rem;
    padding-left: 1.09rem;
    padding-right: 2.55rem;
    padding-bottom: 2.75rem;
}

.uc .vip .t-t-m {
    margin-bottom: .8rem;
}

.uc .vip .t-t-m .warn {
    display: inline-block;
    line-height: 1;
    vertical-align: bottom;
    font-size: .28rem;
    color: #999999;
}

.uc .vip .t-t-m .warn a {
    text-decoration: underline;
    color: #333333;
}

.uc .vip .t-t-m .warn .num {
    color: #dd0044;
}

.uc .vip .mlr-m40 {
    margin-left: -.4rem;
    margin-right: -.4rem;
}

.uc .vip .level {
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 1.4rem;
    border-spacing: .4rem 0;
}


.uc .vip .level > .last {
    display: table-cell;
    vertical-align: middle;
    border-radius: .1rem;
    border: .04rem solid #eeeeee;
    padding-left: 1.14rem;
    width: 3.2rem;
    font-size: .28rem;
    color: #dd0044;
    text-align: left;
    background: url(../images/cdkey-icon.png) 0.66rem center/0.28rem no-repeat;
}

.uc .vip .level > .last:hover, .uc .vip .level > .last.active {
    border-color: #dd0044;
}

.uc .vip .level > a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.uc .vip .level > a.active .status {
    border-color: #dd0044;
    /*border-color: #dd0044;
                           border-bottom-right-radius: 0;

                           &:after{
                                   content: '';
                                   display: block;
                                   @include square(.5rem);
                                   background: url(../images/vip-checked-rb.png) right bottom/contain no-repeat;
                                   position: absolute;
                                   right: -.04rem;
                                   bottom: -.04rem;
                           }*/
}

.uc .vip .level > a.active .title {
    color: #333333;
}

.uc .vip .level > a.active .price .num {
    color: #dd0044;
}

.uc .vip .level > a .status {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .1rem;
    border: .04rem solid #eeeeee;
}

.uc .vip .level > a .status .text {
    font-size: 12px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    color: #999999;
}


.uc .vip .level > a:hover .status {
    border-color: #dd0044;
}

.uc .vip .level > a:hover .status .text {
    font-size: 12px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    color: #dd0044;
}

.uc .vip .level > a.no {
    border-radius: .1rem;
    background: #eee;
}

.uc .vip .level > a.no:hover .status {
    border-color: #eee;
}

.uc .vip .level > a.no:hover .status .text {
    color: #999;
}


.uc .vip .level > a.active .status .text {
    font-size: 12px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    color: #dd0044;
}

.uc .vip .level > a .title {
    font-size: .36rem;
    color: #999999;
    line-height: .72rem;
    font-weight: 500;
    margin-bottom: -0.21rem;
}

.uc .vip .level > a .price {
    font-size: .20rem;
    color: #999999;
    line-height: .72rem;
}

.uc .vip .way {
    margin-top: .84rem;
}

.uc .vip .way .title {
    font-weight: 600;
    font-size: .32rem;
    line-height: 1;
    color: #000000;
    margin-bottom: .31rem;
}

.uc .vip .way .tab-wrap {
    width: 100%;
    min-height: 7rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    border: solid 0.04rem #eeeeee;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.uc .vip .way .tab-wrap .nav-tabs {
    width: 2.78rem;
    display: table-cell;
    vertical-align: top;
    background: #F5F5F5;
}

.uc .vip .way .tab-wrap .nav-tabs li {
    cursor: pointer;
    height: 1.4rem;
    line-height: 1.4rem;
}

.uc .vip .way .tab-wrap .nav-tabs li.wcpay {
    background: url(../images/wcpay.png) center/1.88rem no-repeat;
}

.uc .vip .way .tab-wrap .nav-tabs li.alipay {
    background: url(../images/alipay.png) center/1.54rem no-repeat;
}

.uc .vip .way .tab-wrap .nav-tabs li:hover, .uc .vip .way .tab-wrap .nav-tabs li.active {
    background-color: #ffffff;
}

.uc .vip .way .tab-wrap .tab-content {
    display: table-cell;
    vertical-align: top;
}

.pay-wrap {
    width: 2.8rem;
    margin: 1.36rem auto;
}

.pay-wrap .qrcode-wrap {
    padding: .1rem;
    border: .02rem solid #F5F5F5;
    margin-bottom: .1rem;
}

.pay-wrap .text {
    height: 0.56rem;
    line-height: 0.56rem;
    background: #F3F3F3;
    text-align: center;
    font-size: .24rem;
    color: #666666;
}

.uc .collect {
    padding-top: 0.49rem;
    padding-left: 1.08rem;
    padding-bottom: 1.55rem;
}

.uc .collect .t-t-m {
    margin-bottom: .46rem;
}

.uc .collect .course-list {
    padding: 0;
    margin-bottom: -.8rem;
}

.uc .collect .course-list a {
    width: 5.4rem;
    margin-right: .8rem;
    margin-bottom: .8rem;
}

.uc .exam {
    padding-top: 1.08rem;
    padding-left: 1.09rem;
    padding-right: 1.46rem;
}

.uc .exam .t-t-m {
    margin-bottom: .54rem;
}

.uc .exam .paging {
    padding-top: .8rem;
    padding-bottom: 1.82rem;
}

.uc .right.credits {
    padding-left: 1.09rem;
    padding-top: 1.08rem;
    padding-right: 1.46rem;
}

.uc .right.credits .t-t-m {
    margin-bottom: .62rem;
}

.uc .right.credits .rules {
    font-size: .24rem;
    line-height: .4rem;
    color: #666666;
    margin-top: 0.37rem;
}

.uc .right.credits .rules .title {
    font-size: .28rem;
    line-height: .72rem;
    font-weight: 600;
    color: #000000;
    margin-bottom: -0.04rem;
}

.uc .table {
    width: 100%;
    border-radius: .1rem;
    border: .02rem solid #dddddd;
    border-collapse: collapse;
}

.uc .table.table-bordered td, .uc .table.table-bordered th {
    border: .02rem solid #dddddd;
}

.uc .table.table-bordered tr:first-child ~ tr td {
    height: .8rem;
}

.uc .table.table-bordered th:first-child,
.uc .table.table-bordered td:first-child {
    text-align: center;
    padding: 0;
}

.uc .table.table-bordered .time {
    font-size: .12rem;
    color: #999999;
}

.uc .table.table-bordered .description {
    font-size: .12rem;
    color: #666666;
}

.uc .table.table-bordered .credits {
    font-size: .12rem;
    color: #333333;
}

.uc .table tr {
    border: .02rem solid #dddddd;
}

.uc .table tr:first-child {
    height: .8rem;
    background: #F5F5F5;
}

.uc .table tr:first-child th {
    font-size: .24rem;
    color: #333333;
    font-weight: 500;
}

.uc .table tr:first-child ~ tr td {
    height: 1rem;
}

.uc .table tr th:first-child,
.uc .table tr td:first-child {
    text-align: left;
    padding-left: .38rem;
}

.uc .table tr th:first-child ~ td,
.uc .table tr td:first-child ~ td {
    text-align: center;
}

.uc .table tr .name {
    font-size: .28rem;
    font-weight: 500;
    color: #333333;
}

.uc .table tr .score {
    font-size: .28rem;
    color: #DD0044;
}

.uc .table tr .date {
    font-size: .28rem;
    color: #999999;
}

.uc .table tr .btn {
    display: inline-block;
    width: 1.6rem;
    height: .6rem;
    line-height: .56rem;
    border-radius: .1rem;
    border: .02rem solid #dddddd;
    font-size: .24rem;
    color: #999999;
    text-align: center;
}

.uc .table tr .btn:hover {
    border-color: #B70038;
    background: #B70038;
    color: #ffffff;
}

#__bs_notify__ {
    display: none !important;
}

/*# sourceMappingURL=style.css.map */


.vcodenewform {
    width: auto;
    height: 40px;
}

.vcodenewform input.inp {
    display: block;
    width: 140px;
    height: 40px;
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 10px;
    margin-right: 10px;
}

.vcodenewform img.img {
    height: 40px;
    float: left;
    cursor: pointer;
    border-radius: 5px;
}

.myCollection {
    width: auto;
    height: auto;
}

.myCollection .hd {
    width: auto;
    height: auto;
    overflow: hidden;
}

.myCollection .hd ul li {
    width: auto;
    height: 27px;
    line-height: 26px;
    float: left;
    margin-right: 40px;
    cursor: pointer;
    position: relative;
    font-size: .28rem;
    transition: all .3s;
}

.myCollection .hd ul li:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 0;
    height: 1px;
    background: #b70038;
    transition: all .3s;
    opacity: 0;
    font-size: 0;
    line-height: 0;
}

.myCollection .hd ul li.on {
    color: #b70038;
}

.myCollection .hd ul li.on:after {
    opacity: 1;
    width: 100%;
}


.listeningmore {
    width: auto;
    height: auto;
    text-align: center;
    padding-bottom: 50px;
}

.listeningmore a {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 36px;
    font-size: 14px;
    color: #b70038;
    border: 1px solid #b70038;
    font-weight: normal;
    padding: 0 20px;
    border-radius: 5px;
}


.course-list .itembox .img img {
    width: 260px;
    height: 173px;
}

.coursenavnew {
    width: auto;
    height: auto;
}

.coursenavnew ul {
    overflow: hidden;
    display: block;
    padding: 0 0 15px 25px;
}

.coursenavnew ul li {
    width: 192px;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.coursenavnew ul li a {
    display: block;
    width: auto;
    height: auto;
}

.coursenavnew ul li a .img {
    width: 192px;
    height: 120px;

    font-size: 0;
}

.coursenavnew ul li a .img img {
    width: 192px;
    height: 120px;
}

.coursenavnew ul li a .con {
    width: auto;
    height: auto;
    padding-top: 10px;
}

.coursenavnew ul li a .con .tit {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #333333;
}

.coursenavnew ul li a .con .txt {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    padding-top: 8px;
    position: relative;
}

.coursenavnew ul li a .con .txt span {
    position: absolute;
    right: 0;
    bottom: 0;
}


.newshaoguan {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.newshaoguan-title {
    width: auto;
    height: auto;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding-top: 45px;
}

.newshaoguan-title b {
    display: block;
    width: 40px;
    height: auto;
    padding-top: 10px;
    border-bottom: 3px solid #C40A43;
    margin: 0 auto;
}

.newshaoguan-tabs {
    width: auto;
    height: auto;
    text-align: center;
    padding-top: 45px;
}

.newshaoguan-tabs ul {
    display: inline-block;
    overflow: hidden;
}

.newshaoguan-tabs ul li {
    width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
}

.newshaoguan-tabs ul li:last-child {
    margin-right: 0;
}

.newshaoguan-tabs ul li a {
    display: block;
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 30px;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    background: #F1F1F1;
    border-radius: 4px;
}

.newshaoguan-tabs ul li a.on {
    background: #C40A43;
    color: #ffffff;
}

.newshaoguan-list {
    width: 1194px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.newshaoguan-list ul {
    display: block;
    width: 1224px;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
}

.newshaoguan-list ul li {
    width: 276px;
    height: 197px;
    float: left;
    margin: 0 30px 30px 0;
}

.newshaoguan-list ul li a {
    display: block;
    width: 276px;
    height: 197px;
    position: relative;
    transition: all .4s;
}

.newshaoguan-list ul li a .type {
    width: 276px;
    height: 95px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    font-size: 14px;
    color: #C40A43;
    font-weight: bold;
    line-height: 1;
    padding: 64px 0 0 44px;
    background: url("../images/box.png") no-repeat;
    background-image: -webkit-image-set(url(../images/box.png) 1x, url(../images/box@2x.png) 2x);
    background-size: 100% 100%;
}

.newshaoguan-list ul li a .box {
    width: 266px;
    height: 197px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin: 0 auto;
    transition: all .4s;
}

.newshaoguan-list ul li a .box .name {
    width: auto;
    height: auto;
    line-height: 55px;
    text-align: center;
    margin: 0 20px;
    border-bottom: 1px dashed #eee;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}

.newshaoguan-list ul li a .box .star {
    width: auto;
    height: auto;
    font-size: 0;
    text-align: center;
    padding-top: 15px;
}

.newshaoguan-list ul li a .box .star span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 3px;
    background: url("../images/boxstar.png") no-repeat;
    background-image: -webkit-image-set(url(../images/boxstar.png) 1x, url(../images/boxstar@2x.png) 2x);
}

.newshaoguan-list ul li a:hover {
    transform: translateY(-10px);
}

.newshaoguan-list ul li a:hover .box {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.in-the-test .question-wrap.datiwrap {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
}

.datiscroll {
    width: 100%;
    /*height: 700px;*/
    overflow: auto;
    padding: 40px;
    margin-bottom: 80px;
}

.datifoot {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.jp-type-single {
    position: relative;
}

.jp-progress {
    padding-right: 80px;
    border-radius: 0;
}

.jp-seek-bar {
    border-radius: .1rem;
    overflow: hidden;
}

.jp-controls {
    position: absolute;
    right: 0;
    top: 0;
}

.jp-controls button {
    display: block;
    width: 70px;
    height: 40px;
    border: 0 none;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #ffffff;
    background: #DD0044;
    border-radius: .1rem;
    cursor: pointer;
    font-size: 14px;
}

.jp-controls button.active {
    display: block;
    width: 70px;
    height: 40px;
    border: 0 none;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    color: #ffffff;
    background: #ccc;
    border-radius: .1rem;
    cursor: pointer;
    font-size: 14px;
}

.play-controller .jp-audio .jp-interface {
    padding-left: 20px;
}

.xinprogress {
    width: 600px;
    height: 40px;
    background: #eee;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.xinprogress .text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 14px;
    color: #333;
}

.xinprogress .line {
    width: auto;
    height: 40px;
    background: #DD0044;
}

.xinprogress .jp-progress {
    padding-right: 0;
}

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.boxcenterbox {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 700px;
    justify-content: center;
    align-items: center;
}

.boxcenterbox .container {
    margin: 0;
}


.chuangguan {
    width: auto;
    height: auto;
    text-align: center;
    padding-bottom: 30px;
}

.chuangguan .icon {
    width: 160px;
    height: 160px;
    font-size: 0;
    margin: 0 auto;
}

.chuangguan .icon img {
    width: 160px;
    height: 160px;
}

.chuangguan .title {
    width: auto;
    height: auto;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding-top: 20px;
}

.chuangguan .text {
    width: auto;
    height: auto;
    font-size: 12px;
    color: #999;
    padding-top: 10px;
}

.chuangguan .note {
    width: auto;
    height: auto;
}

.chuangguan .note .box {
    display: inline-block;
    overflow: hidden;
}

.chuangguan .note .box .item {
    width: auto;
    height: auto;
    float: left;
    overflow: hidden;
}

.chuangguan .note .box .item .img {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}

.chuangguan .note .box .item .img img {
    width: 18px;
    height: 18px;
}

.chuangguan .note .box .item .tit {
    width: auto;
    height: auto;
    line-height: 18px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.chuangguan .note .box .item .txt {
    width: auto;
    height: auto;
    line-height: 18px;
    float: left;
    font-size: 12px;
    color: #999;
}

.chuangguan .note .box .item .txt span {
    color: #000;
    font-weight: bold;
}


.uc .vip .level {
    display: block;
    table-layout: inherit;
    border-spacing: inherit;
    overflow: hidden;
    height: auto;
}

.uc .vip .level > a {
    display: block;
    float: left;
    width: 260px;
    height: 80px;
    margin: 0 20px 20px 0;
    padding-top: 12px;
}

.uc .vip .level > .last {
    display: block;
    width: 260px;
    line-height: 30px;
    padding-top: 22px;
}


.t-t-m {
    position: relative;
    min-height: 30px;
}

.t-t-m .btns {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    font-size: 0;
    height: 30px;
}

.t-t-m .btns a.s {
    display: block;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: #DD0044;
    float: left;
    margin-left: 10px;
    padding: 0 10px;
    color: #fff;
    border-radius: 15px;
}


.sinoSiteMenu {
    width: auto;
    height: auto;
    background: #fff;
}

.sinoSiteMenu-group {
    padding-top: 30px;
}

.sinoSiteMenu .sinoSiteMenu-group:first-child {
    padding-top: 0;
}

.sinoSiteMenu-group .title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    position: relative;
    padding-left: 15px;
}

.sinoSiteMenu-group .title:before {
    content: '';
    display: block;
    width: 3px;
    height: 16px;
    background: #b70038;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.sinoSiteMenu-group .groupBox {
    padding-top: 20px;
}

.sinoSiteMenu-group .groupBox .group {
    padding-top: 20px;
    display: -ms-flex;
    display: flex;
}

.sinoSiteMenu-group .groupBox .group:first-child {
    padding-top: 0;
}

.sinoSiteMenu-group .groupBox .group .name {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    margin-right: 20px;
}

.sinoSiteMenu-group .groupBox .group .list {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sinoSiteMenu-group .groupBox .group .list .item {
    margin-right: 15px;
}

.sinoSiteMenu-group .groupBox .group .list .item:last-child {
    margin-right: 0;
}

.sinoSiteMenu-group .groupBox .group .list .item a {
    display: block;
    width: auto;
    height: 30px;
    line-height: 28px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    padding: 0 10px;
}

.sinoSiteMenu-group .groupBox .group .list .item a:hover {
    color: #b70038;
    border-color: #b70038;
}


.bot_rows {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .32rem;
}

.bot_rows .item {
    width: calc(25% - .3rem);
    padding-bottom: .2rem;
    margin-right: .4rem;
}

.bot_rows .item:nth-child(4n + 0) {
    margin-right: 0;
}

.bot_rows .item .img {
    font-size: 0;
}

.bot_rows .item .img img {
    width: 100%;
}

.bot_rows .item .txt {
    font-size: .28rem;
    color: #333;
    text-align: center;
    padding-top: .1rem;
}


/*----*/
.sinoLevelNavs {
    padding: 15px 10px;
    background: #fff;
}

.sinoLevelNavs-group {
    padding: 15px 10px;
    border-bottom: 2px solid #b70038;
    width: 90%;
    margin: 0 auto;
}

.sinoLevelNavs .sinoLevelNavs-group:last-child {
/ / border-bottom: 0 none;
}

.sinoLevelNavs-title {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.sinoLevelNavs-list {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sinoLevelNavs-item {
    width: 50%;
    padding-top: 20px;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sinoLevelNavs-item .box {
    display: block;
    border: 2px solid #b70038;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
}

.sinoLevelNavs-item .name {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.sinoLevelNavs-item .note {
    font-size: 12px;
    color: #666;
    padding-top: 5px;
}


.sinoExchange-main {
    width: 280px;
    height: 330px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -140px;
    top: 50%;
    margin-top: -165px;
    z-index: 999;
    border-radius: 5px;
}

.sinoExchange-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.sinoExchange-close a {
    display: block;
}

.sinoExchange-close a span {
    display: block;
    width: 20px;
    height: 20px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sinoExchange-close a span:before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.sinoExchange-close a span:after {
    content: '';
    display: block;
    width: 2px;
    height: 20px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
}

.sinoExchange-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding-top: 40px;
}

.sinoExchange-form {
    padding: 20px 30px;
}

.sinoExchange-inp input.inp {
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.sinoExchange-btn {
    padding-top: 15px;
}

.sinoExchange-btn input.btn {
    width: 100%;
    height: 40px;
    background: #B70038;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    border: 0 none;
    margin: 0 auto;
    cursor: pointer;
    display: block;
}

.sinoExchange-try {
    padding-top: 60px;
    text-align: center;
}

.sinoExchange-try a {
    display: inline-block;
    width: auto;
    height: 38px;
    line-height: 38px;
    border: 1px solid #B70038;
    border-radius: 20px;
    box-sizing: content-box;
    padding: 0 30px;
    font-size: 14px;
    color: #B70038;
}


.linkBtn {
    position: fixed;
    right: 0;
    bottom: 260px;
    height: 50px;
    line-height: 50px;
    background: #cf245d;
    border-radius: 20px 0 0 20px;
    font-size: 20px;
    color: #fff;
    padding: 0 20px;
    z-index: 999;
    display: block;
}