/*------------------------------------public----------------------------------*/
.page{
    background: #fff;
}
.hide{
	display:none;
}
.clearfix {
    zoom: 1;
    clear: both;
}
ul,li{
	list-style:none;
	padding: 0;
	margin: 0;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}
header.bar{
    box-shadow:0 10px 20px 0 #e9e9e9;
    height:2.5rem;
    background-color: #fff;
}
header.bar h1.title{
	text-align: center;
    line-height: 2.5rem;
	padding: 0 2.5rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.content-block {
    margin: 0.75rem 0 !important;
}
.swiper-container{
	height: 9.4375rem;
	width:100%;
    padding-bottom: 50px!important;
}
.swiper-wrapper{
	height:8.4375rem;
}
.swiper-wrapper a{
	display:block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{
	bottom: -5px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #a31837;
}
.nav-links-group .item-inner a span{
    color: #000;
}

/*----------------------------------util css-----------------------------------------*/
.no-margin-bottom{
    margin-bottom: 0!important;
}
.no-margin-top{
    margin-top: 0!important;
}
.no-padding-left{
    padding-left: 0!important;
}
.no-padding-right{
    padding-right: 0!important;
}
.margin-top-30{
    margin-top: 0.75rem !important;
}
.arrow-left{
	width: 2.5rem;
	height: 2.5rem;
	display: block;
    position:absolute;
	top: 0;
	left: 0;
    z-index: 20;
	background: url(../../fltrpimages/phoneui/center/arrow-left.png) no-repeat center center;
	background-size: 1.1rem 1.1rem;
}
.top-border, .bottom-border{
    position: relative;
}
.top-border:before{
    content: '';
    position: absolute;
    left: auto;
    bottom: 0;
    right: auto;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #cccccc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.bottom-border:after{
    content: '';
    position: absolute;
    left: auto;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #eeeeee;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.resource_face{
	float: left;
}
.resource_face .resource_type{
	width: 160px;
	height: 160px;
	margin-left:30px;
	margin-right: 30px;
	margin-bottom: 15px;
	transition: all ease 200ms;
	-webkit-transition: all ease 200ms;
	-ms-transition: all ease 200ms;
	-moz-transition: all ease 200ms;
	-o-transition: all ease 200ms;
}

.resource_face .ppt_type{
	background: url(../../fltrpimages/webui/public/icon_ppt1.png) no-repeat center center #f8f8f8;
}
.resource_face .word_type{
	background: url(../../fltrpimages/webui/public/icon_word1.png) no-repeat center center #f8f8f8;
}
.resource_face .excel_type{
	background: url(../../fltrpimages/webui/public/icon_excel1.png) no-repeat center center #f8f8f8;
}
.resource_face .pdf_type{
	background: url(../../fltrpimages/webui/public/icon_pdf1.png) no-repeat center center #f8f8f8;
}
.resource_face .img_type{
	background: url(../../fltrpimages/webui/public/icon_img1.png) no-repeat center center #f8f8f8;
}
.resource_face .audio_type{
	background: url(../../fltrpimages/webui/public/icon_audio1.png) no-repeat center center #f8f8f8;
}
.resource_face .video_type{
	background: url(../../fltrpimages/webui/public/icon_video1.png) no-repeat center center #f8f8f8;
}
.resource_face .zip_type{
	background: url(../../fltrpimages/webui/public/icon_zip1.png) no-repeat center center #f8f8f8;
}
.resource_face:hover .zip_type{
	background: url(../../fltrpimages/webui/public/icon_zip2.png) no-repeat center center #a31837;
}
.resource_face .else_type{
	background: url(../../fltrpimages/webui/public/icon_else1.png) no-repeat center center #f8f8f8;
}

.resource_face:nth-child(5n+1) .resource_type,
.resource_face:nth-child(5n+1) .resource_name{
	margin-left: 0;
}
.resource_face:nth-child(5n) .resource_type,
.resource_face:nth-child(5n) .resource_name{
	margin-right: 0px;
}

/*--------------------------------------------------------------home page-------------------------------------------*/
#home{
    box-shadow: 0 0px 20px #ccc;
}
/*  课程分类信息 */
.classify_list{
	float:left;
	width: 50%;
	margin-bottom: 20px;
	height: 5rem;
}
.class-room-list .img-wrap{
    display: inline-block;
    width:1.9rem;
    text-align: center;
    line-height: 2.025rem;
    height:2.025rem;
}
.class-room-list .img-wrap img{
  width:1.9rem;
  height:2.025rem;
  display: inline-block;
}
.class-room-list section{
    text-align: center;
    font-size: 0.6rem;
    color: #a31837;
}
.class-room-list .col-50 section:first-child{
    margin-bottom: 0.55rem;
}
.class-room-list .row{
    margin-bottom: 1.75rem;
}
.toggle-language-button-wrap{
    line-height: 1.5rem;
    padding: .5rem .1rem;
    display: inline-block;
    margin-left: 0.75rem;
    position: relative;
    z-index: 20;
}
.toggle-language-button {
    display: inline-block;
    width: 1.45rem;
    height: 1.45rem;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    line-height: 1.45rem;
    text-align: center;
    font-size: 0.6rem;
    color: #787878;
}
#panel-left .list-block .item-content{
    margin: 0 auto 0;
}
/*顶部头像*/
.bar .title img{
    display: inline-block;
    width: 4.55rem;
    height: 1.75rem;
    margin-top: 0.4rem;
}
.bar .title{
    height: 2.5rem;
}
/*顶部icon图标*/
.bar .icon {
    line-height: 1.5rem;
}
.button-light{
    height:2.25rem;
    line-height: 2.25rem;
    color: #000;
}
.button-light span{
    font-size: 0.6rem;
}
.buttons-row .button{
    height: 2.25rem;
    border-color: #cccccc;
    color: #787878;
}
.panel-left{
    background: #fff !important;
}
.button.current{
    color: #fff;
    background: #a31837;
    border-color: #a31837;;
}
/*new book list*/
.home-item-title{
    color: #a31837;
    font-size: 1.25rem;
    text-align: center;
    line-height: 3rem;
    margin-top: 0.325rem;
    margin-bottom: 0;
}
.new-book-item{
	display: block;
    height: 5.65rem;
    overflow: hidden;
    padding-top: 0.75rem;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    border: 10px #f8f8f8 solid;
	margin-bottom: .5rem;
}
.new-book-item .book-item-pic{
    max-height: 100%;
    max-width: 23%;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0;
    right: 0;
}
.new-book-item .book-item-prop{
    float: left;
    padding-left: 4.5rem;
}
.book-item-prop p{
    margin: 0;
    padding: 0;
    line-height: 1.1;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.book-item-title{
    font-size: 0.8rem;
    color: #000;
}
.book-item-prop .book-item-type{
    font-size: 0.6rem;
    margin-top: 0.75rem;
    color: #a31837;
}
.book-item-prop .book-item-author{
    font-size: 0.6rem;
    margin-top: 0.75rem;
    color: #000;
    padding-bottom: 3px;
}
/*course part*/
.home-course-pic{
    height: 10.85rem;
    width: 100%;
    background: #f8f8f8;
    float: left;
}
.home-course-prop p{
    margin: 0;
    padding: 0;
}
.home-course-item{
	display: block;
    margin-bottom: 1.25rem;
}
.home-course-item-tem{
	display:none;
}
.home-course-item .home-course-title{
    font-size: 0.8rem;
    color: #000;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin:0.75rem 0 0.5rem;
}
.home-course-prop{
    width: 100%;
	float: left;
}
.home-course-time{
    font-size: 0.6rem;
    color: #a31837;
    text-align: center;
}
.home-course-time .item-clock{
    background-image: url("/fltrpimages/phoneui/center/clock.png");
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.6rem;
    width:0.6rem;
    height: 0.6rem;
    display: inline-block;
	position: relative;
    top: 2px;
}
/* 首页资源 */
.home-resource-list{
	float: left;
    width: 6.25rem;
    display: block;
}
.home-resource-list:nth-child(2n){
	float:right;
}
.home-resource-list .resource_face{
    float: left;
    width: 6.25rem;
    height: 6.25rem;
    background: #f8f8f8;
}
.home-resource-list p.home-resource-title {
    float: left;
    margin: 0.75rem 0 0.75rem 0;
    padding: 0;
    width: 6.25rem;
    text-align: center;
    color: #000;
    font-size: 0.6rem;
	height: 3.5rem;
	overflow: hidden;
}
/*nice items list*/
.nice-section-templete{
	display:none;
}
.home-nice-left{
    float: left;
    width: 6.25rem;
	display: block;
}
.home-nice-left:nth-child(2n){
	float:right;
}
.home-nice-right{
    float: right;
    width: 6.25rem;
}
.home-nice-item .home-nice-pic{
    float: left;
    width: 6.25rem;
    height: 6.25rem;
    background: #f8f8f8;
}
.home-nice-item p.home-nice-title{
    float: left;
    margin: 0.75rem 0 0.75rem 0;
    padding:0;
    width: 6.25rem;
    text-align: center;
    color: #000;
    font-size: 0.8rem;
}
.home-nice-item p.home-nice-author{
    margin-bottom: 1.5rem;
    font-size: 0.6rem;
    color: #a31837;
    text-align: center;
}
.small-item-title{
    font-size: 1rem;
    color: #000;
    text-align: center;
    margin-top: 0;
}
/*friend links*/
.friend-links{
    width:100%;
    background: #f8f8f8;
    padding: 1rem 0;
}
.links-item-title{
    color: #a31837;
    font-size: 0.8rem;
    text-align: center;
    margin: 0;
}
.friend_link_box a{
	display: block;
    margin: 0.5rem 0;
    text-align: center;
    color: #000;
    font-size: 0.6rem;
}
.about-us{
    padding: 0.55rem 0;
    margin-top: 1.55rem;
}
.about-us a{
	display: block;
    font-size: 0.6rem;
    margin: 0.5rem 0;
    color: #000;
    text-align: center;
}
/*footer*/
.show-message-box{
    text-align: center;
}
.home-footer{
    padding-top: 1.5rem;
}
.show-message-box span{
    display: inline-block;
    width:100%;
    text-align: center;
    font-size:  10px;
    color: #000;
}
.home-footer-call{
    height: 1.7rem;
}
.home-footer-call img{
    height: 1.7rem;
    float: left;
    width: 4.75rem;
}
.home-footer-call p{
    height: 1.7rem;
    width: 7rem;
    float: right;
    margin:0;
	color: #000;
}
.home-footer-call p span{
    height: 0.85rem;
    float: right;
    width:100%;
    font-size: 10px;
	padding-left: 23px;
}
.basic_info .contact_info span{
	display:inline-block;
	padding: 0px 15px;
	padding-left: 23px;
}
.home-footer-call span.email_info{
	background: url(../../fltrpimages/webui/public/icon_email2.png) no-repeat left center;
}
.home-footer-call span.qq_info{
	background:url(../../fltrpimages/webui/public/icon_qq@2.png) no-repeat left center;
}
/*---------------------------------------------------------------login page-------------------------------------------*/
.login-wrap{
    margin: 4.75rem 0;
}
.login-title{
    height: 4.75rem;
    color: #a31837;
    line-height: 4.75rem;
    font-size: 1.35rem;
    margin: 0;
}
.login-wrap .item-input input::-webkit-input-placeholder{
    font-size: 0.6rem;
    color: #d8d8d8;
}
.login-wrap .item-input input:-ms-input-placeholder{
    font-size: 0.6rem;
    color: #d8d8d8;
}
/*账号密码输入框*/
.list-block .item-content{
    margin: 0 auto 0.75rem;
    height: 2.25rem;
    padding: 0;
}
.webSearchBox .item-content{
	display:block;
}
.nav-links-group .item-content{
	display: block;
    color: #000;
    font-size:0.6rem;
    font-weight: bold;
}
.login-wrap .item-input{
    text-align: center;
}
.login-wrap .item-input input[type=email] , .login-wrap .item-input input[type=password]{
    width: 14.5rem;
    height: 2.25rem;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-indent: 0.75rem;
    display: inline-block;
}
.login-wrap .error-message{
    text-align: left;
    font-size: 0.6rem;
    color: #f00;
    width: 14.5rem;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.login-wrap .no-margin-bottom{
    margin-bottom: 0!important;
}
    /*记住密码和自动登录*/
.login-wrap .row input[type=checkbox]{
    width: 0.6rem;
    height: 0.6rem;
}
.login-wrap  .row{
    width: 14.5rem;
    margin: 0 auto;
}
.login-wrap .item-content .row .col-50:first-child{
    margin-right:4%;
    margin-left:0;
}
.login-reset span{
    font-size: 0.6rem;
    color: #787878;
}
.auto-login{
    margin-top:-0.7rem;
}
.closeLoginPage{
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 0.75rem;
}
.sign-up-btn , .submit-btn{
    width: 14.5rem;
    display: inline-block;
    margin: 0 auto;
    height: 2.25rem;
}
.submit-btn .button{
    height: 2.25rem;
    line-height: 2.25rem;
    font-size:0.6rem;
    background-color: #a31837;
    color: #fff;
    border-color: #a31837;
}
.sign-up-btn .button{
    height: 2.25rem;
    line-height: 2.25rem;
    font-size:0.6rem;
    background-color: #fff;
    color: #787878;
    border-color: #cccccc;
}
.login-reset{
    padding-bottom:1.625rem;
}
/*第三方登录*/
.login-wrap .other-type-sign {
    min-height: 0;
    height: 3rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
}
.other-type-sign.no-margin-top{
    margin-top:0;
}
.other-type-sign h1{
    width: 14.5rem;
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1rem;
}
.other-type-sign ul li{
    height: 3.2rem;
    width: 3.2rem;
    border: 1px solid #ccc;
    border-radius: 1.6rem;
}
.other-type-sign ul li.center{
    margin: 0 2.45rem;
}
.other-type-sign ul li img{
    height:1.25rem;
    margin: 0.974rem 0;
}
.other-type-sign ul:before{
    content: '';
    background: #fff;
}
.other-type-sign ul:after{
    content: '';
    background: #fff;
}
.other-type-sign ul{
    /*width: 14.5rem;*/
    width: 10.5rem;
    display: inline-block;
    margin: 0 auto;
}
.other-type-sign ul li a{
    display: inline-block;
    height: 3.2rem;
    width: 3.2rem;
    text-align: center;
    line-height: 3.2rem;
}
/*关联页*/
.associated-entry-title{
    height: 4.575rem;
    font-size: 0.9rem;
}
.associated-entry-title span i{
    display: block;
    font-style: normal;
    line-height: 1;
    margin-top: 0.4rem;
}
.associated-entry-title span i:first-child{
    margin-top: 2.5rem;
}
.third-icon-wrap{
    height: 7.5rem;
    position: relative;
    text-align: center;
}
.associated-box-wrap{
    margin-top: 5.5rem;
}
.small-icon-type {
    position: absolute;
    height: 1.4rem;
    width: 1.4rem;
    border-radius: 1.4rem;
    top: 4.8rem;
    left: 10.35rem;
    overflow: hidden;
    background-size: 1.4rem 1.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
}
.Third-header-icon{
    display: inline-block;
    width: 6rem;
    height: 6rem;
    background: #ccc;
    border-radius: 6rem;
    overflow: hidden;
}
.icon-qq{
    background-image: url("/fltrpimages/phoneui/center/icon-qq.png");
}
.icon-wechart{
    background-image: url("/fltrpimages/phoneui/center/icon-wechart.png");
}
.icon-sina{
    background-image: url("/fltrpimages/phoneui/center/icon-sina.png");
}
/*注册协议*/
.registration-protocol-content{
    margin-bottom: 1.5rem;
}
.registration-protocol-content span{
    font-size: 0.6rem;
}
.registration-protocol-title{
    font-size: 0.8rem;
    height: 1rem;
    line-height: 1rem;
}
.login-reset .icon-form-checkbox{
    width: 0.7rem !important;
    height: 0.7rem !important;
    border-radius:0 !important;
    margin-right: 5px !important;
}
.check_box_margin{
    margin-top:-0.4rem !important;
}
/*-----------------------------------------------find password page --------------------------------------*/
#find-by-email{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14.5rem;
    margin: 0 auto;
    height: 2.25rem;
}
#find-by-email input{
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    height: 2.15rem;
    text-indent: 0.75rem;
    border: 1px solid #ccc;
    border-radius: 8px 0 0 8px;
}
#find-by-email input::-webkit-input-placeholder{
    color: #787878;
    font-size: 0.6rem;
}
#find-by-email input:-ms-input-placeholder{
    color: #787878;
    font-size: 0.6rem;
}
#find-by-email a{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 2.15rem;
    line-height: 2.15rem;
    border: none;
    background: #a31837;
    color: #fff;
    border-radius: 0 8px 8px 0;
}
.enter-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 2rem;
}
.code-box{
    border:1px solid #ccc;
    -ms-flex-preferred-size: 2.25rem;
        flex-basis: 2.25rem;
}
.popup-find-password .code-box input{
    text-align: center;
    padding:0;
}
.find-tips-code{
    height: 2.075rem;
    line-height: 2.075rem;
    text-align: center;
    color: #787878;
    font-size: 0.6rem;
}
.weChatCode{
	font-size: .6rem;
    color: #000;
    padding: .5rem;
}
.codeTxt1{}
.webchatCodeBox{
	border: 1px dashed #000;
    width: 90%;
    margin-left: 5%;
    margin-top: .8rem;
    padding: 5px;
	resize: none;
}
.cancelShare{
	width:90%;
	height:1.4rem;
	line-height: 1.4rem;
	text-align: center;
	border: 1px solid #ccc;
    margin: 0 auto;
}

/*-----------------------------------------------search page----------------------------------------------*/
.search-wrap{
    border-bottom: 1px solid #ccc;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0.75rem;
}
.search-list-wrap{
    margin: 0 0.75rem;
}
.search-wrap input{
    border: none;
    text-indent: 0.5rem;
    display: inline-block;
    height: 2.2rem;
    margin:0;
}
.search-wrap .search-cancel{
    font-size: 0.6rem;
    color: #000;
}
.search-wrap input::-webkit-input-placeholder{
    font-size: 0.6rem;
    color: #a31837;
}
.search-wrap input:-ms-input-placeholder{
    font-size: 0.6rem;
    color: #a31837;
}
.search-list-wrap ul li{
    font-size: 0.6rem;
    color: #000000;
}
.search-list-wrap .result-number{
    color: #838383;
}
.search-list-wrap ul li .item-name{
    width: 7.8rem;
    display: inline-block;
    white-space: normal;
}
.search-list-wrap ul li .item-type{
    color: #cfcfcf;
    font-size: 0.5rem;
}
.search-list-wrap ul li .item-inner{
    padding-right: 0;
}
.search-list-wrap ul li .item-title{
    width: 100%;
}
/*-------------------------------------left panel-----------------------------------------------------------*/
.switch-login-page .button-light {
    font-weight: bold;
}
#panel-left li.active span{
    color: #a31837;
}
/*-------------------------------------center page-----------------------------------------------------------*/
.top25{
    top: 2.5rem!important;
}
.center-wrap .center-header{
    height: 4.55rem;
}
.center-header .item-title{
    height: 3rem;
    width: 3rem;
}
.center-header .item-title img{
    float: left;
    height:3rem;
    width: 3rem;
}
.center-wrap .list-block ul{
    margin-bottom: 0.75rem;
}
.center-wrap .list-block ul .icon{
    color: #787878;
}
.center-header .show-name-box{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0.75rem;
}
.center-header .show-name-box .user-nick-name{
    color: #000;
    font-size: 0.8rem;
    font-weight:bold;
}
.center-header .show-name-box .user-email-address{
    color: #000;
    font-size: 0.6rem;
    display: block;
}
.sign-out{
    padding: 0 0.75rem;
}
#center-home .item-title span{
    font-size: 0.8rem;
    color: #a31837;
}
/*--------------------------------user info list page-------------------------------*/
#user-picture{
    height: 4.55rem;
}
#user-picture .item-after{
    height: 3rem;
    line-height: 3rem;
    max-height: 3rem;
}
#user-picture .item-after img{
    width: 3rem;
    height: 3rem;
    background: #ccc;
    margin-right: 0.75rem;
}
#user-picture .item-title{
    color: #787878;
    font-size: 0.8rem;
}
#user-picture .item-after{
    color: #000000;
    font-size: 0.8rem;
}
#user-picture .item-after span{
    width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
#user-picture .file-new-photo{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 100px;
    left: 0;
    top: 0;
}
#set-country a{
    height:100%;
    width:2rem;
}
/*------------------------------------------my orders list-------------------------------------------*/
#my-order-list .list-block ul:before{
    background: transparent;
}
#my-order-list .list-block .item-inner:after{
    background: transparent;
}
#my-order-list .list-block ul:after{
    background: transparent;
}
#my-order-list .list-block li.order-item{
    height: 7.5rem;
    border-bottom:1px solid #eeeeee;
}
#my-order-list .list-block li.order-item.success{
    height: 5rem;
}
.order-item p{
    margin:0;
}
#my-order-list .order-item .item-inner{
    margin:0;
    padding:0;
}
li.order-item{
    margin-bottom: 0.75rem;;
}
li.order-item .order-item-header{
    font-size: 0.8rem;
    color: #000;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 1rem;
}
.order-item-prop .type{
    float: left;
    font-size: 0.6rem;
    color: #787878;
}
.order-item-prop .time{
    float: right;
    font-size: 0.6rem;
    color: #787878;
}
p.order-item-prop{
    margin-bottom: 0.75rem;
}
.order-item-value .status{
    font-size: 0.6rem;
    color: #a31837;
}
.order-item-value{
    height: 0.875rem;
    line-height: 0.875rem;
}
.order-item-value .status.success{
    color: #5cc942;
}
.order-item-value .total-price-text{
    color:#000;
    font-size: 0.6rem;
    display: inline-block;
}
.order-item-value .show-price{
    display: inline-block;
}
.total-price-text span.margin-auto{
    margin: 0 0 0 0.25rem;
}
.show-price .icon{
    color: #a31837;
    font-size: 0.6rem;
    margin-left: 0.375rem;
}
.show-price .price-number{
    color: #a31837;
    font-size: 1.1rem;
}
.pay-wrap{
    float: right;
    width: 14.5rem;
    margin-top: 0.75rem;
}
.pay-wrap .button{
    height: 1.45rem;
    width: 4rem;
    border:1px solid #ccc;
    line-height: 1.44rem;
    float: right;
    color: #787878;
}
.pay-wrap .button.pay-single-order{
    background: #a31837;
    color: #fff;
}
.pay-wrap .cancel-single-order{
    margin-right: 0.5rem;
}
/*----------------------------------------my course list page -----------------------------------------*/
#my-course-list .list-block ul:before{
    background: transparent;
}
#my-course-list .list-block .item-inner:after{
    background: transparent;
}
#my-course-list .list-block ul:after{
    background: transparent;
}
#my-course-list .collect-item{
    height: 6.25rem;
    border-bottom:1px solid #f0f0f0;
    margin: 0 0.75rem;
}
#my-course-list .collect-item .item-inner{
    margin: 0;
    padding: 0.8rem 0 0 0;
}
.course-item-pic{
    float: left;
    width: 4.35rem;
    height: 3.25rem;
    background: #ccc;
}
.course-item-prop{
    float: left;
    width: 9.7rem;;
    margin-left:0.45rem;
}
.course-item-prop .course-item-title{
    margin:0;
    font-size: 0.8rem;
    color: #000;
    line-height: 1rem;
}
.course-item-prop .course-item-author{
    margin: 0.75rem 0 0 0;
    font-size: 0.6rem;
    color: #000;
}

.course-item-footer .course-progress-text{
    color: #787878;
    font-size: 0.6rem;
    font-weight: bold;
}
.course-item-footer{
    padding: 0.675rem 0 0.75rem 0;
}
.course-item-footer .course-progress{
    color: #787878;
    font-size: 0.6rem;
    font-weight: bold;
    color: #a31837;
}
.mr10{
    margin-right: 10px;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
/*------------------------------------my collect list page---------------------------------------------*/
#my-collect-list .buttons-tab{
    height: 2.5rem;
}
#my-collect-list .list-block .item-inner:after{
    background: transparent;
}
#my-collect-list .buttons-tab a.button{
    height: 2.5rem;
    line-height: 2.5rem;
    border:0;
    font-size: 0.6rem;
}
#my-collect-list .buttons-tab a.button.active{
    color: #a31837;
}
#my-collect-list ul:before{
    background: transparent;
}
#my-collect-list ul:after{
    background: transparent;
}
#my-collect-list ul li{
    height: 7.5rem;
    border-bottom:1px solid #eee;
}
#my-collect-list .collect-item{
    margin-bottom: 0;
}
#my-collect-list .collect-item .item-inner{
    margin: 0;
    padding: 0.75rem 0 0 0;
}
.collect-item .collect-item-pic{
    height: 3.25rem;
    width: 3.3rem;
    float: left;
}
/*.collect-item .collect-item-prop{
    float: left;
    width: 9.5rem;
    height: 3.25rem;
}*/
.collect-item-prop{
    margin-left: 0.5rem;
}
.collect-item-prop p{
    margin:0;
    padding:0;
}
.collect-item-prop .collect-item-title{
    color: #000;
    font-size: 0.8rem;
    line-height: 1.2;
}
.collect-item-prop .collect-item-author{
    color: #000;
    font-size: 0.6rem;
    margin-top: 0.45rem;
}
.collect-item-footer{
    margin-top: 0.75rem;
}
.button.collect-single-item{
    width: 1.65rem;
    height: 1.45rem;
    float: right;
    border:1px solid #ccc;
}
.button.collect-single-item.success{
    background: url("/fltrpimages/phoneui/center/heart.png") no-repeat center center;
    background-size: 0.6rem;
}
.button.collect-single-item{
    background: url("/fltrpimages/phoneui/books_img/collection.png") no-repeat center center;
}
#my-collect-list ul li.collect-resource-item{
    height: 3.5rem;
}
#my-collect-list .collect-resource-item .item-inner{
    margin:0;
    padding: 0;
}
.collect-resource-item .collect-item-wrap{
    margin: 1.025rem 0;
    background-size: 0.8rem;
    height: 1.45rem;
    line-height: 1.45rem;
}
.resource-item-type{
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    margin-top: 0.325rem;
}
.resource-item-type.pdf{
    background: url("/fltrpimages/phoneui/center/pdf.png") no-repeat center;
}
.resource-item-name{
    width: 9.5rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin-left: 0.75rem;
    font-size: 0.7rem;
    color: #000;
}
.infinite-scroll-preloader {
    margin-top:-20px;
}
.buttons-tab{
    background: #ffffff;
    z-index: 9999;
}
#my-collect-list .infinite-scroll{
    margin-top:0.75rem;
}
#my-collect-list .item-content{
    margin:0 0.75rem;
    position: relative;
}
#my-collect-list .collect-item-prop{
    position: absolute;
    top:0.75rem;
    left:3.5rem;
    right: 0.75rem;
}
.no_res{
    width: 100%;
    height: 8rem;
    text-align: center;
}
.no_res img{
    width: 3rem;
    height: 3rem;
    display: block;
    margin: 9rem auto 1rem auto;
}
.no_res span{
    font-size: 0.8rem;
    color:#787878;
}
.hide{
    display: none;
}
/*------------------------------------------my order list page-------------------------------------------*/
#my-order-list .buttons-tab{
    height: 2.5rem;
}
#my-order-list .list-block .item-inner:after{
    background: transparent;
}
#my-order-list .buttons-tab a.button{
    height: 2.5rem;
    line-height: 2.5rem;
    border:0;
    font-size: 0.6rem;
}
#my-order-list .buttons-tab a.button.active{
    color: #a31837;
}
#my-order-list .item-content.collect-item{
    height: 10.5rem;
    border-bottom: 1px solid #f0f0f0;
}
.gay_style{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:alpha(opacity=40); /* IE */
    -moz-opacity:0.4; /* 老版Mozilla */
    -khtml-opacity:0.4; /* 老版Safari */
    opacity: 0.4; /* 支持opacity的浏览器*/
}

/*------------------------------------------set new password page-------------------------------------------*/
#set-new-password .set-new-pwd-wrap{
    margin-top: 0.75rem;
}
/*---------------------------set new value page (photo,nick,real,work,grade,country)------------------------*/
#set-nick-name h1.title,
#set-photo h1.title,
#set-real-name h1.title,
#set-country h1.title,
#set-province h1.title,
#set-city h1.title,
#set-grade h1.title,
#set-work-unit h1.title{
    color: #a31837;
}
#set-nick-name header a.button,
#set-photo header a.button,
#set-real-name header a.button,
#set-country header a.button,
#set-province header a.button,
#set-city header a.button,
#set-grade header a.button,
#set-work-unit header a.button{
    width: 3rem;
    height: 1.45rem;
    line-height: 1.45rem;
    top: 0.525rem;
    border-color: #cccccc;
    color: #787878;
}
#set-nick-name .new-nick-wrap,
#set-real-name .new-real-wrap,
#set-work-unit .new-work-unit-wrap{
    border-bottom: 1px solid #ccc;
    height: 1.45rem;
}
#set-nick-name .new-nick-wrap>input,
#set-real-name .new-real-wrap>input,
#set-work-unit .new-work-unit-wrap>input{
    border: 0;
    text-indent: 1rem;
    width: 100%;
    font-size: 0.8rem;
    color: #000;
}
#set-grade .list-block .item-inner:after{
    background-color: transparent;
}
#set-grade ul:before,
#set-grade ul:after{
    background-color: transparent;
}
#set-grade .list-block li{
    border-bottom:1px solid #eee;
}
#set-grade .list-block li .item-content{
    margin:0;
}
#set-grade li .item-title{
    color: #000;
    font-size: 0.8rem;
}
#set-grade li .item-after span{
    display: none;
    color: #000;
}
#set-grade li.active .item-after span{
    display: block;
    color: #a31837;
    font-size: 0.6rem;
}


#set-country .list-block .item-inner:after{
    background-color: transparent;
}
#set-country ul:before,
#set-country ul:after{
    background-color: transparent;
}
#set-country .list-block li{
    border-bottom:1px solid #eee;
}
#set-country .list-block li .item-content{
    margin:0;
}
#set-country li .item-title{
    color: #000;
    font-size: 0.8rem;
}
#set-country li .item-after span{
    display: none;
    color: #000;
}
#set-country li.active .item-after span{
    display: block;
    color: #a31837;
    font-size: 0.6rem;
}

/*-------------------------resource page-------------------------------------------*/
/*样式重置*/
#resource .text_center{text-align: center}
#resource a{text-decoration:none;color: #787878 !important;}
#resource header .title{
    color: #a31837;
}
#resource h2{
    font-size: 27px;
	color: #a31837;
    text-align: center;
	margin: 0;
	padding: 0;
	margin-top: 0.83rem;
}
#resource .load_more,
#supportingResources .load_more{
	text-align: center;
    padding: 1.5rem  0rem;
	border-bottom: 1px solid #ccc;
}
#resource .loadOtherBtn,
#supportingResources .load_more{
	border-bottom:0;
}
#resource .load_more a,
#supportingResources .load_more a{
    display: inline-block;
    height: 2.4rem;
   	width: 10rem;
	border: 1px solid #ccc;
	border-radius: 5px;
    text-align: center;
    line-height: 2.4rem;
    background: #fff;
	color: #787878;
    font-size: 0.6rem;
}
.resourceItem{
    float: left;
    width: 46%;
	margin:2%;
	height:10rem;
}
.resourceItem a{
	display: block;
	width:100%;
	height: 100%;
}
.resourceItem:nth-child(2n){
	float:right;
}
.resourceItem .resource_face{
    width: 100%;
    height: 6.25rem;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    border: 10px #f8f8f8 solid;
}
.resourceItem .resource_face img{
	max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.resourceItem .icon_box{
	text-align: center;
}
.resource_face.ppt_type{
	background: url(../../fltrpimages/webui/public/icon_ppt1.png) no-repeat center center #f8f8f8;
}
.resource_face.word_type{
	background: url(../../fltrpimages/webui/public/icon_word1.png) no-repeat center center #f8f8f8;
}
.resource_face.excel_type{
	background: url(../../fltrpimages/webui/public/icon_excel1.png) no-repeat center center #f8f8f8;
}
.resource_face.pdf_type{
	background: url(../../fltrpimages/webui/public/icon_pdf1.png) no-repeat center center #f8f8f8;
}
.resource_face.img_type{
	background: url(../../fltrpimages/webui/public/icon_img1.png) no-repeat center center #f8f8f8;
}
.resource_face.audio_type{
	background: url(../../fltrpimages/webui/public/icon_audio1.png) no-repeat center center #f8f8f8;
}
.resource_face.video_type{
	background: url(../../fltrpimages/webui/public/icon_video1.png) no-repeat center center #f8f8f8;
}
.resource_face.zip_type{
	background: url(../../fltrpimages/webui/public/icon_zip1.png) no-repeat center center #f8f8f8;
}
.resource_face.else_type{
	background: url(../../fltrpimages/webui/public/icon_else1.png) no-repeat center center #f8f8f8;
}
.resourceItem p{
    padding-top:0.5rem;
    width:100%;
	overflow: hidden;
    text-align: center;
    color: #000;
    font-size: .75rem;
}
.resourceItem span{
	display: none;
	width: 20px;
	height: 20px;
	margin: 0px auto;
}
.resourceItem span.pdfIcon{
	background: url(../../../fltrpimages/webui/public/icon_pdf16@1.png) no-repeat center center;
}
.resourceItem span.pptIcon{
	background: url(../../../fltrpimages/webui/public/icon_ppt16@1.png) no-repeat center center;
}
.resourceItem span.rarIcon{
	background: url(../../../fltrpimages/webui/public/icon_zip16@1.png) no-repeat center center;
}
.resourceItem span.elseIcon{
	background: url(../../../fltrpimages/webui/public/icon_else16@1.png) no-repeat center center;
}
.resourceItem span.audioIcon{
	background: url(../../../fltrpimages/webui/public/icon_audio16@1.png) no-repeat center center;
}
.resourceItem span.videoIcon{
	background: url(../../../fltrpimages/webui/public/icon_video16@1.png) no-repeat center;
}
.resourceItem span.excelIcon{
	background: url(../../../fltrpimages/webui/public/icon_excel16@1.png) no-repeat center;
}
.resourceItem span.wordIcon{
	background: url(../../../fltrpimages/webui/public/icon_word16@1.png) no-repeat center;
}
.resourceItem span.imgIcon{
	background: url(../../../fltrpimages/webui/public/icon_img16@1.png) no-repeat center;
}

/*返回顶部*/
.back_up{
    width: 3rem;
    height:3rem;
	font-size: 12px;
	color: #787878;
	text-align: center;
    position: fixed;
    bottom: 1.5rem;
    right: 1px;
	padding-top: 2rem;
	background: #fff url("../../fltrpimages/phoneui/resource/back_up.png") no-repeat center 10px;
	background-size: 1.5rem;
	box-shadow: 0px 10px 20px 1px #e9e9e9;
}
/*-------------------------------------buyCourse-----------------------------------------------------------*/
#buyCourse .content{
    margin-top: 1rem;
}
#buyCourse header .title{
    color: #a31837;
}
/*订单信息*/
#buyCourse h2{
    font-size: 0.75rem;
    margin-top: 0.75rem;
    color: #000;
    margin-bottom: 1rem;
}
#buyCourse .content-block{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
#buyCourse .content{
    background: #fff;
}
#buyCourse .div_list{
    border-bottom: 1px solid #f3f3f3;
    font-size: 0.625rem;
    color: #000;
}
#buyCourse .div_list .resourceName{
    color: #a31837;
}
#buyCourse .main_value{
    color: #a31837;
}
#buyCourse .money{
	font-size: 1.2rem;
	color: #a31837;
	margin-right: 5px;
}
#buyCourse .prompt{
    padding-left: 0.5rem;
    font-size:0.75rem;
    color: #000;
}
/*支付方式*/
#buyCourse .payment>div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.5rem;
}
#buyCourse .payment img{
    width: 2rem;
}
#buyCourse .payment p{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 2rem;
    font-size: 0.8rem;
    display: inline-block;
    margin-left: 0.5rem;
    float: right;
}
#buyCourse .payment span{
    line-height: 2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50px;
    background: url("/fltrpimages/phoneui/resource/select.png") 100% 100% no-repeat;
}
#buyCourse .selected{
    background: url("/fltrpimages/phoneui/resource/selected.png") 100% 100% no-repeat !important;
}
/*确认支付*/
#buyCourse .payment_confirmation{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: -0.76rem;
}
#buyCourse .payment_confirmation h3{
    margin-left: 0.75rem;
    font-size: 0.75rem;
    color: #000;
	float:left;
	width:40%;
}
#buyCourse .payment_confirmation span{
    font-size: 0.75rem;
    color: #a31837;
    font-weight: 600;
    float: left;
    line-height: 2.5rem;
}
#buyCourse form{
	float: left;
	width:30%;
}
#buyCourse form input{
	display: none;
}
#buyCourse form .ensure_pay span{
	width:100%;
	color:#fff;
}
#buyCourse .priceBox{
	float: left;
	width:30%;
}
#buyCourse .payment_confirmation .ensure_pay{
    display: inline-block;
    height:100%;
    width: 5rem;
    color: #fff;
    background: #a31837;
    font-size: 0.75rem;
    text-align: center;
    line-height: 2.5rem;
    margin-left: 0.5rem;
}
/*ok*/


/*-------------------------------------singleResource-----------------------------------------------------------*/

/*样式重置*/
#singleResource .text_center{text-align: center}
#singleResource a{text-decoration:none;color: #787878 !important;}
#singleResource .pa{padding: 0}
.page-group{
	background: #fff !important;
}

/*分享*/
.hide_none{
    display: none;
}
.share_div{
    width: 100%;
    height: 7.5rem;
    background: #fff;
    position: fixed;
    bottom: -7.1rem;
    left: 0;
    z-index:100000;
    color: #a31837;
}
.share_div h4{
    font-size: 0.8rem;
    margin: 1rem 0.75rem;
    font-weight: 500;
}
.share_div .iconBox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: 0.75rem;
}
.share_div div img{
    height: 2.1rem;
    width: 2.1rem;
    margin-right: 1rem;
}
.mask_div{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index:99999;
    opacity: 0.4;
}
.share_box{
	position: relative;
}


/*查看更多*/
#singleResource .see_more{
    height:2.2rem;
    width: 6.95rem;
    text-align: center;
    line-height: 2.2rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 1rem auto;
    font-size: 0.6rem;
    color: #787878;
    margin-bottom: 1.45rem;
}

/*标签切换*/
#singleResource .content{
    margin-top: 2.9rem;
}
#singleResource .ov{
    overflow: hidden;
}
#singleResource .buttons-tab{
    position: fixed;
    top: 2.9rem;
    left: 0;
    width: 100%;

}
#singleResource .tabs{
    margin-bottom: 5.4rem;

}
#singleResource #single_resource{
    background: #fff;
}
#singleResource .tab-link{
    height: 2.125rem !important;
    font-size: 0.6rem !important;
    line-height: 2.125rem !important;
    color: #000 !important;
}
#singleResource .active{
    color: #a31837 !important;
    border-bottom: 0 !important;
}
#singleResource .buy_link{
    width: 100%;
    height:2.5rem;
    background: #a31837;
    color: #fff;
    font-size: 0.8rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 600;
    position: fixed;
    bottom: 0;
    left: 0;
}
/*资料页*/
/*播放区域*/
#singleResource .show_div_pdf{
    width: 100%;
    border: 1px solid #f0f0f0;
}
#singleResource .show_div_pdf_img{
    width: 8rem;
    height: 8rem;
    margin: auto;
    margin-top: 0.75rem;
	margin-bottom: .75rem;
}
#singleResource .show_div_pdf_img img{
    height: 100%;
    width: 100%;
}
#singleResource .show_div_pdf .see_clik{
    width: 12.95rem;
    height: 2.2rem;
    margin: 1rem auto;
    text-align: center;
    line-height: 2.2rem;
    color: #a31837;
    font-size: 0.6rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#singleResource .show_div{
    width: 100%;
    height: 10.75rem;
    background: #000;
}
#singleResource h3{
    font-size: 0.95rem;
    color: #000;
    font-weight: 500;
}
.singleResVideo{
	width:100%;
}
.singleResaudio{
	width:100%;
}
#singleResource .butdiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    padding-bottom: 1.5rem;
    border-bottom: 2px #ccc solid;
}
#singleResource .collection , .share{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.2rem;
    width: 45%;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 2.2rem;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    font-size: 0.6rem;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    color:#787878;
}
#singleResource .collection img{
    height: 0.6rem;
    margin-right: 5px;
}
/*相关资源*/
#singleResource h2{
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    color: #000;
}
#singleResource .relation_resources{
    width: 100%;
    color: #a31837;
    border-bottom: 2px solid #ccc;
}
#singleResource .relation_resources ul li{
    margin: 2%;
    width: 46%;
    float: left;
	margin-bottom: .8rem;
}
#singleResource .relation_resources ul li div img{
    width: 100%;
}
#singleResource .relation_resources ul li p{
    text-align: center;
    width: 80%;
    font-size: 0.8rem;
    color: #a31837;
	margin:0 auto;
}
/*您浏览过的资源*/
#singleResource .read_resources{
    width: 100%;
    color: #a31837;
    border-bottom: 2px solid #ccc;
}
#singleResource .read_resources ul li{
    margin: 2%;
    width: 46%;
    float: left;
	min-height: 13rem;
}
#singleResource .read_resources ul li div img{
    width: 100%;
}
#singleResource .read_resources ul li p{
    text-align: center;
    width: 80%;
    font-size: 0.8rem;
    color: #a31837;
	margin: .2rem auto;
}
#singleResource .xgResourcesBox{
	width:100%;
}
#singleResource .picTypeBox{
	width:100%;
	height:7rem;
}
#singleResource .picTypeBox img{
	width:100%;
	height:100%;
}
#singleResource .picTypeBox div{
	width:100%;
	height:100%;
}
#singleResource .resource img{
	width:100%;
}
#singleResource .resource p{
	padding-top: .7rem;
}
/*相关图书*/
#singleResource .relation_book{
    width: 100%;
    color: #a31837;
    border-bottom: 2px solid #ccc;
}
#singleResource .relation_book ul li{
    margin: 2%;
    width: 46%;
    float: left;
	height: 13rem;
}
#singleResource .relation_book ul li .bookName{
    text-align: center;
    width: 80%;
    font-size: 0.8rem;
	margin:.2rem auto;
	color:#000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#singleResource .relation_book ul li .bookWriter{
	color: #a31837;
	font-size: .6rem;
	text-align: center;
	width: 80%;
	margin:.2rem auto;
}
/*资料配套资源*/
#resourceBundles .resourcesBox .resource_face span{
	border:none;
	display: inline-block;
	width: 1rem;
    height: 1rem;
    background-size: contain;
}
#resourceBundles .resourcesBox .resource_face .hide{
	display: none !important;
}
#resourceBundles .resourcesBox{
    font-size: 0.7rem;
}
#resourceBundles .resourcesBox li{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
    border-bottom: 2px solid #ccc;
    color:#000;
    width: 100%;
	position: relative;
}
#resourceBundles .resourcesBox li .rarSize{
	position: absolute;
	right:0;
}
#resourceBundles .resourcesBox p{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 11rem;
    margin-left: .5rem;
    font-size: 0.7rem;
}
#resourceBundles .resourcesBox img{
    height: 100%;
    width: 100%;
}
#resourceBundles .resourcesBox{
	margin-bottom: 1rem;
}
#resourceBundles li:last-child{
	border-bottom:none;
}
/*详情*/
#singleResource #tab2 p{
    font-size: 0.8rem;
    color: #000;
}
#singleResource .detailsTitle{
	font-size: 1rem;
    font-weight: 500;
    text-align: center;
    color: #000;
	padding-top: 1rem;
}
#singleResource .detailsBox{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#singleResource .detailsContent{
	font-size: .6rem;
}
/*留言*/
#singleResource.tabReviews{
	text-align: center;
	font-weight: normal;
	color:#000;
}
#singleResource .writeComment {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #888;
}
#singleResource .commentCont {
    width: 100%;
    min-height: 5rem;
    resize: none;
    font-size: .6rem;
    color: #000;
    padding: 0.3rem;
}
#singleResource #tab4 .commentList {
    width: 100%;
    padding-bottom: 0.75rem;
}
#singleResource .tipsText {
    padding: .3rem 0;
    background: url(../../../fltrpimages/webui/book/gantanhao.png)no-repeat left center;
    padding-left: 25px;
    font-size: .5rem;
}
#singleResource .commentBtn {
    float: right;
    border: 1px solid #888;
    color: #888;
    line-height: 1.35rem;
    margin-bottom: .8rem;
    margin-top: .4rem;
}
#singleResource .commentItem {
    padding-top: .2rem;
    border-bottom: 1px solid #888;
}
#singleResource .user_information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem 0;
}
#singleResource .user_information div:nth-child(1n) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#singleResource .user_information span {
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background: #e6e6e6;
    margin-right: 0.5rem;
}
#singleResource .user_information p {
    display: inline-block;
    color: #a31837;
    font-size: 0.6rem;
}
#singleResource .user_information div:nth-child(2n) {
    font-size: 0.5rem;
    color: #000;
}
#singleResource .replyWho {
    width: 100%;
    background: #f8f8f8;
    padding: .8rem;
    font-size: 0.6rem;
}
#singleResource .publishName {
    color: #a31837;
    font-size: 0.6rem;
}
#singleResource .publishCont {
    line-height: 1rem;
    padding-top: .5rem;
    color: #000;
}
#singleResource .commentCon {
    font-size: .6rem;
    color: #000;
    padding: .6rem 0;
}
#singleResource .commentCon em {
    color: #a31837;
    font-style: normal;
    font-size: 12px;
    float: right;
    padding-top: 1rem;
}
#singleResource .resourcesBox .resource_face div span{
	background-size: contain;
}
/*------------------------------------------资源回复评论页面-----------------------*/
#resReplyMessage .content{
    background: #fff;
}
#resReplyMessage header .title{
    color: #a31837;
}
/*留言*/
#resReplyMessage header > span{
    display: inline-block;
    width: 2.9rem;
    height: 1.35rem;
    border: 1px solid #ccc;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.35rem;
    border-radius: 3px;
	z-index:1;
}
#resReplyMessage .pull-right{
    color: #fff;
    background: #a31837;
    border-color: #a31837;
	z-index: 2;
}
#resReplyMessage .title_bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#resReplyMessage .cancel a{
    color: #787878 !important;

}
#resReplyMessage #tab3 li{
    width: 100%;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.75rem;
}
#resReplyMessage .user_information{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#resReplyMessage .user_information span{
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background: #e6e6e6;
    margin-right: 0.5rem;
}
#resReplyMessage .user_information div:nth-child(1){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#resReplyMessage .user_information div:nth-child(2){
    font-size: 0.5rem;
    color: #000;
}
#resReplyMessage .user_information p{
    display: inline-block;
    color:#a31837;
    font-size: 0.6rem;
}
#resReplyMessage .leave_p{
    font-size: 0.6rem;
    color: #000;
}
#resReplyMessage .reply_div{
    font-size: 0.6rem;
    float: right;
    color: #a31837;
}
#resReplyMessage .reply_message_p{
    width: 100%;
    background: #f8f8f8;
    font-size: 0.6rem;
    color: #000;

}
#resReplyMessage .reply_message_p span{
    display: block;
    color: #a31837;
    padding-bottom: 0.625rem;
}
#resReplyMessage .reply_message_p{
    padding: 0.675rem 0.75rem;

}
#resReplyMessage .content-block > span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    color: #787878;
    padding-bottom: 0.7rem;
    border-bottom: 2px solid #eee;
    margin-bottom: 0.75rem;
    font-size: 0.5rem;
	padding-top: .5rem;
}
#resReplyMessage .content-block > span img{
    margin-right: 0.45rem;
}
#resReplyMessage textarea{
    width: 100%;
    border:0;
    font-size: 0.6rem;
    color: #787878;
	resize: none;
	height: 25rem;
    overflow: scroll;
}
/*---------------资源预览页面-------------*/
.singleResourcePageGroup{
	position: relative;
}
.resourcePreview{
	position: absolute;
	width:100%;
	height:100%;
	background:#fff;;
	z-index: 10000000;
}
.prevHead{
	height: 2.5rem;
    background-color: #fff;
}
.prevHead .previewBack{
	display: inline-block;
    width: 2.9rem;
    height: 1.35rem;
    border: 1px solid #ccc;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.35rem;
    border-radius: 3px;
	margin-top: .6rem;
    margin-left: 1rem;
    color: #000;
}
/*图书*/
/*-------------------------------------books-----------------------------------------------------------*/
#books .color_a{
    color: #a31837;
}
#books a{display: inherit}
#books .content{
    background: #fff;
}
#books header .title{
    color: #a31837;
}
#books .noBookTem{
	font-size: .75rem;
	text-align: center;
	height:5rem;
	line-height: 5rem;
	color:#888;
}
/*展示*/
#books h2{
	font-weight: normal;
    font-size: 0.8rem;
    color:#a31837
}
#books .title_bar_drop-down{
	position:relative;
	width: 100%;
}
#books .drop-down{
	position:absolute;
	left: -2px;
	right: 0px;
	background: #fff;
	z-index: 22;
}
#books .title_bar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-bottom: 1px solid #ccc;
}
#books .title_bar div{
    height: 0.3125rem;
    width: 0.46875rem;
    background: url("/fltrpimages/phoneui/books_img/drop_down.png") no-repeat center right;
	background-size: contain;
    margin-right: 0.325rem;
}
#books .default,#books .time{
    display: inline-block;
    line-height: 2.125rem;
	position: relative;
}
#books .default div,#books .time div{
    height: 0.3125rem;
    width: 0.46875rem;
    background: url("/fltrpimages/phoneui/books_img/drop_down.png") no-repeat center right;
	background-size: contain;
    margin-right: 0.325rem;
	position: absolute;
	right:1.5rem;
	top:.95rem;
}
#books .show_img{
    height: 6.45rem;
    /*width: 100%;*/
    margin: 0.875rem 1.75rem 1.45rem;
    background: black;
}
#books .show_img img{
    height: 100%;
    width: 100%;
}
#books .sort_but{
    height: 2.125rem;
    border-bottom: 1px solid #ccc;
    font-size: 0.6rem;
}
#books .sort_but .default{
    border-right: 1px solid #ccc;
    width: 49%;
    height: 100%;
    text-align: center;
}
#books .sort_but .time{
    width: 49%;
    height: 100%;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#books .sort_but .time img:nth-child(2){
    margin-left: 0.275rem;
    height: 0.6rem;
}
/*列表*/
#books ul{
	padding:0px;
	margin: 0px;
}
#books ul li.book_list{
	padding: 0.75rem 0px;
	border-bottom: 1px solid #eee;
}
#books ul li.book_list a{
	display:block;
}
#books ul li .course_face{
	float: left;
    height: 3.25rem;
    width: 4.25rem;
    background: black;
    margin-right: 0.5rem;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    border: 10px #f8f8f8 solid;
}
#books ul li .course_face img{
    max-height: 100%;
    max-width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
#books ul li .course_info{
	float: left;
	width: 65%;
}
#books ul li .course_info p{
	width: 100%;
	text-overflow: ellipsis;
	margin: 0;
}
#books ul li .course_info .book_title{
    font-size: 0.8rem;
    color:#000;
	margin-bottom: 0.75rem;
}
#books ul li .course_info .book_from{
    font-size: 0.625rem;
    color:#000;
}
/*ok*/
#books .hide{
    display: none;
}
/*-------------------------------------单本书、从套书详情-----------------------------------------------------------*/
#suitBooks .po{padding: 0}
#suitBooks .buttons-tab{
    position: fixed;
    top: 2.9rem;
    left: 0;
    width: 100%;
	z-index: 1000;
	height: 2.5rem;
}
#suitBooks header .title{
    color: #a31837;
}
#suitBooks .content{
    background: #fff;
    margin-top: 2.9rem;
}
/*图书*/
#suitBooks .tabs{
    margin-bottom: 4.2rem;
    /*margin-top: 2.5rem;*/
}
#suitBooks #single_resource{
    background: #fff;
}
#suitBooks .tab-link{
    height: 2.125rem !important;
    font-size: 0.6rem !important;
    line-height: 2.125rem !important;
    color: #000 !important;
}
#suitBooks .active{
    color: #a31837 !important;
    border-bottom: 0 !important;
}
#suitBooks .content-block{
    border-bottom: 0;
}
#suitBooks .show_img{
    height: 10.75rem;
    margin-top: 0.625rem;
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    border: 10px #f8f8f8 solid;
}
#suitBooks .show_img img{
	max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
#suitBooks .book_information p{
    font-size: 0.95rem;
    color:#000;
    width: 100%;
    word-wrap:break-word;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#suitBooks .book_information > span{
    display: block;
}
#suitBooks .price_span{
    font-size: 0.8rem;
    color: #a31837;
    margin-bottom: 1rem;
}
#suitBooks .price_span span{
    font-size: 1.2rem;

}
#suitBooks .but_div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #ccc;
}
#suitBooks .but_div div{
    height: 2.2rem;
    padding: 0 0.4rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    line-height: 2.2rem;
    font-size: 0.6rem;
}
#suitBooks .but_div div:nth-child(2){
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#suitBooks .but_div img{
    width: 0.6rem;
    margin-right: 5px;
}
#suitBooks .PlexusBook .bookPic,#singleResource .relation_book .bookPic{
	width:100%;
	height:8rem;
	background: #f8f8f8;
    overflow: hidden;
    position: relative;
    border: 10px #f8f8f8 solid;
}
#suitBooks .PlexusBook .bookPic img,#singleResource .relation_book .bookPic img{
	max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
#suitBooks .synopsis{
    color: black;
    font-size: 0.6rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #ccc;
}
#suitBooks #tab1 table td{
    padding-top: 0.5rem;
}
#suitBooks #tab1 table{
    font-size: 0.6rem;
}
#suitBooks #tab1 td:nth-last-child(1){
    color: #a31837
}
#suitBooks table{
    margin-bottom: 1.5rem;
}
#suitBooks .resourcesBox .resource_face span{
	border:none;
}
#suitBooks .resourcesBox .resource_face .hide{
	display: none !important;
}
#suitBooks .resourcesBox .resource_face div span{
	background-size: contain;
}

/*图书列表*/
#suitBooks .books_list{
    border-top: 2px solid #ccc;
}
#suitBooks .books_list h2{
    font-size: 0.95rem;
    color:#000;
    width: 100%;
    word-wrap:break-word;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    text-align: center;
    margin-top: 1.25rem;
}
#suitBooks .books_list ul li{
    margin: 2%;
    width: 46%;
    float: left;
    height: 15rem;
}
#suitBooks .books_list li p:nth-child(2){
    font-size: 0.8rem;
    color: #000;
    text-align: center;
    height: 3.5rem;
    overflow: hidden;
}
#suitBooks .books_list ul li p:nth-child(3){
    color: #a31837;
    text-align: center;
    font-size: 0.6rem;
}
#suitBooks .see_more{
    height: 2.2rem;
    width: 6.95rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #787878;
    font-size: 0.6rem;
    text-align: center;
    line-height: 2.2rem;
    margin: auto;
    margin-bottom: 1.5rem;
}
/*浏览历史*/
#suitBooks .browse_record{
/*    border-top: 2px solid #ccc;*/
}
#suitBooks .browse_record h2{
    color:#000;
    width: 100%;
    word-wrap:break-word;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    text-align: center;
    margin-top: 1.25rem;
}
#suitBooks .browse_record ul li{
    margin: 2%;
    width: 46%;
    float: left;
}
#suitBooks .browse_record ul li img{
    width: 100%;
}
#suitBooks .browse_record li p:nth-child(2){
    font-size: 0.8rem;
    color: #000;
    text-align: center;
}
#suitBooks .browse_record ul li p:nth-child(3){
    color: #a31837;
    text-align: center;
    font-size: 0.6rem;
}
/*详情*/
#suitBooks #tab3 p{
    font-size: 0.8rem;
    color: #000;
    padding: 0 0 15px 0;
    margin: 0;
    word-break: break-word;
}
#suitBooks #tab3 em{
    font-size: 0.8rem;
    color: #000;
    padding: 0 0 15px 0;
    margin: 0;
    word-break: break-word;
}
/*---------------图书试读页面-------------*/
.suitBookPageGroup{
	position: relative;
}
.bookTry{
	position: absolute;
	width:100%;
	height:100%;
	background:#fff;;
	z-index: 9999999;
}
.bookPrevHead{
	height: 2.5rem;
    background-color: #fff;
}
.bookPrevHead .backBook{
	display: inline-block;
    width: 2.9rem;
    height: 1.35rem;
    border: 1px solid #ccc;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.35rem;
    border-radius: 3px;
	margin-top: .6rem;
    margin-left: 1rem;
    color: #000;
}
/*留言*/
#suitBooks #tab4 .commentList{
    width: 100%;
    padding-bottom: 0.75rem;
}
#suitBooks .user_information{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
    -webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding: .2rem 0;
}
/*写评论*/
#suitBooks .writeComment{
	width: 100%;
    position: relative;
    border-bottom: 1px solid #888;
}
#suitBooks .commentCont{
	width: 100%;
    min-height: 5rem;
    resize: none;
    font-size: .6rem;
    color: #000;
    padding: 0.3rem;
}
#suitBooks .tipsText{
	padding: .3rem 0;
	background: url(../../../fltrpimages/webui/book/gantanhao.png)no-repeat left center;
    padding-left: 25px;
	font-size: .5rem;
}
#suitBooks .commentBtn{
    float: right;
    border: 1px solid #888;
    color: #888;
    line-height: 1.35rem;
    margin-bottom: .8rem;
    margin-top: .4rem;
}
#suitBooks .user_information span{
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background: #e6e6e6;
    margin-right: 0.5rem;
}
#suitBooks .user_information div:nth-child(1){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#suitBooks .user_information div:nth-child(2){
    font-size: 0.5rem;
    color: #000;
}
#suitBooks .publishName{
    color:#a31837;
    font-size: 0.6rem;
}
#suitBooks .replyWho{
	width: 100%;
    background: #f8f8f8;
    padding: .8rem;
	font-size: 0.6rem;
}
#suitBooks .publishCont{
	line-height: 1rem;
	padding-top: .5rem;
	color:#000;
}
/*单个评论*/
#suitBooks .commentItem{
	padding-top: .2rem;
	border-bottom: 1px solid #888;
}
#suitBooks .user_information p{
    display: inline-block;
    color:#a31837;
    font-size: 0.6rem;
}
#suitBooks .leave_p{
    font-size: 0.6rem;
    color: #000;
}
#suitBooks .commentCon{
	font-size: .6rem;
	color:#000;
	padding: .6rem 0;
}
#suitBooks .commentCon em{
	color: #a31837;
    font-style: normal;
    font-size: 12px;
	float:right;
	padding-top:1rem;
}
#suitBooks .reply_div{
    font-size: 0.6rem;
    float: right;
    color: #a31837;
}
#suitBooks .reply_message_p{
    width: 100%;
    background: #f8f8f8;
    font-size: 0.6rem;
    color: #000;

}
#suitBooks .reply_message_p span{
    display: block;
    color: #a31837;
    padding-bottom: 0.625rem;
}
#suitBooks .reply_message_p{
    padding: 0.675rem 0.75rem;

}
/*资料*/

#suitBooks .resources_pdf{
    font-size: 0.7rem;
}
#suitBooks .resources_pdf li{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    border-bottom: 1px solid #ccc;
    color:#000;
    width: 100%;
}
#suitBooks .resources_pdf p{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 16rem;
    margin-right: 0;
}

#suitBooks .resources_pdf li span{
    display: inline-block;
    width: 0.8rem;
    height:0.8rem;
    border: 1px solid #000;
    margin-right: 0.725rem;

}

#suitBooks .resources_pdf img{
    height: 100%;
    width: 100%;
}
#suitBooks .resources_pdf .see_more{
	margin-top: 1.5rem;
}
#suitBooks .content-block .see_more{
	margin-top: 1.5rem;
}
#suitBooks .resources h2,.detailsh2,.tabReviews{
	text-align: center;
	font-weight: normal;
	color:#000;
}
#suitBooks .resources .resources_pdf{
	border-top: 2px solid #ccc;
}
#suitBooks #tab3{
	padding: 0 .75rem;
}
#suitBooks #tab3 .content-block{
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
#suitBooks #tab3 .bookNote{
	padding-bottom: .6rem;
}
/*购买链接*/
#suitBooks .buy_link{
    width: 100%;
    height:2.5rem;
    background: #a31837;
    color: #fff;
    font-size: 0.8rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 600;
    position: fixed;
    bottom: 0;
    left: 0;
}
#suitBooks .buy_link a{
    height: 100%;
    width: 100%;
    display: block;
    color: #fff;
}
/*ok*/
/*-------------------------------------buyBooksLink-----------------------------------------------------------*/
#buyBooksLink .content{
    background: #fff;
    margin-top: 1rem;
}
#buyBooksLink header .title{
    color: #a31837;
}
#buyBooksLink .content-block>a{
    height: 2.2rem;
    border: 1px solid #ccc;
    margin: 0 2.5% 0.5rem;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#buyBooksLink .content-block>a.hide{
	display: none !important;
}
#buyBooksLink .content-block img{
    width: 2.8rem;
    height: 0.8rem;
}
/*ok*/

/*-------------------------------------图书回复评论页面-----------------------------------------------------------*/
#replyMessage .content{
    background: #fff;
}
#replyMessage header .title{
    color: #a31837;
}
/*留言*/
#replyMessage header > span{
    display: inline-block;
    width: 2.9rem;
    height: 1.35rem;
    border: 1px solid #ccc;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.35rem;
    border-radius: 3px;
	z-index:1;
}
#replyMessage .pull-right{
    color: #fff;
    background: #a31837;
    border-color: #a31837;
	z-index: 2;
}
#replyMessage .title_bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#replyMessage .cancel a{
    color: #787878 !important;

}
#replyMessage #tab3 li{
    width: 100%;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.75rem;
}
#replyMessage .user_information{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#replyMessage .user_information span{
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background: #e6e6e6;
    margin-right: 0.5rem;
}
#replyMessage .user_information div:nth-child(1){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#replyMessage .user_information div:nth-child(2){
    font-size: 0.5rem;
    color: #000;
}
#replyMessage .user_information p{
    display: inline-block;
    color:#a31837;
    font-size: 0.6rem;
}
#replyMessage .leave_p{
    font-size: 0.6rem;
    color: #000;
}
#replyMessage .reply_div{
    font-size: 0.6rem;
    float: right;
    color: #a31837;
}
#replyMessage .reply_message_p{
    width: 100%;
    background: #f8f8f8;
    font-size: 0.6rem;
    color: #000;

}
#replyMessage .reply_message_p span{
    display: block;
    color: #a31837;
    padding-bottom: 0.625rem;
}
#replyMessage .reply_message_p{
    padding: 0.675rem 0.75rem;

}
#replyMessage .content-block > span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    color: #787878;
    padding-bottom: 0.7rem;
    border-bottom: 2px solid #eee;
    margin-bottom: 0.75rem;
    font-size: 0.5rem;
	padding-top: .5rem;
}
#replyMessage .content-block > span img{
    margin-right: 0.45rem;
}
#replyMessage textarea{
    width: 100%;
    border:0;
    font-size: 0.6rem;
    color: #787878;
	resize: none;
	height: 25rem;
    overflow: scroll;
}
/*ok*/



/*-------------------------------------publishComment-----------------------------------------------------------*/
#publishComment .content{
    background: #fff;
    margin-top: 0.5rem;
}
#publishComment header .title{
    color: #a31837;
}
/*留言*/
#publishComment header > span{
    display: inline-block;
    width: 2.9rem;
    height: 1.35rem;
    border: 1px solid #ccc;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.35rem;
    border-radius: 3px;
}
#publishComment .pull-right{
    color: #fff;
    background: #a31837;
    border-color: #a31837;

}
#publishComment .title_bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#publishComment .cancel a{
    color: #787878 !important;

}
#publishComment #tab3 li{
    width: 100%;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.75rem;
}
#publishComment .user_information{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#publishComment .user_information span{
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    background: #e6e6e6;
    margin-right: 0.5rem;
}
#publishComment .user_information div:nth-child(1){
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}
#publishComment .user_information div:nth-child(2){
    font-size: 0.5rem;
    color: #000;
}
#publishComment .user_information p{
    display: inline-block;
    color:#a31837;
    font-size: 0.6rem;
}
#publishComment .leave_p{
    font-size: 0.6rem;
    color: #000;
}
#publishComment .reply_div{
    font-size: 0.6rem;
    float: right;
    color: #a31837;
}
#publishComment .reply_message_p{
    width: 100%;
    background: #f8f8f8;
    font-size: 0.6rem;
    color: #000;

}
#publishComment .reply_message_p span{
    display: block;
    color: #a31837;
    padding-bottom: 0.625rem;
}
#publishComment .reply_message_p{
    padding: 0.675rem 0.75rem;

}
#publishComment .content-block > span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #787878;
    padding-bottom: 0.7rem;
    border-bottom: 2px solid #eee;
    margin-bottom: 0.75rem;
    font-size: 0.5rem;
}
#publishComment .content-block > span img{
    margin-right: 0.45rem;
}
#publishComment textarea{
    width: 100%;
    border:0;
    font-size: 0.6rem;
    color: #787878;
}
/*ok*/
/*-------------------------------------periodical-----------------------------------------------------------*/

#periodical .swiper-slide img{
    width: 100%;
}
#periodical .content{
    margin-top: 1rem;
}
#periodical h3{
    font-size: 0.8rem;
    color: #a31837;
    font-weight: 500;
}
#periodical table{
    color: #000;
    font-size: 0.6rem;
}
#periodical table p{
    margin: 0;
}
#periodical .publish_number{
    margin-top: 0.75rem;
}
#periodical .publish_number p{
    margin: 0;
    color: #000;
}
#periodical .publish_number{
    font-size: 0.6rem;
}
#periodical .see_details{
    border: 1px solid #ccc;
    height: 2.15rem;
    color: #a31837;
    text-align: center;
    line-height: 2.15rem;
    font-size: 0.6rem;
    border-radius: 3px;
    margin-top: 0.8rem;
}


#periodical .choice_periodical_column{
    margin-top: 1.5rem;
}
#periodical .choice_periodical{
	width:100%;
}
#periodical .yearBox{
	float:left;
	width:49%;
}
#periodical .themeBox{
	float:left;
	width:49%;
}
#periodical .stageBox{
	width:100%;
    margin-top: 1rem;
}
#periodical .allYears,#periodical .allQi,#periodical .allLanmu{
	width:100%;
	font-size: 0.6rem;
	height: 1.5rem;
    line-height: 1.5rem;
	text-align: center;
}
#periodical .yearValBox{

}
#periodical .yearVal{
    width:100%;
	border: 1px solid #ccc;
	border-left:none;
    font-size: 0.6rem;
	text-align: center;
	height: 2.15rem;
    line-height: 2.15rem;
	background: url(../../fltrpimages/phoneui/periodical/drop_down.png)no-repeat 80% center;
}
#periodical .themeValBox{

}
#periodical .themeVal{
    width: 100%;
    font-size: 0.6rem;
    border: 1px solid #ccc;
    border-left:none;
    border-right: none;
	text-align: center;
	height: 2.15rem;
    line-height: 2.15rem;
	background: url(../../fltrpimages/phoneui/periodical/drop_down.png)no-repeat 90% center;
}
#periodical .stageValBox{
    background: url(../../fltrpimages/phoneui/periodical/drop_down.png)no-repeat 98% center;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 1rem;
}
#periodical .stageVal{
    font-size: 0.6rem;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    height: 2.15rem;
    line-height: 2.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#periodical ul{
	width:100%;
}
#periodical .choice_periodical_column li{
	width:100%;
	height:1.5rem;
	text-align: center;
	line-height: 1.5rem;
	font-size: .6rem;
}
#periodical .shadow {
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
}
#periodical .selected{
	color:#a31837;
}

/*期刊内容*/
#periodical .periodical_box{
	margin-top: 1.5rem;
}
#periodical .no_periodical{
	width:100%;
	color:#888;
	font-size: .7rem;
	text-align: center;
	padding-bottom: 2rem;
}
#periodical .periodical_list{
    border-top: 2px solid #eee;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2rem;
}
#periodical .journal_content .periodical_name{
    font-size: 0.95rem;
    color: #a31837;
    font-weight: 500;
    margin-top: 1.5rem;
}
#periodical .journal_content .periodical_writer1,.periodical_writer2,.periodical_writer3{
    font-size: 0.6rem;
    color: #000;
    margin-top: 0.3rem;
}
#periodical .journal_content .brief{
	padding-top: .6rem;
	font-size: .6rem;
	color: #a31837;
}
#periodical .journal_content .brief span{
	color: #a31837;
    font-size: 0.6rem;
    line-height: 0.7rem;
}
#periodical .journal_content i{
	font-style:normal;
	color:#000;
}
#periodical .journal_content .key_words{
	padding-top: .6rem;
	font-size: .6rem;
	color: #a31837;
}
#periodical .journal_content .key_words span{
	color: #a31837;
    font-size: 0.6rem;
    line-height: 0.7rem;
}
#periodical .resizeBox{
	height:11.3rem;
	overflow: hidden;
}
#periodical .resizeBox i{
	font-style: normal;
	font-size: .6rem;
}
#periodical .operate_box{
	clear:both;
	margin-top: .5rem;
}
#periodical .operate_box button{
	line-height: 1.35rem;
}
#periodical .operate_box .downloadBtn{
	border:1px solid #a31837;
	color:#a31837;
	float: right;
}
#periodical .operate_box .noDown{
	border:1px solid #ccc;
	color:#ccc;
	float: right;
}
#periodical .journal_content span > span{
    color: #a31837;
}
#periodical .journal_content .abstract_open{
    float: right;
    color: #a31837;
    margin-bottom: 1.5rem;
    height: inherit;
	margin-top: .5rem;
}
#periodical .view_more{
    margin: 1rem auto;
    height: 2.4rem;
    width: 9.9rem;
    border: 2px solid #ccc;
    font-size: 0.6rem;
    color: #787878;
    border-radius: 5px;
    line-height: 2.4rem;
    text-align: center;
}
/*-------------------------------------journalDetails-----------------------------------------------------------*/
/*标签切换*/
#journalDetails .content{
    margin-top: 2.9rem;
}
#journalDetails .buttons-tab .button{
    font-size: .7rem;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
#journalDetails .ov{
    overflow: hidden;
}
#journalDetails .buttons-tab{
    position: fixed;
    top: 2.9rem;
    left: 0;
    width: 100%;
	height: 2.3rem;
}
#journalDetails .tabs{
    margin-bottom: 5.4rem;

}

#journalDetails .tab-link{
    height: 2.125rem !important;
    font-size: 0.6rem !important;
    line-height: 2.125rem !important;
    color: #000 !important;
}
#journalDetails .active{
    color: #a31837 !important;
    border-bottom: 0 !important;
}
#journalDetails .pa{
    padding: 0;
}
#journalDetails #tab1 p{
    color: #000;
    font-size: 0.6rem;
}
#journalDetails #tab2 .leader{
    color: #000;
    font-size: 0.6rem;
    font-weight: bold;
    margin-bottom: 1.4rem;
}
#journalDetails #tab2 .name_list{
    color: #000;
    font-size: 0.6rem;
    border-top: 1px solid #eee;
}
#journalDetails #tab2 .name_list h2{
    font-weight: bold;
    font-size: 0.6rem;
    margin-top: 0.675rem;
    margin-bottom: 0.675rem;
}
#journalDetails #tab2 .committee td:nth-child(2){
    padding-left: 0.9rem;
}
#journalDetails #tab3 p{
    color: #000;
    font-size: 0.6rem;
}
#journalDetails #tab4 p{
    color: #000;
    font-size: 0.6rem;
}


/*-------------------------------------course-----------------------------------------------------------*/
#course .swiper-slide img{
    width: 100%;
}
#course .online_class{
    margin-bottom: 1.5rem;
}
#course .online_class > div{
    height: 10.84rem;
    width: 100%;
}
#course .online_class > div img{
    height: 100%;
    width: 100%;
}
#course .online_class p{
    text-align: center;
    font-size: 0.8rem;
    color: #000;
    margin-bottom: 0;
}
#course .online_class > span{
    font-size: 0.625rem;
    display: block;
    text-align: center;
    color: #000;
    margin-top: 0.4rem;
}
#course .online_class > span > span{
    color: #a31837;
}
#course .online_class .time{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#course .online_class .time img{
    margin-right: 4px;
}
#course .load_more,
#books .load_more{
    width: 9.9rem;
    height:2.4rem;
    border: 2px solid #ccc;
    border-radius: 5px;
    text-align: center;
    line-height: 2.4rem;
    color: #787878;
    font-size: 0.6rem;
    margin:20px auto;
}

/*-------------------------------------singleCourse-----------------------------------------------------------*/
#singleCourse .course_information .course_img{
    width: 100%;
    height: 10.85rem;
}
#singleCourse .course_information{
    border-bottom: 2px solid #eee;
    margin-top: 1.5rem;
}
#singleCourse .course_information .course_img img{
    height: 100%;
    width: 100%;
}
#singleCourse .course_information p{
    margin: 0.55rem 0;
    color: #a31837;
    font-size: 0.95rem;
}
#singleCourse .course_information .tea_course{
    font-size: 0.625rem;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#singleCourse .course_information .tea_course .course_time{
    color: #a31837;
}
#singleCourse .course_information .tea_course .course_time span{
	position:relative;
	top: -5px;
}
#singleCourse .course_information .tea_course .course_time img{
    margin-right: 4px;
}
#singleCourse .course_information .course_price{
    font-size: 0.8rem;
    color: #a31837;
}
#singleCourse .course_information .course_price > span{
    font-size: 1.2rem;
    font-weight: bold;
}
#singleCourse .course_information .but_div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1rem;
    margin-bottom: 1.6rem;
}
#singleCourse .course_information .but_div > div{
    height: 2.2rem;
    width: 6.85rem;
    text-align: center;
    line-height: 2.2rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 0.6rem;
    color: #787878;
}
#singleCourse .course_information .but_div > div img{
    height: 0.6rem;
    width: 0.6rem;
    margin-right: 4px;
}
#singleCourse .course_information .but_div .cancel_collect{
	color:#a31837;
	border-color:#a31837;
}
#singleCourse .course_information .but_div > div:nth-child(1){
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#singleCourse .course_introduction{
    color: #000;
    font-size: 0.6rem;
    margin: 1.5rem 0;
}
/*购买课程*/
#singleCourse .content-block{
    margin-bottom: 4rem !important;
}
#singleCourse .operate_box{
    width: 100%;
    height:2.5rem;
    background: #a31837;
    color: #fff;
    font-size: 0.8rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 600;
}
#singleCourse .operate_box button{
    color: #fff;
    display: block;
}
/*-------------------------------------chapterList-----------------------------------------------------------*/
/*样式重置*/
#chapterList .chapter_list h3{
	width: 100%;
    color: #a31837;
    font-size: 0.8rem;
    margin: 0.7rem 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#chapterList .chapter_list ul{
    color: #000;
    font-size: 0.7rem;
    font-weight: bold;
    border-top: 1px solid #eee;
}
#chapterList .chapter_list li{
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0.7rem 0 0.7rem 1.3rem;
	background: url(../../fltrpimages/phoneui/chapterList/play.png) no-repeat left  center;
	background-size: 0.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}
#chapterList .chapter_list:nth-last-child(1){
    margin-bottom: 4rem;
}
/*-------------------------------------videoPlayback-----------------------------------------------------------*/
/*样式重置*/
#videoPlayback .content-block{
	padding:0px;
	margin: 0px !important;
}
#videoPlayback .videoPlay .webVideoBox{
    width: 100%;
    height:8.2rem;
    background: #000;
}
#videoPlayback header{
    box-shadow: none !important;
}
#videoPlayback .videoPlay span{
	display: block;
    color: #fff;
    font-size: 0.5rem;
	padding: 0px 0.75rem;
	margin: .25rem;
}
#videoPlayback .content{
    background: #181818;
}
#videoPlayback .chapterBox{
	margin:0px 0.75rem;
}
#videoPlayback .chapter_list h3{
    width: 100%;
    color: #a31837;
    font-size: 0.8rem;
    margin: 0.7rem 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#videoPlayback .chapter_list ul{
    color: #fff;
    font-size: 0.7rem;
    font-weight: bold;
    border-top: 1px solid #333;
}
#videoPlayback .chapter_list li{
    width: 100%;
    border-bottom: 1px solid #333;
	padding: 0.7rem 0 0.7rem 1.3rem;
	background: url(../../fltrpimages/phoneui/chapterList/play.png) no-repeat left  center;
	background-size: 0.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}
#videoPlayback .chapter_list:nth-last-child(1){
    margin-bottom: 4rem;
}
/* 三方分享*/
.share_box{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #ffffff;
	height: 180px;
	border-top: 1px solid #e5e5e5;
	padding: 0.75rem;
	z-index: 12;
}
.share_head{
	font-size:16px;
	height: 50px;
}
.share_head .share_title{
	color: #000;
}
.share_head .share_cancel{
	float: right;
	color: #a31837;
}
.share_content{
	width:100%;
	text-align: center;
	padding: 10px 0px;
}
.share_box .share_icon{
	width: 62px;
	height: 62px;
	display: inline-block;
	margin-right: 30px;
	transition:all ease 200ms;
	-webkit-transition:all ease 200ms;
	-ms-transition:all ease 200ms;
	-moz-transition:all ease 200ms;
	-o-transition:all ease 200ms;
}
.share_box .share_icon:last-child{
	margin-right: 0px;
}
.share_box .wchat{
	background: url(/fltrpimages/phoneui/center/icon-wechart.png) no-repeat center center;
}
.share_box .weibo{
	background:url(/../../fltrpimages/phoneui/center/icon-sina.png) no-repeat center center;
}
.share_box .qq{
	background:url(/../../fltrpimages/phoneui/center/icon-qq.png) no-repeat center center;
}
.text-deceration-underline{
    text-decoration: underline;
}

/* html编辑器里面文本样式 */
.htmlcontent {
	font-size: 14px !important;
	line-height: 2 !important;
	position: relative;
	color: #222222 !important;
	word-break: break-all;
	white-space:normal;
	word-wrap:break-word;
}
.htmlcontent ul,.htmlcontent li{
	list-style:inherit;
}
.htmlcontent p {
	font-size: 14px !important;
	padding: 0 0 15px 0;
	margin: 0;
    word-break: break-word;
}
.htmlcontent img {
	border: none !important;
	max-width: 90% !important;
}
.htmlcontent p a{
    display: none !important;
}
.htmlcontent p img{
    display: none !important;
}
.study_all_time{
    color:#a31837;
}
/*购买成功*/
#purchaseStatus .purchase_box{
	padding: 0 1.3rem;
}
#purchaseStatus .purchase_box .info_list {
    padding: 1rem 0;
    border-bottom: 1px solid #888;
    line-height: 30px;
}
#purchaseStatus .purchase_box .titles {
    font-weight: bold;
	text-align: left;
}
#purchaseStatus .purchase_box .main_value {
    color: #a31837;
    margin-top: 1rem;
}
#purchaseStatus .purchase_box .money_list {
    border-bottom: 0;
}
#purchaseStatus .success_box {
    text-align: center;
	margin-top:2rem;
}
#purchaseStatus .success_box .success_icon {
    width: 64px;
    height: 64px;
    margin: 0px auto;
    background: url(/fltrpimages/webui/course/purchase_success.png) no-repeat center center;
}
#purchaseStatus .success_box .tips {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
#purchaseStatus .success_box .check_out {
	border-radius: 3px;
	background:#fff;
	border:1px solid #ccc;
	width:70%;
	height:2rem;
	text-align: center;
	color:#a31837;
	line-height:2rem;
	margin:1rem auto;
}
#purchaseStatus .pay_fasle_info {
    text-align: center;
    font-size: 22px;
}
#purchaseStatus .purchase_title span{
	color:#a31837;
}
#purchaseStatus .success_box .resource_name {
    color: #a31837;
}
#purchaseStatus .payResult{
	margin-top: 1rem;
}
}

/*中转页面*/
#transferStation{
	width: 100%;
	height: 100%;
	background: transparent;
}