weixin/target/classes/static/style/page.css

@font-face {font-family: "iconfont";
  src: url('font/iconfont.eot?t=14666666'); /* IE9*/
  src: url('font/iconfont.eot?t=14666666#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/iconfont.woff?t=14666666') format('woff'), /* chrome, firefox */
  url('font/iconfont.ttf?t=14666666') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('font/iconfont.svg?t=14666666#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "webfont";
  src: url('font/webfont.eot?t=14666666'); /* IE9*/
  src: url('font/webfont.eot?t=14666666#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/webfont.woff?t=14666666') format('woff'), /* chrome、firefox */
  url('font/webfont.ttf?t=14666666') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('font/webfont.svg?t=14666666#webfont') format('svg'); /* iOS 4.1- */
}
p{margin-bottom: 0px !important;}
body{font-size: 16px;background: #efeff4;font-family: 'webfont' !important;}
/*遮罩层*/
.dcmask{
	background: rgba(0,0,0,0.50);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.dcdialog{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
}
/*对错dialog*/
.js_dialog {
	display: none;
}
.dc-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    
}
.dc-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
}
.Top_close {
    text-align: right;
    position: absolute;
    right: 0px;
    top: -32px;
    height: 22px;
}
.Top_close a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/close.png) no-repeat center top/22px 22px;
}
.txt-tiaokuan{
	position: relative;
	color: #999999;
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
}
.txt-tiaokuan a{
	color: #48A3FE;
	margin-left: 5px;
}
.txt-tiaokuan:after {
    content: "\e66c";
    position: absolute;
    font-family: iconfont;
    font-size: 15px;
    left: 0;
    top: 1px;
}
.txt-tiaokuan.active:after {
    content: "\e671";
    color: #48A3FE;
}
/*按钮*/
.btninline{
	height: 29px;
	line-height: 29px;
	border-radius: 4px;
	font-size: 14px;
	padding: 0 15px;
	display: inline-block;
}
.btninline-primary{
	background: #3FB5FF;
	color: #fff;
}
.btninline-default{
	background: #CCCCCC;
	color: #fff;
}
.btnblock{
	display: block;
	height: 39px;
	line-height: 39px;
	font-size: 15px;
	text-align: center;
	border-radius: 4px;
}
.btnblock:active{
	opacity: 0.85;
	color: #fff;
}
.btnblock-primary{
	background: #3FB5FF;
	color: #fff;
}
.weui_panel{margin-top:10px}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icons {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}
img{
	max-width: 100%;
	display: block;
	vertical-align: baseline;
}
a {
    color: #333;
    text-decoration: none;
    outline: none;
    text-shadow: none;
}
p{color: inherit;}
ul, ol, li {
    list-style: none;
}
a.weui_media_box{display: block;}
.red {
    color: #ff4664 !important;
}
.c_blue{
	color: #3399ff;
}
.container>div {
    background-color: #f2f2f2
}
.myHead {
    background: url(../images/hometbg.jpg) no-repeat;
    background-size: cover;
    height: 180px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0px;
}
.myHead .img {
    display: inline-block;
    margin-top:25px
}
.myHead .img i {
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    border-radius: 70px;
    display: block;
    margin: 0px auto 5px auto;
}
.myHead .img i img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 70px;
}
.myHead .img b {
    color: #fff;
    font-weight: normal;
}
.myHead .info{
	font-size: 13px;
	width: 100%;
	height: 46px;
	position: absolute;	
	bottom: 0;
}
.myHead .info>div{
	opacity: 0.4;
	background: #000;
	width: 100%;
	height: 46px;
	z-index: 1;
	position: absolute;	
	
}
.myHead .info p{
	width: 100%;
	padding: 0 10px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 1;
	z-index: 2;
	position: absolute;	
	box-sizing: border-box;
	line-height: 20px;
	margin-top: 3px;
}
.myHead .btn_link{
	position: absolute;
	color: #fff;
	top: 50px;
}
.myHead .btn_link i{font-size: 20px;}
.myHead .btn_link p{font-size: 13px;}
.myHead .btn_link.btn_l{
	left: 10%;
}
.myHead .btn_link.btn_r{
	right: 10%;
}

.q_lists .tilte{
    /*color: #3399ff;*/
    line-height: 24px;
    color: #010101;
    font-size: 17px;
}
.q_lists .q_img{
	margin-top: 10px;
}
.q_info {
    padding-top: 12px;
    margin-top: 12px;
    color: #666;
    font-size: 14px;
    position: relative;
}
.q_info:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.question-respondent {
    color: #666;
    font-size: 14px;
}
.q_title {
    padding: 10px 15px 0px;
    
}
 .stVoice {
    margin: 12px 0 10px 0;
    overflow: hidden;
}
.stVoice .stPhoto {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 40px;
    background: url(../images/userphotobg.jpg) no-repeat;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}
.stVoice .stPhoto img {
    width: 100%;
    height: 100%;
}
.soundBox {
    position: relative;
    overflow: hidden;
}
.soundBox .s_length {
    position: relative;
    background: #3399ff;
    border-radius: 0 24px 24px 0;
    height: 36px;
    display: inline-block;
    margin-left: 22px;
    min-width: 144px;
    float: left;
    line-height: 36px;
    padding-left: 25px;
    color: #fff;
}
.soundBox .s_length:after {
    content: "";
    background: url(../images/voiceL.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 37px;
    position: absolute;
    left: -22px;
    top: 0;
}
.soundBox .s_length em {
    background: url(../images/soundUi_3.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: block;
    margin: 9px 0 0 0;
    position: absolute;
    left: 0;
}
.soundBox .s_length em.zt{
		background: url(../images/soundUi_4.png) no-repeat;
	  background-size: 100%;
    width: 16px;
    height: 16px;
    display: block;
    margin: 9px 0 0 0;
    position: absolute;
    left: 0;
}
.soundBox .jp-duration {
    float: left;
    text-align: left;
    margin-left: 5px;
    color: #888;
    line-height: 36px;
    font-size: 13px;
    font-style: normal;
}
.stBottom {
    overflow: hidden;
}
.stBottom span {
    font-size: 14px;
}
.stBottom span:first-child {
    float: left;
    color: #5fc4ff;
}
.stBottom span:last-child {
    color: #666;
    float: right;
}
.stBottom span:first-child b {
    color: #ff4664;
    font-size: 14px;
}

.sReward {
    color: #666;
    padding: 8px 0;
    font-size: 14px;
    overflow: hidden;
}
.sReward b {
    
    color: #3399ff;
    padding-left: 3px;
}
.sReward i.iconfont{color: #3399ff;margin-right: 5px;}
.subDeMain .sExplain {
    border-top: 1px solid #dedede;
    padding-top: 8px;
}
.insubIdeas .sExplain {
    padding-top: 5px;
}
.sExplain p {
    font-size: 14px;
    color: #a1a1a1;
    overflow: hidden;
}
.sExplain .how {
}
.sExplain .how b {
    color: #66ccff;
}
.sExplain p span {
    font-size: 14px;
    color: #a1a1a1;
    float: left;
}
.sExplain p time {
    float: right;
}
.sOperate {
    position: relative;
    overflow: hidden;
    margin-top: 8px;
}
.sOperate .r{
	float:right;
}
.sOperate a {
    float: left;
    margin-left: 40px;
}
.sOperate a i {
    margin-right: 5px;
}
.sOperate a.btn_zan i {
    color: #3399ff;
}
.teachlists{
	background:#fff;
}

.weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb{
	border-radius: 50%;
}
.teachlists .weui_media_title{
	font-size: 14px;
}
.teachlists .details span {
    float: left;
    margin-right: 15px;
    font-size: 12px;
    color: #999;
}
.teachlists .details span b {
    
    font-size: 12px;
}
.teachlists .details span i {
  font-style: normal;
  color: #000 !important;
}
.teachlists .details span:first-child b {
    color: #ff4664;
}
.teachlists .details span:last-child b {
    color: #5fc4ff;
}
.teachlists .photo {
    background: url(../images/userphotobg.jpg) no-repeat;
    background-size: 100%;
}
.sortWap {
    height: 44px;
    position: relative;
    line-height: 44px;
    background: #fff;
    padding:0 15px;
}
.sortWap i {
    padding: 0 5px;
}


.findHeader {
    background: #fff;
    padding: 5px 10px;
    position: relative;
    overflow: hidden;
    height: 32px;
}
.findHeader .dcLogo {
    float: left;
}
.findHeader .toplink {
    float: right;
}
.findHeader .toplink a {
    font-size: 14px;
    padding: 0 8px;
    line-height: 32px;
}
.findHeader .toplink a:first-child {
    color: #4651bc;
}
.findHeader .toplink a:last-child {
    color: #ff4664;
    border-left: 1px solid #ccc;
}
.findBanner img {
    display: block;
    width: 100%;
}

.button_p{
	padding:0 15px;
	margin-top:15px;
}
.button_p a:nth-child(2) {
    color: #3399ff;
}
.button_p a:last-child{
	margin-bottom:15px;
}
.textareaDiv {
    position: relative;
    margin: 5px 0;
}
textarea {
    resize: none;
    outline: none;
    -webkit-appearance: none;
}
.textareaDiv textarea {
    padding: 8px;
    box-sizing: border-box;
    width: 100%;
    height: 105px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 5px;
    line-height: 21px;
    font-size: 14px;
 		margin-bottom: 0
}
.textareaDiv .maxNum {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #999;
    font-size: 14px;
}
.textareaDiv .maxNum i{font-style: normal;}
.recordDiv {
    position: relative;
    background: #3399ff;
    border-radius: 0 24px 24px 0;
    height: 36px;
    margin-left: 22px;
    line-height: 36px;
    padding-left: 25px;
    color: #fff;
    box-sizing: border-box;
}
.recordDiv:after {
    content: "";
    background: url(../images/voiceL.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 37px;
    position: absolute;
    left: -22px;
    top: 0;
}
.recordDiv em {
    background: url(../images/soundUi_3.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: block;
    margin: 9px 0 0 0;
    position: absolute;
    left: 0;
}
.recordDiv.recording em {
    background: url(../images/recording.png) no-repeat;
    background-size: 16px;
}
.recordDiv b {
    color: #fff;
    
    font-size: 14px;
}

.subAddPic .tit {
    padding: 10px 0;
    color: #666666;
}

.teachInfo {
    background: #fff;
    padding: 10px 15px;
    text-align: center;
}
.teachInfo .photo {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: url(../images/userphotobg.jpg) no-repeat;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.teachInfo h4 {
    
    margin-top:5px;
}
.teachInfo p {
    color: #666;
    font-size: 12px;
}
.askMoney {
    padding: 10px 15px 0 15px;
    color: #666;
}
.askMoney b {
    
    color: #3399ff;
}
.askFrom {
    background: #fff;
    padding: 10px;
}
.askFrom .textareaDiv {
    margin: 5px 10px;
}
.cameraLink {
    position: relative;
    overflow: hidden;
}
.cameraLink a {
    float: right;
    width: 100px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #3399ff;
    color: #3399ff;
    text-align: center;
    line-height: 32px;
}
.cameraLink a i {
    color: #3399ff;
    margin-right: 5px;
}
.tagDiv {

}
.tagDiv h3 {
    font-size: 13px;
    
    color: #666;
    padding-bottom: 10px;
}
.tagDiv ul {
    overflow: hidden;
    height: 42px;
}
.tagDiv ul.mk{
	height: auto;
}
.tagDiv li {
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #ccc;
    margin: 0 10px 10px 0;
    float: left;
    padding: 0 10px;
}
.tagDiv li.on {
    border: 1px solid #3399ff;
    color: #3399ff;
}
.tagDiv .addDiv {
    overflow: hidden;
}

.tagDiv .addDiv a {
    float: right;
    font-size: 13px;
}
.tagDiv .addDiv a i {
    margin-right: 3px;
    font-size: 13px;
}
.formBtn {
    margin: 15px;
    overflow: hidden;
}
.formBtn a {
    font-size: 16p;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    width: 47%;
    text-align: center;
}
.formBtn a:first-child {
    background: #fff;
    color: #3399ff;
    float: left;
}
.formBtn a:last-child {
    background: #3399ff;
    color: #fff;
    float: right;
}
.questionWap .openAsk {
    padding: 10px 15px 5px;
    color: #666;
}
.questionWap .askFrom {
    background: none;
    padding: 0;
}
.questionWap .intextareaDiv {
    background: #fff;
    padding: 10px 15px;
}
.bountyMoney {
    margin: 15px 0;
    background: #fff;
    padding: 10px 15px 0;
}
.bountyMoney h4 {
    color: #3399ff;
}
.bountyMoney h4 i {
    margin: 0 2px 0 3px;
    color: #3399ff;
}
.bountyMoney h4 span{
	color: #3399ff;margin-left:8px;font-weight: normal;font-weight: ;
	font-size: 14px;
}
.bountyMoney ul {
    overflow: hidden;
    margin-top: 5px;
}
.bountyMoney li {
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #ccc;
    margin: 0 10px 10px 0;
    float: left;
    padding: 0 10px;
}
.questionWap .intagDiv {
    background: #fff;
    padding: 0 10px;
}
/*.my_icon{
	width:22px;
	height:22px;
	margin-right: 5px;
}
.my_icon01{
	background: url(../images/icon_w.png) no-repeat 50% 50%/22px;
}
.my_icon02{
	background: url(../images/icon_k.png) no-repeat 50% 50%/22px;
}
.my_icon03{
	background: url(../images/icon_t.png) no-repeat 50% 50%/22px;
}
.my_icon04{
	background: url(../images/icon_b.png) no-repeat 50% 50%/22px;
}
.my_icon05{
	background: url(../images/icon_g.png) no-repeat 50% 50%/22px;
}*/

/*.icon_tx {
    background: url(../images/icon_tx.png) no-repeat;
    background-size: 28px 28px;
}
.icon_ls {
    background: url(../images/icon_ls.png) no-repeat;
    background-size: 28px 28px;
}
.icon_jd {
    background: url(../images/icon_jd.png) no-repeat;
    background-size: 28px 28px;
}*/
.weui_tabbar_icon{text-align: center;font-size: 14px;}
.weui_tabbar_icon .iconfont.on{display: none;}
.weui_bar_item_on .weui_tabbar_icon .iconfont.on{display: block;}
.weui_bar_item_on .weui_tabbar_icon .iconfont.default{display: none;}
.weui_tabbar_icon .iconfont{font-size: 22px;}
.weui_tabbar_item{color:#666;}
.weui_bar_item_on{
	color: #3399ff;
}
.weui_tabbar_item.weui_bar_item_on .weui_tabbar_label {
    color: #3399ff;
}
.weui_tabbar_label{color:#666666}
.my_iconlist i.iconfont{
	color:#666;
	margin-right:5px;
	font-size: 18px;
}
.weui_grid_my{
	padding:5px 10px 10px;
}
.my_icon_link3 {
    margin: 0 auto;
    text-align: center;
}
.my_icon_link3 i.iconfont{
	
	font-size: 20px;
}
.onclick i.iconfont,.onclick .weui_grid_label{color: #3399ff;}
.dc_hd_a{color:#2195ff;font-size: 14px;}
.btn_cai i.iconfont{
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	display: inline-block;
	color: #666;
}
.popCaiList {
    overflow: hidden;
    margin-right: -15px;
    margin-top: 10px;
}
.popCaiList li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #ccc;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
}
.popCaiList li.on {
    border: 1px solid #3399ff;
    color: #3399ff;
}
.weui_dialog .weui_dialog_bd{color:#333;line-height: 20px;}
.mui-popup-input{text-align: center;}
.mui-popup-input input {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    height: 32px;
	line-height: 32px;
    padding: 0 15px;
    margin:10px auto
}
input:focus { outline:none; }
.bountyMoney{padding-bottom:5px;}
.apply_t {
    padding: 15px 15px 5px;
    text-align: center;
    background: transparent;
}
.apply_t .photo{width: 70px;height: 70px;}
.apply_t_info>p{
	color: #333;
	font-size: 14px;
	margin-bottom: 5px;
}
.apply_t_info textarea{}

.apply_t_input input {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    vertical-align: middle;
    display: inline-block;
    width: 85px;
    margin:0 10px
}
.no_jd span{color:#3399ff !important;font-size: 14px!important;}
.no_jd span i{margin-right: 5px;margin-top: 2px;}
.no_jd span.yjd{color:#666 !important;}
.b_dialog{
	height: 100%;
	background: #666666;
	width: 100%;
	bottom:0px;
	top:auto;
	-webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  border-radius: 0px 0px 0 0;
}
.shareicon{
	position: relative;
	overflow: hidden;
}
.shareicon a{
	  position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #666;
    
}
.shareicon a img{
	width: 48px;
}

.webuploader-pick {
    background: #fff;
    border: 1px dotted #ccc;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    position: relative;
    float: left;
    margin-right: 10px;
    position: relative;
    text-indent: -9999px;
    margin-bottom: 10px;
}
.webuploader-pick:after {
    background-image: url(../images/jiaui.png);
    background-size: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.playbtn{
	float: left;
}
.restart {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #55d38b;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
		line-height: 40px;
		color: #fff;
		font-size: 14px;
}

.recordingbox{
	width: 80%;
	margin-left:10%;
}
.recordingbox .weui_actionsheet_menu{
	background:#fff url(../images/luyin.png) no-repeat 50% 50%/80px;
	height:80px;
}
.talk{
	text-align: center;
	padding:20px 0 5px;
}
.talk p{
	color: #55d38b;
	font-size: 18px;
	margin-top:15px;
	
}
.talk>div{
	display: inline-block;
}
.talk i.iconfont{
	font-size: 60px;
	color: #55d38b;
}
/*动画*/
@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }

  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } 
}
@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }

  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } 
}
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: 0.25s !important;
    animation-delay: 0.25s !important;
}
.line-scale-pulse-out-rapid > div {
    background-color: #55d38b;
    width: 2px;
    height: 20px;
    border-radius: 2px;
    margin: 1px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
}

	.sharebox{
		border: 2px dotted #ccc;
		padding:20px;
		border-radius: 20px;
		width: 70%;
		margin:70px auto;
		text-align: center;
		color: #fff;
		font-size: 20px;
		position:relative;
	}
	.sharebox:after {
	    content: "";
	    background: url(../images/share_bg.png) no-repeat;
	    background-size: 100%;
	    width: 60px;
	    height: 64px;
	    position: absolute;
	    right: 0px;
	    top: -66px;
	}
	

/*2016-08-30*/
.vux-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    background-color: #fff;
    height: 100%;
    /* position: relative; */
    /* border-bottom: 1px solid #e5e5e5; */
}
.vux-tab .vux-tab-item.vux-tab-selected {
    color: #ff3467;
    border-bottom: 2px solid #ff3467;
}
.vux-tab .vux-tab-item.vux-tab-selected_blue{
		color: #2195ff;
		border-bottom: 2px solid #2195ff;
} 
.vux-tab .vux-tab-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-size: 100% 1px;
    font-size: 0.28rem;
    text-align: center;
    line-height: 44px;
    color: #666;
}
.vux-tab .vux-tab-item i.iconfont{margin-right: 4px;}
.btn_ys {
    height: 32px;
    line-height: 32px;
    border: 1px solid #3399ff;
    border-radius: 5px;
    color: #3399ff;
    padding: 0 10px;
    display: block;
    margin-left: 0.6em;
}
.panel_hd_title{float:left}
.teach_item_hd{
	overflow: hidden;
}
.teach_item_hd,.teach_item_hd .weui_cell_ft{
	color: #666666;
	font-size: 16px;
}
.teach_item_hd .tagDiv ul{
	height: 34px;
}
.btn_red{
	height: 0.54rem;
	line-height: 0.54rem;
	border: 1px solid #3399ff;
	background: #3399ff;
	border-radius: 5px;
	color: #fff;
	padding: 0 10px;
	display: block;
	width: 0.98rem;
	box-sizing: border-box;
	font-size: 0.20rem;
	text-align: center;
	text-decoration: none;
}
.btn_blue{
	height: 28px;
	line-height: 26px;
	border: 1px solid #3399ff;
	background: #3399ff;
	border-radius: 5px;
	color: #fff;
	padding: 0 10px;
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.btn_blue_qu{
	height: 28px;
	line-height: 26px;
	background: #999;
	border-radius: 5px;
	color: #fff;
	padding: 0 10px;
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.btn_blue_b{
	height: 32px;
	line-height: 32px;
	border: 1px solid #3399ff;
	border-radius: 5px;
	color: #3399ff;
	padding: 0 10px;
	display: block;
	width: 75px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}



.tiwen_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    bottom: 70px;
    width: 100%;
    width: 60px;
    height: 60px;
    right: 15px;
    border-radius: 50%;
    text-align: center;
    z-index: 9999;
}
.tiwen_btn .bg{
	background-color: #ff3366;
	width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  opacity: 0.8;
}
.tiwen_btn.tiwen_btn_blue .bg{
	background-color: #3399ff;
}
.tiwen_btn .text{
	position: absolute;
	color: #fff;
	width: 100%;
  height: 100%;
  top:2px
}
.tiwen_btn .text i{font-size: 22px;}
.tiwen_btn .text p{font-size: 12px;color: #fff;}

.qrcode{
	text-align: center;
	padding-top:20px
}
.qrcode .photo{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin:0 auto 5px auto;
	
}
.qrcode .photo img{
	border-radius: 50%;
}
.qrcode .info{
	padding:10px 10px;
	font-size: 13px;
	color: #666;
}
.qrcode h3{
	font-weight: normal;
	margin-top: 10px;
	font-size: 16px;
}
.img_qrcode{
	margin:10px auto;
	width: 200px;
}



/*教师节对错调查   20160908*/
.share_bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background:url(../images/fxym.png) no-repeat center center;
	background-size: 78% 78%;
	box-sizing: border-box;	
	z-index: 999;
}
.share_bgcolor{
	position: fixed;
	width: 100%;
	height: 100%;
	background:#000;
	box-sizing: border-box;	
	opacity: 0.6;
	z-index: 998;
}
.yesorno{
	position: fixed;
	width: 100%;
	height: -moz-calc(100% - 80px);
	height: -webkit-calc(100% - 80px);
	height: calc(100% - 80px);
	background: #fff url(../images/ditu-d.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.yesorno_img{
	position: fixed;
	width: 100%;
	height: -moz-calc(100% - 80px);
	height: -webkit-calc(100% - 80px);
	height: calc(100% - 80px);
	box-sizing: border-box;
}
.select_btns{
	position: fixed;
	bottom: 20px;
	height: 40px;
	width: 100%;
	text-align: center;
}
.select_btns>a{
	width: 105px;
	height: 40px;
	display: inline-block;
}
.select_btns a.btn_yes{
	background: #fff url(../images/dui.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 30px;
}
.select_btns a.btn_no{
	background: #fff url(../images/cuo.png) no-repeat;
	background-size: 100% 100%;
}
.teacher_dialog {
	position: fixed;
	z-index: 13;
	width: 95%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	background: url(../images/02-di.png) no-repeat center;
	background-size: 100% 100%;
	height: 78%;
}
.teacher_dialog_ft {
    position: relative;
}
.teacher_dialog_hd{
	height: 15%;
}
.teacher_dialog_bd{
	height: 70%;
}
.teacher_dialog_ft{
	height: 15%;
	
}
.teacher_dialog_ft a{
	display: block;
	height: 100%;
	width: 50%;
	background: #f00;
	float: left;
}
.teacher_dialog_ft a:first-child{
	background: url(../images/fxgd.png) no-repeat center;
	background-size:82px 40px;
}
.teacher_dialog_ft a:last-child{
	background: url(../images/gdjc.png) no-repeat center;
	background-size:82px 40px;
}
.teacher_dialog_hd.zmgd{
	background: url(../images/zmgd.png) no-repeat center;
	background-size: 95px 25px;
}
.teacher_dialog_hd.fmgd{
	background: url(../images/fmgd.png) no-repeat center;
	background-size: 95px 25px;
}
.teacher_dialog_bd .items{
	height: 100%;
	width: 100%;
	padding:0 13%;
	
}
.teacher_dialog_yes .item1{
	background: url(../images/w1.png) no-repeat center;
	background-size:contain;
	box-sizing: border-box;
	-webkit-background-origin:content-box; /* Safari */
	background-origin:content-box;
}
.teacher_dialog_yes .item2{
	background: url(../images/wen2.png) no-repeat center;
	background-size:contain;
	box-sizing: border-box;
	-webkit-background-origin:content-box; /* Safari */
	background-origin:content-box;
}
.teacher_dialog_no .item1{
	background: url(../images/wen3.png) no-repeat center;
	background-size:contain;
	box-sizing: border-box;
	-webkit-background-origin:content-box; /* Safari */
	background-origin:content-box;
}
.teacher_dialog_no .item2{
	background: url(../images/wen4.png) no-repeat center;
	background-size:contain;
	box-sizing: border-box;
	-webkit-background-origin:content-box; /* Safari */
	background-origin:content-box;
}
.teacher_dialog_bd .t_code{
	height: 100%;
	width: 100%;
	padding:0 25%;

	box-sizing: border-box;
	-webkit-background-origin:content-box; /* Safari */
	background-origin:content-box;
}
.shouzhi{
	width: 100px;
	height:105px;
	background: url(../images/hand.png) no-repeat 100% 100%;
	background-size:100px 106px;
	box-sizing: border-box;
	-webkit-background-origin:content-box; /* Safari */
	background-origin:content-box;
	position: absolute;
	bottom: 10px;
	right:0;
}
.btn_qh{
	display: block;
	position: absolute;
	top:50%;
	margin-top:-35px;
	width:26px;
	height: 71px;
}
.qh_l{
	background: url(../images/left.png) no-repeat center;
	background-size:20px 54px;
}
.qh_r{
	background: url(../images/riaht.png) no-repeat center;
	background-size:20px 54px;
	right: 0;
}
.wenzitishi {
    position: fixed;
    bottom: 60px;
    width: 100%;
    text-align: center;
}
.blur {	
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ 
    -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false); /* IE6~IE9 */
}
/*教师节对错调查   20160908   end------------------------------------*/

/*20160923   观点*/
.viewlists{
	background: #fff;
}
.viewlists .weui_media_box.weui_media_appmsg .weui_media_hd{
	margin-left: 10px;
	margin-right: 0em;
	width: 86px;
  height: 64px;
}
.viewlists .weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb {
    border-radius: 0;
}
.viewlists .weui_media_box.weui_media_appmsg {
    display:inherit;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    align-items:inherit;
}
.viewlists .align-items{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    align-items:initial;
}
.viewlists .viewnum{
	color: #3399ff;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 8px !important;
}
.viewlists .weui_media_box .weui_media_desc {
    font-weight: 400;
    font-size: 17px;
    color: #000;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.viewlists .view_info{
		margin-top: 14px;
    color: #666;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.viewlists .view_info .s_num{
	margin-right: 10px;
}
.viewlists .view_info .s_num b{font-weight: normal;}
.viewlists .view_info .s_num i{margin-left:6px;}
.view_tab a{position: relative;}
.view_tab a+a:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 1px;
  height: 26px;
  background-color: #dfdfdf;
  content: ' ';
}
.vux-tab.view_tab{

}
.vux-tab.view_tab .vux-tab-item{
	line-height: 34px;
	height: 44px;
	padding:5px 0;	
}



/*多个回答*/
.QuestionHeader {
    padding: 0 15px;
    margin-bottom: 10px;
}
.QuestionHeader-title {
    line-height: 26px;
    padding:15px 0 10px 0;
    font-size: 18px;
    color: #000;
}
.QuestionHeader-descriptionWrapper {
    position: relative;
/*    max-height: 5.1em;*/
    overflow: hidden;
}
.QuestionHeader-descriptionWrapper.is-expanded {
    max-height: none;
}
.QuestionHeader-descriptionWrapper .RichText{
	/*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;*/
}
.RichText{
	color: #666;
	font-size: 14px;
	line-height: 23px;
}
.AnswerItem-content .RichText{
	color: #000;
	line-height: 24px;
	font-size: 15px;
}
.quote{
	background: #f5f5f5;
	padding:15px;
	color: #666;
	position: relative;
	margin-top: 20px;
	font-size: 12px;
	line-height: 16px;
	border-radius:4px;
}
.quote b{color: #000;}
.quote:after{
	position: absolute;
	top: -6px;
	left: 10px;
	width: 14px;
	height: 14px;
	content: ' ';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 2px;
	background: #f5f5f5;
}
.AnswerItem-footer{
	text-align: right;
	color: #999;
	margin-top: 15px;
	font-size: 14px;
}
.AnswerItem-footer span+span{margin-left: 10px;}
.AnswerItem-footer span.active{color: #FF0000;}
.AnswerItem-footer i.iconfont{margin-right: 7px;}


.QuestionHeader-mask {
		display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.5),#fff);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.5),#fff);
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
}
.more_button {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 0;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 4px;
    text-align: center;
    font: inherit;
    background: none;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.QuestionHeader-expandButton {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #3399ff;
}
.Section-title {
    padding: 0 15px;
    height: 32px;
    color: #626262;
    line-height: 32px;
    font-size: 16px;
    background-color: #fff;
}
.Section-title span{
	display: inline-block;
	height: 32px;
	border-bottom: 2px solid #3399ff;
}
.AnswerItem {
    padding: 15px 15px;
    border-top: 1px solid #eee;
}
.AnswerItem:last-child {
    padding: 10px 15px;
}
.AnswerItem-meta {

    margin-bottom: 10px;
    color: #6f6f6f;
}

.AnswerItem-content {
    position: relative;
    overflow: hidden;
    max-height: 8em;
}
.AnswerItem-content.is-expanded {
    max-height: none;
}
.AnswerItem-mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 160px;
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
}
.Button--large {
    display: block;
    padding: 8px 0;
    width: 100%;
}
.AnswerItem-expandButton {
    position: absolute;
    padding: 0;
    bottom: 0;
    color: #3592f5;
}
.Icon {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}
.AnswerItem-expandIcon {
    display: block;
    margin: -6px auto;
    fill: #3592f5;
}
.Userbox {
    color: #6f6f6f;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.user_bd {
-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.user_ft {
    text-align: right;
    color: #999999;
}
.user_hd{height: 0.68rem;}
.User-avatar {
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 50%;
    margin-right: 10px;
		position: relative;
    display: inline-block;
}
.user_hd_ico a.User-avatar:after{
	display: block;
	position: absolute;
	bottom: -6px;
	right: -6px;
	content: "";
	background: url(../images/laoshi_ico.png) no-repeat;
	background-size: 16px 22px;
	width: 16px;
	height: 22px;
}
.User-avatar img{width: 100%;height: 100%;border-radius: 50%;}
.User-name {
	font-size: 15px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 1.1;
}
.User-info{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #666;
	font-size: 0.24rem;
}
.zan_y.on{color:#ff0000;}
.zan_n.on{color:#ff3467;}
.zans b{font-style: normal;font-weight: normal;}
.zan_n i {
		-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	display: inline-block;
}
.zans+.zans{margin-left:10px}
.AnswerItem_more_title{float: left;color:#979797;}
.AnswerItem_why_title{color:#3399ff;font-size: 12px;}
.AnswerItem_why{background: #f3f3f3;}
.zan_cai_boxs{
	padding:20px 15px;
	text-align: center;
	font-size: 18px;
	color:#999
}
.zan_cai_boxs .zans{
	display: inline-block;
	border:1px solid #ccc;
	padding:0px 0.5rem;
	height: 0.64rem;
	line-height: 0.64rem;
	border-radius: 26px;
	box-sizing: border-box;
	font-size: 0.28rem;
}
.zan_cai_boxs .zans i.iconfont{font-size: 0.28rem;}
.zan_cai_boxs .zans.zan_y.on{
	border:1px solid #3399ff;
}
.zan_cai_boxs .zans.zan_n.on{
	border:1px solid #ff3467;
}
.zan_cai_boxs .zans+.zans {
    margin-left: 30px;
}
.zan_cai_boxs .zans.zan_xin{
	border:1px solid #ff0000;
	color: #ff0000;
}
.gd_otherlists{
	margin:8px 15px;
	padding:0 15px;
	background:#f3f3f3;
	font-size: 0.3rem;
}
.gd_otherlists li+li{
	border-top:1px solid #cdcdcd
}
.gd_otherlists li a{
	padding:15px 0;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1;
	font-size: 15px;
}
.gd_topbox{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding:15px;
    background: #f3f3f3;
    font-size: 18px;
    line-height: 24px;
}
.gd_topbox .title{
	    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 0.36rem;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-right: 10px;
    color: #000;
}
.gd_topbox .weui_cell_ft{
	font-size: 0.24rem;
}
.viewstab{
	
	overflow: hidden;
}
.view_tablist{
	clear: both;
	overflow: hidden;
	padding:5px 15px 15px 5px;
}
.viewtab_btn{
	display: inline-block;
	border:1px solid #cdcdcd;
	color: #999;
	text-align: center;
	padding:0px 20px;
	height: 28px;
	line-height: 28px;
	border-radius: 28px;
	float: left;
	margin-left: 10px;
	margin-top:10px;
}
.viewtab_btn.on{
	color: #3399ff;
	border: 1px solid #3399ff;
}
.btn_up{
	display: none;
	clear: both;
	text-align: center;
	margin-top:0px;
}
.btn_up i{font-size: 24px;color: #999;}
.screenbg{
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0.5;
	display: none;
}
.viewsbox{
	padding: 15px;
}
.viewsbox .title{
	font-weight: 400;
  font-size: 17px;
  line-height: 24px;
}
.view_num{
	position: relative;
	margin:30px 0;
}
.view_num .num_line{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 32px;
	line-height: 32px;
}
.view_num .num_line_harf{
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding:0 15px;
	font-size: 0.24rem;
}
.view_num .num_line_harf.v_yes{background: #87c5ff;border-radius: 32px 0 0 32px;}
.view_num .num_line_harf.v_no{background: #ff99c7;border-radius: 0px 32px 32px 0px;}
.view_num .num_line_harf.v_yes .zans{float: left;}
.view_num .num_line_harf.v_no .zans{float: right;}
.view_num .num_line_harf.v_yes .text_num{
	color: #0587ff;
	float: right;
	margin-right: 20px;
}
.view_num .num_line_harf.v_no .text_num{
	color: #ff0e7a;
	float: left;
	margin-left: 20px;
}
.view_num .num_line_harf .zans{color: #fff;}
.view_num .num_line_harf .zans i{margin-right: 5px;}
.svg_nubbox,.svg_nubbox_click{
	width: 60px;
	height: 60px;
	position: absolute;
	background: #fff;
	border-radius: 50%;
	left: 50%;
	margin-left:-30px;
	top:50%;
	margin-top: -30px;
}
.svg_nubbox_bg{
	width: 62px;
	height: 62px;
	position: absolute;
	background: #fff;
	left: 50%;
	top:50%;
	margin-left:-31px;
	margin-top:-31px;
	border-radius: 50%;
	text-align: center;
	line-height: 62px;
	color: #000;
	font-size: 18px;
}
.svg_nubbox_click{
	background: #000;
	z-index: 99999;
	opacity: 0;
}
.top_view{
	overflow: hidden;
}
.top_view_item{width: 50%;float: left;box-sizing: border-box;}
.top_view_item:first-child{
	padding-right: 14px;
	border-right: 1px solid #dedede;
}
.top_view_item+.top_view_item{padding-left:15px;}
.top_view_item .Userbox{
	    -webkit-box-align: inherit;
    -webkit-align-items:inherit;
    align-items:inherit;
}
.top_view_item .User-name{color: #9a9a9a;font-size: 0.2rem;line-height:0.32rem;font-weight: normal;margin-bottom:5px;}
.top_view_item .User-info{color: #666;font-size: 0.24rem;line-height:0.32rem;-webkit-line-clamp: 3;}
.top_view_item .User-avatar{
	margin-right: 5px;
	width: 0.5rem;
	height: 0.5rem;
}


/*10-8 mui------------------------------------------*/
.mui-bar{padding:0}
.mui-bar .weui_tabbar_label{margin:5px 0 0 0}
.mui-bar .weui_tabbar_item{padding:0;position: relative;}
.mui-bar .weui_tabbar{position:relative;}
.mui-bar .weui_tabbar:before{border-top:none}
.red_dot{
	display: inline-block;
	position: absolute;
	width: 28px;
	height: 18px;
	top:-8px;
	left:50%;
	margin-left:11px;
	background: url(../images/new_f.png) no-repeat 50% 50%/28px 18px;
}

.stBottom .how{color: #666;}
.q_jieda .q_info{margin-top:0;padding-top: 0;}
.q_jieda .q_info:after{border-top:none}
.jieda_pic{text-align: center;margin:12px 0;max-height: 109px;overflow: hidden;}
.jieda_pic img{max-height: 100%;max-width: 100%;}
.jieda_info{text-align: center;}
.jieda_info p{color: #666;font-size: 12px;}
.jieda_info .btn_2_0{margin:15px 0}
.jieda_info .btn_2_0:hover,.jieda_info .btn_2_0:active,.jieda_info .btn_2_0:focus{
	color: #2194ff;
}
.btn_2_0{
	background: #2194ff;
	color: #fff;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding:0 15px;
	border-radius: 8px;
}
.btn_2_0,.btn_2_0:active,.btn_2_0:focus{color: #fff;}
.btn_2_0 i.iconfont{margin-right: 8px;}
.btn_2_0_b{
	border:1px solid #2194ff;
	color: #2194ff;
	background: transparent !important;
}
.jieda_other{
	background: #fff;
	margin-top:10px;
}
.jieda_other li {padding:15px 0}
.jieda_other li a{
	padding:0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	line-height: 20px;
}
.ls_share{font-size: 14px;color: #666;line-height: 28px;}
.ls_share i{margin-right: 5px;}

/*dc_flex*/
.dc_flex{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dc_hd{
		-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}

.vipcard .dc_flex{
	display: -webkit-box;
	/*display: -webkit-flex;*/
	/*display: flex;*/
	/*-webkit-box-align: center;*/
	/*-webkit-align-items: center;*/
	align-items: center;
}
.vipcard .dc_hd{
		-webkit-box-flex: 1;
	/*-webkit-flex: 1;*/
	/*flex: 1;*/
	/*min-width: 0;*/
    display: inline-block;
    margin: 0 15px 15px 0;
}

.vipbuy .dc_flex{
	display: -webkit-box;
	/*display: -webkit-flex;*/
	/*display: flex;*/
	/*-webkit-box-align: center;*/
	/*-webkit-align-items: center;*/
	align-items: center;
}
.vipbuy .dc_hd{
		-webkit-box-flex: 1;
	/*-webkit-flex: 1;*/
	/*flex: 1;*/
	/*min-width: 0;*/
    display: inline-block;
    margin: 0 15px 15px 0;
}
.none{
    display: none;
}

.teacher_pic{
	text-align: center;
	margin-top: 10px;
}
.teacher_pic .pic{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin:0 auto
}
.teacher_pic .pic img{width: 100%;height: 100%;}
.teacher_pic .t_name{font-size: 18px;color: #000;line-height: 1;margin:12px 0 9px 0}
.teacher_pic .t_info{
	font-size: 14px;
	color: #666;
	line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.teach_gz{
	margin:15px -15px -5px -15px;
	border-top: 1px solid #cbcbcb;
	padding-top: 12px;
}
.teach_gz .dc_hd{text-align: center;}
.teach_gz .dc_hd+.dc_hd{border-left: 1px solid #cccccc;}
.teach_gz .dc_hd .num{color: #000;font-size: 16px;}
.teach_gz .dc_hd .info{color: #999;font-size: 12px;}
.teach_tw{text-align: center;}
.teach_tw textarea{margin-bottom: 0;}
.wenti_info {margin-top: 10px;}
.wenti_info .num{color: #666;font-size: 12px;}
.wenti_info .name{color: #000;font-size: 14px;}
.wenti_info .more{color: #2095ff;font-size: 14px;}

.jiedashow{background: transparent !important;}
.jiedashow:after{border-bottom: none !important;}
.q_jieda .pic{width: 50px;height: 50px;overflow: hidden;border-radius: 50%;margin-right: 10px;}
.q_jieda .pic img{width: 100%;height: 100%;}
.q_jieda .dc_flex .name{font-size: 15px;color: #000;line-height: 1;}
.q_jieda .dc_flex .num{font-size: 12px;color: #666;line-height: 1;}
.q_jieda .dc_flex .more{color: #2095ff;font-size: 14px;}
.jieda_text{font-size: 15px;color: #000;line-height: 22px;margin-top: 15px;}

.why_content{padding:15px;color: #000;}
.why_content .title{
	font-size: 18px;
	padding:15px 0;
}
.why_content .text{font-size: 16px;line-height: 24px;}
.why_content .text p{color: #000;margin-bottom: 10px !important;}


/*view 遮罩层*/
.mask_reyi{
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.mask_reyi .bg{
	background: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
}
.mask_reyi .content{
	position: absolute;
	left: 0;
	top:0;
	text-align: center;
	width: 100%;
	height: 100%;
	padding:20px 0;
	box-sizing:border-box
}
.mask_reyi .content p{color: #fff !important;font-size: 16px;}
.mask_reyi .content p:first-child {font-weight: 900;font-size: 24px;margin-bottom: 4px !important;}
.mask_reyi .content .erweima{
	width: 50%;
	margin:15px auto
}
.mask_reyi .content .btn_close{
	margin-top: 10px;
	width: 32px;
	height: 32px;
	display: inline-block;
	background: url(../images/btn_close.png) no-repeat center center/32px 32px;
}

.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{
	font-family: iconfont;
}
.mui-navigate-right:after, .mui-push-right:after {
    right: 15px;
    content: '\e619';
}
.mybox .mui-table-view-cell i.iconfont{margin-right: 8px;color: #2194ff;}
.my_name .user_ft i{font-size: 20px;color: #666;margin:0 0 10px 0}
.my_infor,.my_infor .mui-navigate-right:after{color: #666;}
.my_money .title{font-size: 14px;color: #000;margin-bottom: 6px !important;}
.my_money .infor{font-size: 12px;color: #666;}
.my_name .user_hd{margin-right: 14px;width: 48px;height: 48px;}
.my_name .User-avatar{width: 48px;height: 48px;margin-right: 0;}


.teach_list .pic{
	width: 55px;
	height: 55px;
	margin-right: 12px;
}
.teach_list .dc_hd{padding-right: 20px;}
.teach_list .name{font-size: 16px;color: #000;line-height: 1;margin-bottom: 7px !important;}
.teach_list .infor{font-size: 12px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;line-height: 1;margin-bottom: 9px !important;}
.tags_b{
	border: 1px solid #3399ff;
	display: inline-block;
	color: #3399ff;
	text-align: center;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	padding:0 5px;
	border-radius: 4px;
}
.tags_b+.tags_b{margin-left: 10px;}
.teachtop{padding:10px 15px}
.teachtop .pic{width: 100%;height: 121px;overflow: hidden;border-radius: 8px;margin:12px 0}
.teach_tag .tagitem{overflow: hidden;}
.teach_tag .dc_flex{margin:0 -5px;}
.teach_tag .dc_hd{padding:0 5px;}
.taglist{
	height: 32px;
	line-height: 30px;
	border: 1px solid #999;
	border-radius: 6px;
	color: #999;
	text-align: center;
	font-size: 14px;
}
.taglist.on{
	border: 1px solid #3399ff;
	color: #3399ff;
}
.taglist i.iconfont{margin-right: 5px;}
.teach_so{position: relative;}
.teach_so i{
	position: absolute;
	left: 8px;
	top:3px;
	color: #999;
}
.teach_so input[type=text]{
	margin:0;
	background: #f2f2f2;
	border:1px solid #ccc;
	padding:6px 15px 6px 30px;
	height: 33px;
	line-height: 19px;
}
.teach_so button{
	padding:6px 10px;
	background: #3399ff;
	border: 1px solid #3399ff;
	color: #fff;
	margin-left: 7px;
}


.tag_teach{
	border:1px solid #3399ff;
	position: relative;
	border-radius: 4px;
	font-size: 14px;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	padding:0 8px;
	margin-left: 10px;
}
.tag_teach:after{
	content: '老师';
	color: #3399ff;
}

.iconfont_hot{color: #ffc127;margin-right: 5px;}
.question_box .textareaDiv .maxNum{
	bottom: 20px;
}




/*解答、老师合并 公用部分*/

.jieda_tab_top{
	background: #fff;

}
.tab_box{
	height: 45px;
	position: relative;
	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;
	background: #fff;
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0;
}
.tab_box:before{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
}
.tab_inner {
    display: inline-block;
    border: 1px solid #2195ff;
    border-radius: 4px;
}
.tab_inner a{
    position: relative;
    display: inline-block;
    padding: 5px 29px;
    font-size: 13px;
    color: #2195ff;
    text-align: center;
    border-right: 1px solid #2195ff;
    text-decoration: none;
    float: left;
}

.tab_box~.mui-content {
    padding-top: 45px;
}
.tab_inner a:last-child {
    border-right: none;
    float: none;
}
.tab_inner a.active{
    color: #fff;
    background: #2b8ff7;
}

.tab_type_box{
	position: relative;
	padding:15px 0;
}

.tab_type_box .dc_hd{
	text-align: center;
	color: #999;
}
.tab_type_box .dc_hd.active{
	color: #2b8ff7 ;
}
.tab_type_box .dc_hd.active .iconpic{
	border:1px solid #2b8ff7;
}
.tab_type_box .dc_hd.active p{
	color: #2b8ff7;
}
.tab_type_box .dc_hd .iconpic{
	width: 42px;
	height: 42px;
	border:1px solid #999;
	border-radius: 50%;
	text-align: center;
	margin:0 auto;
	line-height: 40px;
}
.tab_type_box .dc_hd i.iconfont{
	font-size: 20px;
}
.tab_type_box .dc_hd p{
	line-height: 1;
	margin-top: 10px;
}
.tab_type_box .mui-slider{
	border-radius: 8px;
	margin:-3px 12px 20px 12px;
	width: auto;
}
.tab_type_box .mui-slider-indicator{
	bottom: 0;
}




/*微课*/
.weike_box .panel{
	background: #fff;
	overflow: hidden;
	position: relative;
}
.weike_box .panel+.panel{
	margin-top: 10px;
}
.weike_box .banner{
	height: 3.4rem;
	overflow: hidden;
	position: relative;
}
.weike_box .banner .play_btn{
	height: 44px;
	width: 44px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -22px;
	margin-left: -22px;
	border-radius: 50%;
	overflow: hidden;
	line-height: 44px;
}
.weike_box .banner .play_btn .bg{
	background: #000;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.7;
}
.weike_box .banner .play_btn i{
	color: #fff;
	position: relative;
	width: 18px;
	height: 18px;
	font-size: 18px;
	overflow: hidden;
	margin-left:4px;
}
.weike_box .content{
	position: relative;
	overflow: hidden;
}
.weike_box .banner~.content{
	padding:15px;
}
.weike_box .wk_title{
	font-size: 17px;
	color: #000;
	margin-bottom: 10px;
	line-height: 24px;
}
.weike_box .infor p{color: #666 !important;}
.weike_box .infor i.iconfont{margin-right: 8px;}
.weike_box .title{
	position: relative;
	padding:15px;
	line-height: 16px;
	/* height: 46px; */
	font-size: 14px;
	color: #999;
}
.weike_box .title:before{
	position: absolute;
	content: '';
	width: 3px;
	height: 16px;
	background: #2195ff;
	left: 0;
}
.weike_box .title~.content:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #ccc;
	top: 0;
	left: 0;
}
.weike_box .step li{
	padding:15px;
	color: #000;
	font-size: 14px;
	position: relative;
}
.weike_box .step li .btn_toggle{
	float: right;
	color: #a9a9a9;
	font-size: 25px;
	height: 25px;
	line-height: 25px;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-ms-transition: all 0.1s;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.weike_box .step li .btn_toggle.active{
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.weike_box .step li+li:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
	top: 0;
	left: 15px;
}
.weike_box .step li>span{
	background: #f2f2f2;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #2195ff;
	display: inline-block;
	margin-right: 12px;
	border-radius: 5px;
	font-weight: bold;
	float: left
}
.weike_box .step li .title_s{
	padding-left: 37px;
	line-height: 25px;
}
.weike_box .step_more{
	background: #f2f2f2;
	margin-top: 20px;
	margin-left: 37px;
	padding:12px 10px;
	border-radius: 4px;
}
.weike_box .step_more .list{
	height: auto;
	line-height: 19px;
	font-size: 14px;
	color: #666;
}
.weike_box .step_more .list i{
	float: left
}
.weike_box .step_more .list p{
	padding-left: 25px;
}
.weike_box .step_more .list+.list{
	margin-top: 10px;
}
.weike_box .step_more .list i.iconfont{
	color: #2195ff;
	font-size: 15px;
}
.weike_box .step_more .list span{
	margin-right: 10px;
}
.weike_box .step_more .list p{
	background: #2195ff;
	display: inline-block;
	color: #fff;
	border-radius: 2px;
	height: 19px;
	line-height: 19px;
	padding:0 7px;
	font-size: 12px;
}
.weike_box .Userbox{
	padding:5px 15px 15px 15px;
}
.weike_box .infor_text{
	margin:15px;
	color: #9b9b9b;
	font-size: 12px;
	    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.weike_box .infor_text.moreinfor{
	-webkit-line-clamp:inherit
}
.weike_box .more_infor{
	color: #b2b2b2;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
}
.weike_box .more_infor i.iconfont{
	margin-left: 5px;
	font-size: 14px;
}
.weike_box .btn{
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	text-align: center;
	background: #3399ff;
	color: #fff;
	margin:10px 15px;
}
.weike_box .xdth_text{
	color: #000;
	line-height: 22px;
	font-size: 14px;
	padding:0 15px 0px;
}
.weike_box .xdth_pic{
	padding:0 15px;
	max-height: 92px;
	overflow: hidden;
	margin-top: 15px
}
.weike_box .xdth_pic img{
	width: 92px;
	height: 92px;
}
.weike_box .btn_pl{
	position: absolute;
	right: 15px;
	top:7px;
}
.weike_box .kcxq{
	color: #999;
	line-height: 22px;
	font-size: 14px;
	margin:0 15px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.weike_box .panel.on .kcxq{
	-webkit-line-clamp: inherit;
}
.weike_box .btn_zkss{
	text-align: center;
	color: #666;
	font-size: 14px;
	margin-bottom: 10px;
}

.weike_box .btn_zkss i{
	margin-left: 5px
}
.weike_box .tab_links{
	overflow: hidden;
	margin-bottom: 5px;
}
.weike_box .tab_links a{
	display: inline-block;
	width: 50%;
	text-align: center;
	height: 45px;
	float: left;
	line-height: 43px;
	font-size: 15px;
	color: #999;
}
.weike_box .tab_links a.active{
	color: #2194ff;
	border-bottom: 2px solid #2194ff;
}
.uploadpics{
	position: absolute;
	bottom: 10px;
	right: 15px;
	left: 15px;
	overflow: hidden;
}
.uploadpics .pics{
	width: 90px;
	height: 90px;
	overflow: hidden;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.uploadpics .pics img{
	width: 100%;
	height: 100px;
}
.uploadpics .upload_btn{
	width: 90px;
	height: 90px;
	text-align: center;
	overflow: hidden;
	padding-top:12px;
	background: #f2f1f1;
	overflow: hidden;
}
.upload_btn i{color: #999;font-size: 30px;}
.upload_btn p{color: #999;}

.weikelist .time{
	color: #999;
	padding:12px 15px;
	font-size: 14px;
}
.weikelist .pic{
	height: 3.4rem;
	position: relative;
}
.weikelist .pic img{
	height: 100%;
	width: 100%;
	
}
.weikelist .pic .tistext{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.weikelist .pic .tistext .mask{
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.5;

}
.weikelist .pic .tistext .text{
	position: relative;
	padding:5px 15px;
}
.weikelist .pic .tistext .text p{
	color: #fff;
	line-height: 20px;
}
.weikelist .tags{
	text-align: center;
	color: #000;
	padding:12px 15px;
	font-size: 14px;
}
.weikelist .tags span{
	display: inline-block;
	padding:0 5px;
	height: 16px;
	line-height: 18px;
}
.weikelist .tags span+span{
	border-left: 1px solid #ccc;
}
.weike_yugao{
	border:1px solid #cdcdcd;
	margin:21px 10px 10px;
	border-radius: 6px;
	background: #fff;
	padding:15px 15px;
	position: relative;
}
.weike_yugao .pic{overflow: hidden;height: 44px;margin-right: 10px}
.weike_yugao img{
	height: 44px;
	height: 44px;
	border-radius: 50%;
}
.weike_yugao .name{
	color: #000 !important;
	font-size: 14px;
}
.weike_yugao .kktime{
	color: #999;
	font-size: 14px;
}
.weike_yugao .yugao_title{
	height: 25px;
	width: 61px;
	background: url(../images/yugao.png) no-repeat left top;
	background-size: 61px 25px;
	position: absolute;
	top:-11px;
	left:-6px;
	line-height: 21px;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}
.weike_yugao .yugao_title i{
	margin-left:5px;
	margin-right: 3px;
	vertical-align: middle;
}
.weike_times{
	background: #fff;
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top:0;
}
.weike_times:before{
	content: '';
	height: 1px;
	background: #e7e7e7;
	width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
}
.weike_times .mui-segmented-control.mui-scroll-wrapper {
  height: 64px;

}
.weike_times .mui-segmented-control .mui-control-item{
	font-size: 13px;
  line-height: 20px;
  height: 64px;
  padding:10px 22px;
  color: #999;
}
.weike_times .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #1a99fb;
    border-bottom: 2px solid #1a99fb;
    background: 0 0;
}
.weike_times~.weike_box {
    padding-top: 64px;
}
/*分享图片*/
.fengxiangpic{
	position: fixed;
	right: 0;
	z-index: 2;
	width: 96px;
	height: 155px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);	
	transform-origin:100% 100%;
}
.fengxiangpic.active{
	transform: rotate(0deg);	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}


/*小程序*/
.tool_page .title_page{
	text-align: center;
	color: #000;
	font-size: 18px;
	height: 44px;
	line-height: 44px;
}
.tool_page .newview{
	color: #999;
	font-size: 14px;
	padding:10px 15px 10px 24px;
	height: 36px;
	line-height: 16px;
	position: relative;
}
.tool_page .newview:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 16px;
    background: #2195ff;
    left: 15px;
}
.tool_page .panel+.panel{margin-top: 10px;}
.tool_page .panel{
	background: #fff;
}
.tool_page .panel .title{
	font-size: 14px;
	color: #999;
	padding:12px 15px;
	line-height: 1;
	position: relative;
}
.tool_page .panel .title:before{
	content: '';
	position: absolute;
	bottom: 0;
	right:0;
	height: 1px;
	left:15px;
	background: #e5e5e5;
}
.tool_page .panel .title_tip{
	font-size: 14px;
	color: #000;
	height: 40px;
	line-height: 40px;
	position: relative;	
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tool_page .panel .title_tip span{
	color: #3399ff;
}
.tool_page .panel .content{
	padding:15px 15px;
}
.tool_page .panel .content .text{
	line-height: 20px;
	color: #333;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.tool_page .panel .content .text.allshow{
	-webkit-line-clamp:inherit
}
.showallbtn{
	text-align: center;
	color: #b2b2b2;
	margin-top: 8px;
	font-size: 14px;
}
.showallbtn i.iconfont{
	margin-left: 4px;
	font-size: 14px;
}
.tool_page .join_pic{
	padding:15px 0;
	position: relative;
}
.tool_page .join_pic .dc_hd_x{
	height: 35px;
	text-align: center;
	width: 14.285%;
}
.tool_page .join_pic img{
	width: 35px;
	height: 35px;
	display: inline-block;
}
.tool_page .join_pic p{
	text-align: right;
	color: #000;
	font-size: 12px;
	padding:0 15px;
	margin-top: 10px;
}
.tool_page .topbanner{
	position: relative;
	height: 170px;
	width: 100%;
	overflow: hidden;
}
.tool_page .topbanner img{
	width: 100%;
	height: 100%;
	position: absolute;
}
.tool_page .topbanner .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	opacity: 0.6;
}
.tool_page .topbanner p{
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	top:62px;
	font-size: 17px;
}
.tool_page .topbanner a{
	color: #fff;
	position: absolute;
	height: 29px;
	line-height: 29px;
	width: 120px;
	text-align: center;
	background: #339afe;
	bottom: 24px;
	left:50%;
	margin-left: -60px;
	border-radius: 4px;
	font-size: 16px;
}
.tool_page .topbanner a.un_btn{
	background: #ccc;
}
.tool_page .topbanner .ban_infor{
	position: absolute;
	height: 64px;
	width: 100%;
	bottom: 0;
}
.tool_page .topbanner .ban_infor .mask{
	background: #000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.tool_page .topbanner .ban_infor .textinfor{
	color: #fff;
	position: relative;
	padding:0px 22px;
	height: 100%;
}
.tool_page .topbanner .dc_flex{
	height: 100%;
	font-size: 14px;
}
.tool_page .topbanner .dc_hd{
	padding-left: 15px;
	margin-left: 15px;
	position: relative;
	border-left: 1px solid #fff;
	line-height: 1;
}
.tool_page .topbanner .dc_hd>div+div{margin-top: 5px;}
.tool_page .topbanner .date_num span{
	font-size: 33px;
}
.tool_f_btns{
	background: #fff;
	padding:10px 15px;
	position: fixed;
	bottom: 50px;
	z-index: 9;
	left: 0;
	right: 0px;
}
.tool_f_btns a{
	background: #3399ff;
	font-size: 16px;
	text-align: center;
	line-height: 44px;
	display: block;
	height: 44px;
	color: #fff;
	border-radius: 6px;
}
.tool_page .join_textinfor{
	font-size: 14px;
	color: #999;
	padding:15px;
	line-height: 1.3;
	position: relative;
}
.tool_page .join_textinfor:before{
	position: absolute;
	content: '';
	left: 15px;
	right: 15px;
	top: 0;
	height: 1px;
	background: #E5E5E5;
}
.tool_page .join_textinfor li{display: none;}
.tool_page .join_textinfor.on li{display: block;}
.tool_page .join_textinfor li:nth-child(1),.tool_page .join_textinfor li:nth-child(2),.tool_page .join_textinfor li.last{
	display: block;
}
.tool_page .join_textinfor .last {
	text-align: right;
	margin-top: 10px;
}
.tool_page .join_textinfor .last a{
	color: #3399FF;
}
/*习惯弹出框*/
.tool_dialog {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 11;
	top: 0px;
	display: none;
}
.tool_dialog .tool_close{
	text-align: right;
	position: absolute;
	right: 20px;
}
.tool_dialog .tool_close a{
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../images/close.png) no-repeat center top/22px 22px;
	margin:20px auto 10px
}
.tool_dialog .mask{
	background: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.tool_dialog .tool_content{
	background: #fff;
	position: absolute;
	left: 20px;
	right: 20px;
	top:52px;
	border-radius: 8px;
}
.tool_dialog .tool_top,.tool_dialog .tool_middle {
	padding:15px 29px;
	position: relative;
}
.tool_dialog .tool_top:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #999999;
}
.tool_dialog .tool_top h3{
	font-weight: normal;
	font-size: 16px;
	color: #000;
	text-align: center;
	padding:10px 0 15px;
	margin:0
}
.tool_dialog .tool_top p{
	color: #999;
	line-height: 16px;
}
.tool_dialog .tool_middle{
}
.tool_dialog .btnplay{
	text-align: center;
	display: block;
	height: 38px;
	line-height: 38px;
	color: #fff;
	background: #339afe;
	border-radius: 8px;
	margin:15px 0;
}
.tool_dialog .type_title{
	text-align: center;
	color: #000;
	font-size: 14px;
	margin-bottom: 16px !important;
	line-height: 1;
}
.type_select{
	position: relative;
}
.type_select_age{
	height: 24px;
}
.type_select_age>div{
	border:1px solid #999999;
	height: 24px;
	width: 68px;
	text-align: center;
	line-height: 22px;
	color: #999;
	border-radius: 12px;
	font-size: 12px;
	position: absolute;
}
.type_select_age>div.active{
	color: #339afe;
	border:1px solid #339afe;
}
.type_select_age>div:nth-child(1){
	left: 0;
}
.type_select_age>div:nth-child(2){
	left: 50%;
	margin-left: -34px;
}
.type_select_age>div:nth-child(3){
	right: 0;
}
.type_select_sex{
	height: 60px;
	margin-bottom: 15px;
}
.type_select_sex>div{color: #999;font-size: 12px;text-align: center;width: 32px;position: absolute;}
.type_select_sex>div.active{color: #339afe;}
.type_select_sex>div.active i{border:1px solid #339afe;}
.type_select_sex>div i{
	width: 32px;
	height: 32px;
	display: inline-block;
	border:1px solid #999;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
}
.type_select_sex>div:nth-child(1){
	left: 55px;
}
.type_select_sex>div:nth-child(2){
	right: 55px;
}
.tool_dialog .btn_checkbox{
	text-align: center;
	margin-top:15px;
	color: #666;
	font-size: 14px;
}
.tool_dialog .btn_checkbox input{
	margin-right: 5px;
	vertical-align: middle;
}
.tool_dialog .btn_checkbox span{
	vertical-align: middle;
}
.tool_dialog .btn_checkbox a{
	color: #2195ff;
}
.tool_page .step_task li{
	color: #666;
	line-height: 21px;
	font-size: 14px;
	padding:12px 0;
}
.tool_page .step_task li.lastli{
	border-top: none;
	text-align: center;
	font-size: 14px;
}
.tool_page .step_task li.lastli i{
	margin-left: 4px;
}
.tool_page .step_task li+li{
	border-top: 1px solid #e5e5e5;
}
.tool_page .step_task_2 li{
	display: none;
}
.tool_page .step_task_2 li:nth-child(1),.tool_page .step_task_2 li:nth-child(2){
	display: block;
}
.tool_page .step_task_2 li.lastli{
	display: block;
}
.tool_page .title_task{color: #339afe;}
.tool_page .title_task i{margin-right: 7px;}
.tool-progressbar {
    position: relative;
    display: block;
    overflow: hidden;
    height: 8px;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    vertical-align: middle;
    border-radius: 2px;
    background: #e6e6e6;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-radius: 4px;
}
.tool-progressbar span {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 150ms;
    transition: 150ms;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    background: #339afe;
    border-radius: 4px;*/
   
   height: 100%;
   display: inline-block;
   float: left;
}
.tool-progressbar span.qd{
	background: #339afe;
}
.tool_page .panel .task_tip{
	font-size: 14px;
	color: #000;
	padding-top: 15px;
	position: relative;	
	text-align: center;
	line-height: 18px;

}
.tool_page .task_jctime {
    text-align: right;
    color: #999;
    font-size: 12px;
    margin-top: 10px;
}

/*20161219  邀请好友页面样式*/
.invite_box{background: #529aff;overflow: hidden;}
.invite_box .text_content_box{
	padding:15px 15px 20px;
	border-top: 1px solid #3e8cfb;
}
.invite_box .text_content{
	background: #227dff;
	border-radius: 8px;
	color: #fff !important;
	overflow: hidden;
	padding-bottom: 20px;
	
}
.invite_box .text_content>.title{
	width: 89px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 16px;
	color: #1e7ff4;
	background: #fdcd01;
	margin:15px 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.invite_box .text_content .text{padding:0 12px}
.invite_box .text_content .text p{color: #fff !important;font-size: 13px;line-height: 19px;}
.invite_box .text_content .text p+p{margin-top: 10px;}
.invite_box .gift_box{padding:20px 15px;position: relative;}
.invite_box .gift_box+.gift_box:before{
	position: absolute;
	left: 15px;
	right: 15px;
	content: '';
	height: 1px;
	background: #3f8bfd;
	top:0px
}
.invite_box .gift_box>.title{
	margin:0 auto
	width: 189px;
	text-align:center;
	font-size:16px;
	font-weight: bold;
	color: #529bff;
	height: 36px;
	background: url(../images/invite_title_bg.png) no-repeat 50% 50%/89px 36px;
	line-height: 30px;
	margin-bottom: 16px;
}
.invite_box .gift_box .content{
	background: #fff;
	padding:15px 12px;
	border-radius: 8px;
}
.invite_box .gift_box .type_text{
	overflow: hidden;
}
.invite_box .gift_box .pic{
	width: 78px;
	height: 78px;
	overflow: hidden;
	border:1px solid #a6c7fd;
	float: left;
	margin-right: 12px;
}
.invite_box .gift_box .text{
	padding-left: 90px;
}
.invite_box .gift_box .text p:first-child{
	font-size: 16px;
	color: #000;
	margin-bottom: 6px !important;
}
.invite_box .gift_box .text p{
	font-size: 13px;
	color: #666;
	line-height: 18px;
}

.invite_box .gift_box .pic img{
	width: 76px;
	height: 76px;
}
.invite_box .gift_box .text .btns{
	margin-top: 15px;
}
.invite_box .gift_box .text .btns a{
	height: 26px;
	border:1px solid #529bff;
	text-align: center;
	line-height: 24px;
	display: inline-block;
	padding:0 15px;
	border-radius: 6px;
	font-size: 12px;
	color: #529bff;
}
.invite_box .gift_box .text .btns a.btn_hb{
	background: #529bff;
	color: #fff;
	margin-right: 8px;
}
.invite_box .userpic{
	position: relative;
	margin-top: 10px;
}
.invite_box .userpic:before{
	content: '';
	width: 100%;
	height: 1px;
	background: #519bff;
	position: absolute;
	top:10px;
}
.invite_box .userpic .title{
	text-align: center;
}
.invite_box .userpic .title span{
	padding:0 20px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	display: inline-block;
	z-index: 9;
	position: relative;
	color: #519bff;
}
.invite_box .userpic .user_item{
	overflow: hidden;
	height: 78px;
}
.invite_box .userpic .user_item.more{
	height: auto;
}
.invite_box .userpic .user_list{
	width: 14.2857%;
	border-radius: 50px;
	text-align: center;
	height: 29px;
	overflow: hidden;
	background: url(../images/mr_pic.png) no-repeat 50% 50%/29px 29px;
	float: left;
	margin-top: 10px;
}
.invite_box .userpic .user_list img{
	border-radius: 50px;
	width: 29px;
	height: 29px;
}
.invite_box .speed{
	margin-top:20px;
	overflow: hidden;
}
.invite_box .speed_bg{
	height: 12px;
	width: 88px;
	background: #fff;
	border-radius: 18px;
	position: relative;
	float: left;
}

.invite_box .speed_bg span{
	display: inline-block;
	position: absolute;
	height: 12px;
	border-radius: 6px;
	background: url(../images/speed_bg.gif) repeat-x left top;
}
.invite_box .speed .infor{
	font-size: 12px;
	color: #fff;
}
.invite_box  .btn_more{
	text-align: center;
	margin-top: 10px;
	
}
.invite_box  .btn_more i{
	color: #529bff;
	font-size: 18px;
}
.invite_box  .btn_more.more{
	transform: rotate(180deg);
}
.invite_hb{
	text-align: center;
	padding:15px 0 30px;
}
.invite_lq_submit{
	height: 36px;
	line-height: 36px;
	background: #2195ff;
	margin:0 15px;
	text-align: center;
	color: #fff;
	border-radius: 8px;
	position: fixed;
	bottom: 15px;
	left: 15px;
	right: 15px;
	font-size: 16px;
}
.invite_dialog{
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 11;
}
.invite_dialog .mask{
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
.invite_popup{
	background: #fff;
	z-index: 11;
	position: absolute;
	left: 42px;
	right: 42px;
	border-radius: 6px;
	top:50%;
}
.invite_popup .title_top{
	background: #2195ff;
	color: #fff;
	font-size: 18px;
	padding:15px 0;
	text-align: center;
	line-height: 1;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.invite_popup .btn,.dialog_f_btn{
	height: 42px;
	line-height: 42px;
	background: #2195ff;
	color: #fff;
	text-align: center;
	font-size: 16px;
	display: block;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.invite_popup .content{
	padding:15px
}
.invite_popup .btn_close{
	text-align: right;
	padding:10px 15px 0px;
	color: #999;
}
.invite_popup .content .text p{
	font-size: 15px;
	color: #666;
	line-height: 21px;
}
.invite_popup .content .text p+p{
	margin-top: 10px;
}
.invite_popup .content .title{
	text-align: center;
	color: #000;
	font-size: 19px;
	margin-bottom: 12px;
}


/*时间轴*/
.time_stepbox{
	padding-top: 14px;
}
.time_stepbox article {
    position: relative;
}
.time_stepbox article section {
    padding: 0 0 15px;
    position: relative;
}
.time_stepbox article section:before {
    content: "";
    width: 1px;
    top: 15px;
    bottom: -15px;
    left: 32px;
    background: #339afe;
    position: absolute;
}
.time_stepbox article section:last-child:before {
  display: none;
}
.point-time {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 30px;
    background: #339afe;
    margin-left: -5px;
    border-radius: 50%;
    background: url(../images/xiala.png) center center/15px 15px;
}
.time_stepbox .point-title {
    content: "";
    position: absolute;
    width: 37px;
    height: 37px;
    top: 0px;
    left: 19px;
    background: #339afe;
    margin-left: -5px;
    border-radius: 50%;
    float: left;
}
.time_stepbox .point-title img{
    width: 37px;
    height: 37px;
    border-radius: 50%;
}
.time_stepbox .aside_title{
	height: 37px;
	padding: 0;
	line-height: 37px;
	
}
.time_stepbox .aside_title .tilte{color: #339afe;}
.time_stepbox article section aside {
    color: #3a3a38;
    margin-left: 60px;
    padding-bottom: 15px;
}
.time_stepbox .img_infor{
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin-right: 12px;
}
.time_stepbox .img_infor img{
	width: 70px;
	height: 70px;
	border-radius:8px;
}
.time_stepbox .dc_flex{
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}
.time_stepbox .dc_hd{
	font-size: 12px;
	color: #666;
	line-height: 18px;
	padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.time_stepbox .time{
	line-height: 1;
	color: #999;
	font-size: 12px;
	margin-bottom: 10px !important;
}
.time_stepbox .no_jilu{
	line-height: 1;
	color: #999;
	font-size: 12px;
}

/*习惯首页时间轴*/
.time_xiguanbox {
	padding:15px 15px;
}
.time_xiguanbox .mui-segmented-control.mui-scroll-wrapper{height: 112px;}
.time_xiguanbox .mui-segmented-control.mui-scroll-wrapper .mui-scroll{
	height: auto;
}
.time_xiguanbox .mui-segmented-control.mui-scroll-wrapper .mui-scroll:before{
	height: 4px;
	content: '';
	position: absolute;
	background: #ececef;
	width: 100%;
	top:50px;
	left: 0;
	right: 0;
	border-radius: 2px;
}
.time_xiguanbox .dc_hd{
	min-width: 108px;
	text-align: center;
	height: 115px;
	position: relative;
	z-index: 99;
}
.time_xiguanbox .dc_hd>div{
	margin: 0 auto;
}
.time_xiguanbox .dc_hd .timesstep{
	color: #37a2ff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
}
.time_xiguanbox .dc_hd .dw_icon{
	width: 16px;
	height: 32px;
	background: url(../images/xiguan_time.png) no-repeat center top/16px 32px;
}
.time_xiguanbox .dc_hd .text{
	height: 48px;
	line-height: 16px;
	color: #666;
	font-size: 12px;
	width: 108px;
	white-space: normal;
	padding:0 8px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


/**/
.viewshowbox .gd_topbox{
	position: relative;
}
.viewshowbox .gd_topbox:before{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 1px;
	background: #cccccc;
	width: 100%;
	
}
.viewshowbox .panel{
	background: #fff;
	padding:10px 15px;
}
.viewshowbox .panel>.title{
	overflow: hidden;
	font-size: 14px;
	color: #666;
}
.viewshowbox .panel>.title>span{
	float: left;
}
.viewshowbox .panel>.title>a{
	float: right;
	color: #666;
}
.viewshowbox .panel+.panel{
	margin-top: 10px;
}
.viewshowbox .gd_otherlists{
	margin:10px 0px;
	padding:0 15px;
	background:#f3f3f3;
}
.viewshowbox .mui-segmented-control.mui-scroll-wrapper{
	height: 160px;
	margin-top: 10px;
}
.tj_teacherbox{
	width: 166px;
	height: 160px;
	padding:0 3px;
}
.tj_teacherlist{
	margin-top: 3px;
	margin-left: 3px;
	width: 154px;
	height: 154px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 3px #666;
	position: relative;
	overflow: hidden
}
.tj_teacherlist .pic{
	height: 50px;
	width: 50px;
	overflow: hidden;
	border-radius: 50%;
	margin:10px auto
}
.tj_teacherlist .pic img{
	width: 100%;
	height: 100%;
}
.tj_teacherlist .t_name{
	font-size: 14px;
	color: #000;
	padding:0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tj_teacherlist .t_infor{
	font-size: 12px;
	color: #000;
	padding:0 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tj_teacherlist .btn{
	text-align: center;
	height: 22px;
	border-radius: 4px;
	border:1px solid #2196ff;
	line-height: 20px;
	color: #2196ff;
	font-size: 12px;
	padding:0 15px;
	display: inline-block;
	margin:8px auto;
}
.tj_teacherlist .btn_close{
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	color: #999;
	position: absolute;
	top: 10px;
	right: 13px;
}


/*20161228*/
.invite_dialog .tool_close {
    text-align: right;
    position: absolute;
    right: 0px;
    top:-32px;
}
.invite_dialog .tool_close a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/close.png) no-repeat center top/22px 22px;
}


/*微课预告*/
.yugao_panel{
	margin-top: 15px;
	padding-top: 25px;
	overflow: inherit !important; 
	position: relative;
	background: #fff;
	margin-bottom: 10px;
}
.yugao_title2{
	width: 1.14rem;
	height: 0.42rem;
	background: url(../images/weikeyugao.png) no-repeat left top;
	background-size: 1.14rem 0.42rem;
	position: absolute;
	left: 10px;
	top:-0.1rem;
}
.weikelist .tags .h_pic{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}
.weikelist .tags .dc_hd{
	text-align: left;
}
.weikelist .tags .dc_hd .yugao_time{color: #999;}
/**/
.weike_box .panel_list{
	padding:10px 0 15px;
	position: relative;
}
.weike_box .panel_list:before{
	position: absolute;
	content: '';
	left: 15px;
	right: 0px;
	top: 0;
	height: 1px;
	background: #e6e6e6;
}
.weike_foot_btns{
	height: 54px;
	width: 100%;

	bottom: 50px;
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.weike_foot_btns .mask{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
}
.weike_foot_btns  .dc_flex{
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0;
 text-align:center;
	font-size: 15px;
 color: #fff;
}
.weike_foot_btns:before{
	content: '';
	position: absolute;
	height: 22px;
	width: 1px;
	background: #fff;
	left: 50%;
	top:16px;
	z-index: 11;
}
.weike_foot_btns .dc_flex i{
	vertical-align: middle;
	font-style: normal;
	margin-right: 10px;
}
.weike_foot_btns .dc_flex span{
	background: #2194ff;
	height: 20px;
	width: 60px;
	border-radius: 20px;
	line-height: 20px;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.weike_yaoqing{
	padding: 20px 15px;
}
.weike_yaoqing .yq_pic{
	overflow: hidden;
	width: 55px;
	height: 73px;
	text-align: center;
	position: relative;
	margin-right: 15px
}
.weike_yaoqing .yq_pic img{
	width: 55px;
	height: 55px;
	border-radius: 50%;
}
.weike_yaoqing .yq_pic>span{
	height: 18px;
	line-height: 18px;
	width: 46px;
	color: #fff;
	font-size: 12px;
	background: #2194ff;
	display: inline-block;
	position: absolute;
	top: 50px;
	border-radius: 18px;
	left: 50%;
	margin-left: -23px;
}
.weike_yaoqing .p_title{
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.weike_yaoqing .infor{
	font-size: 14px;
	line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   /*  -webkit-line-clamp: 2; */
}
.weike_yaoqing .dc_flex{
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    align-items: inherit;
}
.weike_yaoqing .yaoqing_btns{
	padding-top: 15px;
	border-top:1px solid #e6e6e6 ;
	margin-top: 15px;
	text-align: center;
}
.weike_yaoqing .yaoqing_btns p{
	color: #666;
	font-size: 14px;
}
.weike_yaoqing .yaoqing_btns a{
	display: inline-block;
	width: 155px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #fff;

	border-radius: 8px;
	font-size: 14px;
	margin-top: 10px
}
.weike_yaoqing .yaoqing_btns a[type='no']{
	background: #ff0000;
}
.weike_yaoqing .yaoqing_btns a[type='yes']{
	background: #cccccc;
}
.weike_yaoqing .jrcy p{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px !important;
	line-height: 1;
}
.weike_yaoqing .jrcy .cy_pic{
	overflow: hidden;
}
.weike_yaoqing .jrcy .cy_pic img{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
}
.weike_yaoqing .jrcy .cy_pic span{
	font-size: 14px;
	color: #666;
	line-height: 32px;
	display: inline-block;
}
.weike_yaoqing .jrcy .cy_pic img+img{

}
.weike_yaoqing  .yq_cg_box{
	background: url(../images/zbcg.png) no-repeat right bottom;
	background-size:98px 77px;
}
.invite_dialog_wk .invite_popup{
	left: 25px;
	right: 25px;
}
.wk_dialog_ul li{
	text-align: center;
	height: 69px;
	line-height: 69px;
	color: #2195ff;
	font-size: 16px;
}
.wk_dialog_ul li+li{
	border-top: 1px solid #d7d7d7;
}
.weike_box .banner .play_btn_weike {
    height: 34px;
    width: auto;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -22px;
    margin-left: -22px;
    border-radius: 34px;
    border: 1px solid #fff;
    overflow: hidden;
    line-height: 32px;
    color: #fff;
    width: 122px;
    margin-left: -61px;
}
.weike_box .banner .play_btn_weike .bg {
    background: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
}
.weike_box .banner .play_btn_weike i {
    color: #fff;
    position: relative;
    width: 18px;
    height: 18px;
    font-size: 18px;
    overflow: hidden;
}
.weike_box .banner .play_btn_weike span {
    color: #fff;
    position: relative;
    font-size: 16px;
    margin-right: 10px
}

/*预约  order*/
.bg_f2{
	background: #f2f2f2;
}
.bg_f2 .mui-content{
	background: #f2f2f2;
}
.bgfff{
	background: #fff;
}
.bgfff .mui-content{
	background: #fff;
}
.orderbox .panel{
	background: #fff;
	border-radius:8px ;
	margin:15px 15px 30px;
	padding:15px 15px 24px;
}
.orderbox .panel~.btn_order{
	margin-bottom: 20px;
}
.orderbox .panel>.title{
	background: #47a3fe;
	color: #fff;
	height: 31px;
	line-height: 31px;
	display: inline-block;
	padding:0 15px;
	font-size: 15px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-left: -15px;
}
.orderbox .panel>.title i{
	margin-right: 8px;
}
.btn_order{
    background: #3399ff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    display: block;
    height: 40px;
    color: #fff;
    border-radius: 6px;
    margin:0 15px;
} 
.btn_order_b{
    border:1px solid #3399ff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    display: block;
    height: 40px;
    color: #3399ff;
    border-radius: 6px;
    margin:0 15px;
}     
.btn_order_pass{
	background: #ccc;
} 
.btn_order:focus,.btn_order:hover{
	color: #fff;
} 
.orderbox .timelist .timebox{
	height: 37px;
	border:1px solid #9fcfff;
	border-radius: 4px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	position: relative;
} 
.orderbox .timelist .timebox i{
	width: 10px;
	height: 7px;
	background:#fff url(../images/time_bg.png) no-repeat right center/10px 7px;
	position: absolute;
	right: 10px;
	top: 14px;
}
.timebox_read{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	position: relative;
	color: #666;
}
.orderbox .timelist label{
	padding-right: 15px;
	color: #666;
}      
.orderbox .timelist input{
	border:none;
	margin: 0;
	height: 35px;
	line-height: 35px;
	padding:0 5px 0 5px;
	background: transparent;
}
.orderbox .timelist select{
	margin: 0;
	padding:0 5px 0 5px;
		height: 35px;
	line-height: 35px;
}
.orderbox .timelist .timebox i~input{
	padding:0 25px 0 5px;
}
.orderbox .timelist{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 24px;
}
.orderbox .userinfor{
	padding: 30px 0;
	text-align: center;
}
.orderbox .userinfor .pic{
	border-radius:50%;
	width: 116px;
	height: 116px;
	margin:0 auto;
	position: relative;
}
.orderbox .userinfor .upload_pic{
	height: 116px;
	width: 116px;
	border-radius:50%;
	
	position: absolute;
	overflow: hidden;
}
.orderbox .userinfor .upload_pic .mask{
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.5;
	position: absolute;	
}
.orderbox .userinfor .upload_pic i{
	display: block;
	width: 47px;
	height: 52px;
	background: url(../images/upload_book.png) no-repeat 50% 50%/47px 52px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -26px;
}
.orderbox .userinfor img{
	margin:0 auto;
	border-radius:50%;
	width: 116px;
	height: 116px;
}
.orderbox .userinfor .name{
	color: #000;
	font-size: 18px;
	line-height: 1;
	margin-top: 15px;
}

/*借阅车*/
.borrowcart_foot{
	background: #fff;
	padding:17px 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.borrowcart_foot .dc_hd{
	text-align: right
}
.borrowcart_foot .dc_hd a{
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding:0 10px;
	color: #fff;
	font-size: 16px;
	background: #3399ff;
	display: inline-block;
	border-radius: 6px;
}
.borrowcart_foot .dc_hd a.active{
	background: #fff;
	border:1px solid #3399ff;
	color: #3399ff;
}
.borrowcart_foot .dc_hd a+a{
	margin-left: 10px;
}
.borrowcart_foot .text_show p{
	font-size: 14px;
	color: #999;
	line-height: 1.2;
}
.borrowcart_foot .text_show p:first-child{
	font-size: 18px;
	color: #3399FF;
}
.borrowcart .panel{
	background: #fff;
}
.borrowcart .panel>.title{
	height: 44px;
	line-height: 44px;
	padding:0 15px;
	font-size: 14px;
	color: #666;
}
.borrowcart .cart_item{
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}
.borrowcart .cart_item li{
	padding:15px;
	position: relative;
}
.borrowcart .cart_item li+li:after{
	position: absolute;
	top: 0px;
	left: 15px;
	content: '';
	height: 1px;
	background: #cbcbcb;
	right: 0;
}
.borrowcart .cart_item li .dc_flex{
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}
.borrowcart .cart_item .pic{
	overflow: hidden;
	margin-right: 15px;
}
.borrowcart .cart_item .pic img{
	width: 78px;
	height: 107px;
	border-radius: 6px;
}
.borrowcart .cart_item li .name{
	color: #000;
	font-size: 16px;
	line-height: 1.2;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}
.borrowcart .cart_item li .zz{
	color: #999;
	font-size: 14px;
	line-height: 20px;
	margin:10px 0
}
.borrowcart .cart_item li .txtbox{
	overflow:hidden;
}
.borrowcart .cart_item li .txtbox .txt{
	float: left
}

.book_tag {
	margin:0 -3px;
}
.book_tag span{
	display: inline-block;
	border-radius: 6px;
	border:1px solid #3399FF;
	text-align: center;
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	padding: 0 9px;
	margin:3px 3px;
}
.borrowcart .book_list_infor{
	padding: 0 15px;
	min-height: 49px;
	font-size: 14px;
	
}
.borrowcart .book_list_infor .money{
	color: red;
	line-height: 49px;
	margin-right: 10px;
}
.borrowcart .book_list_infor .dc_hd{
	line-height: 1.2;
	color: #999;
}
.borrowcart .period {
	padding: 20px 0 14px;
	position: relative;
	background: #fff;
	margin-bottom: 10px;
}
.borrowcart .period:after{
	position: absolute;
	content: '';
	height: 1px;
	left: 0px;
	right: 0;
	background: #E6E6E6;
	bottom: 0;
	-webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.borrowcart .period .p_tab {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #999999;
}
.borrowcart .period .p_tab .dc_hd{
	text-align: center;
}
.borrowcart .period .p_tab .dc_hd span{
	display: inline-block;
	height: 100%;
	position: relative;
}
.borrowcart .period .p_tab .dc_hd span i{
	display: inline-block;
	border: 1px solid #999999;
	border-radius: 2px;
	font-size: 12px;
	color: #999999;
	height: 16px;
	line-height: 14px;
	padding: 0 6px;
	position: absolute;
	left: 100%;
	font-style: normal;
	margin-left: 5px;
	top: 2px;
}
.borrowcart .period .p_tab .dc_hd.active span i{
	border: 1px solid #3399ff;
	color: #3399ff;
}
.borrowcart .period .p_tab .dc_hd+.dc_hd{
	border-left: 1px solid #e6e6e6;
}
.borrowcart .period .p_tab .dc_hd.active{
	color: #48A3FE;
}
.borrowcart .period .p_tab .dc_hd.active span:after{
	background:  #48A3FE;
	left: 0;
	right: 0;
	bottom: -13px;
	position: absolute;
	content: '';
	height: 2px;
}



.recharge .top_box .panel{
	background: #fff;
	padding: 0 15px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #666;
}
.recharge .bg_null{
	height: 10px;
	background: #F2F2F2;
}
.recharge .top_box .dc_hd{
	text-align: right;
	color: #000;
}
.recharge .content{
	padding:20px 15px;
	background: #fff
}
.recharge .content .title{
	font-size: 14px;
	color: #666;
	margin-bottom: 19px;
	line-height: 1;
}
.recharge_num{
	margin-bottom: 10px;
	border:1px solid #d5d5d5;
	background: #f2f2f2 !important;
}
.select_num{
	margin:0 -0.22rem;
}
.select_num .list{
	height: 0.88rem;
	line-height: 0.88rem;
	width: 3.34rem;
	text-align: center;
	background: #f2f2f2;
	border-radius: 6px;
	float: left;
	margin-left: 0.22rem;
	margin-bottom: 0.2rem;
	font-size: 18px;
}
.select_num .list.active{
	background: #3399ff;
	color: #fff;
}
.foot_btn_recharge{
	position: fixed;
	bottom: 25px;
	left: 15px;
	right: 15px;
}
.foot_btn_recharge p{
	text-align: center;
	color: #000000;
	font-size: 12px;
	margin: 15px 0 !important;
	line-height: 1;
}
.foot_btn_recharge p a{
	margin-left: 5px;
	color: #3399ff;
}
.foot_btn_recharge a.btn_goplay {
    background: #3399ff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    display: block;
    height: 44px;
    color: #fff;
    border-radius: 6px;
}
.highwaybox .panel{
	padding:0 15px
}
.highwaybox .panel .title{
	line-height: 1;
	padding:24px 0px 16px 0px;
	position: relative;
	margin-bottom: 16px;
}
.highwaybox .panel .title:before{
	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  right: 0px;
	  display: block;
	  height: 1px;
	  background-color: #dfdfdf;
	  content: ' ';
}
.highwaybox .panel .content{
	line-height: 24px;
	font-size: 16px;
}
.highwaybox .panel .content p+p{
	margin-top: 10px;
}
.panel_borrowcart_s{
	margin: 0 15px;
	border-radius: 6px;
	border:1px solid #e8e8e8;
}
.panel_borrowcart_s .cart_item{
	border: none;
}
.panel_borrowcart_s .cart_item li:after {
    position: absolute;
    top: 0px;
    left: 15px;
    content: '';
    height: 1px;
    background: #cbcbcb;
    right: 0;
}
.borrowcart .success_infor,.booksuccess_infor{
	padding:50px 15px 35px;
	text-align: center;
}
.borrowcart .success_infor img,.booksuccess_infor img{
	width: 1.52rem;
	height: 1.52rem;
	margin:0 auto
}
.borrowcart .success_infor .p_b,.booksuccess_infor .p_b{
	color: #000000;
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 12px !important;
	font-size: 18px;
}
.borrowcart .success_infor .p_inf,.booksuccess_infor .p_inf{
	color: #666;
	font-size: 16px;
}
.borrowcart .hodeinfor{
	padding: 0 15px;
	min-height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 15px;
}
.hold_select{
	height: 20px;
	width: 20px;
	background: url(../images/xj02.png) no-repeat 50% 50%/20px 20px;
	margin-right: 15px;
	margin-top: 43px;
}
.hold_select.active{
	background: url(../images/xj01.png) no-repeat 50% 50%/20px 20px;
}
.all_select{
	height: 20px;
	width: 20px;
	display: inline-block;
	background: url(../images/xj02.png) no-repeat 50% 50%/20px 20px;
	vertical-align: middle;
	margin-right: 5px;
}
.all_select.active{
	background: url(../images/xj01.png) no-repeat 50% 50%/20px 20px;
}
.hold_list .dc_hd{
	background: url(../images/xj_icon.png) no-repeat center right/1.37rem 1.08rem
}

/*20170223 习惯*/
.habitbox .banner{
	height: 3.36rem;
	width: 100%;
}
.habitbox .banner img{
	width: 100%;
	height: 100%;
}
.habitbox .panel{
	background: #fff;
	padding: 0 15px;
	margin-top:10px ;
}
.habitbox .panel .title{
	height: 0.8rem;
	line-height: 0.34rem;
	position: relative;
	overflow: hidden;
	padding:0.23rem 0
}
.habitbox .panel .title:before{
	content: '';
	position: absolute;
	left: 0px;
	right: -15px;
	height: 1px;
	bottom: 0;
	background: #e5e5e5;
}
.habitbox .panel .title i{
	overflow: hidden;
	width: 0.34rem;
	height: 0.34rem;
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
}
.habitbox .panel .title img{
	width: 0.34rem;
	height: 0.34rem;
}
.habitbox .panel .title span{
	color: #999;
	font-size: 14px;
}
.habitbox .panel .content{
	padding:15px 0
}
.habitbox .panel .t_name{
	font-size: 14px;
	color: #000;
	line-height: 20px;
	margin-bottom: 10px;
}
.habitbox .panel .text_infor{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	
}
.habitbox .dayitem{
	padding:0 15px;
}
.habitbox .daylist{
	padding:12px 0
}
.habitbox .dayitem .dc_flex{
  -webkit-box-align: initial;
  -webkit-align-items: initial;
  align-items:initial;
  font-size: 16px;
}
.habitbox .pic{margin-right: 16px;}
.habitbox .pic,.habitbox .pic img{
	width: 0.82rem;
	height: 0.82rem;
	overflow: hidden;
	border-radius: 50%;
}
.habitbox .listname{
	color: #666;
}
.habitbox .listname a i{margin-right: 6px;}
.habitbox .listname a{
	color: #2194ff;
}
.habitbox .listinfor{line-height: 22px;} 
.habitbox .listpic{overflow: hidden;margin-top: 10px;}
.habitbox .listpic img{
	width: 76px;
	height: 76px;
	border-radius: 8px;
	float: left;
	margin-right: 10px;
}
.habitbox .listtime{color: #999;padding:12px 0;line-height: 1;}
.habitbox .hh_item{
	padding-top: 12px;
	position: relative;
}
.habitbox .hh_item:before{
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	top: 0;
	right: -15px;
	background: #cccccc;
}
.habitbox .hhlist{
	color: #666;
	font-size: 14px;
	line-height: 18px;
}
.habitbox .hhlist span{color: #000;}
.habitbox .day_listbox .title{
	text-align: center;
	color: #666;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	position: relative;
	margin:24px 0;

}
.habitbox .day_listbox .title span{
	background: #f2f2f2;
	padding:0 15px;
	height: 20px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
.habitbox .day_listbox .title:before{
	content: '';
	height: 1px;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	background: #ccc;
}
.habitbox .audiobox{
	margin-top: 15px;
}
.habit_plbox{
	height: 100%;
	background: #fff;
	position: relative;
}
.habit_plbox .foot_btnbox{
	height: 48px;
	background: #e6e6e6;
	padding:7px 15px;
}
.habit_plbox .foot_btnbox a{
	display: block;
	height: 34px;
	line-height: 34px;
	width: 100%;
	text-align: center;
	border-radius: 6px;
}
.habit_plbox .foot_btnbox a.cancelbtn{background: #fff;color: #3399ff}
.habit_plbox .foot_btnbox a.sendbtn{background: #3399ff;color: #fff;}
.habit_plbox .foot_btnbox .dc_hd {
	
}
.habit_plbox .foot_btnbox .dc_hd +.dc_hd{
	margin-left: 15px;
}
.habit_plbox textarea{
	border: none;
}
.habit_plbox .textareabox{
	
}
.timeitem{
	background: #fff;
}
.timeitem .time_xiguanbox,.jxybox .time_xiguanbox{
	padding:10px;
	position: relative;
}
.timeitem .time_xiguanbox:before,.jxybox .time_xiguanbox:before{
	position: absolute;
	bottom: 0;
	content: '';
	left: 0;
	right: 0;
	height: 1px;
	background: #e5e5e5;
}
.timeitem .time_xiguanbox .mui-segmented-control.mui-scroll-wrapper .mui-scroll:before{
	display: none;
}
.jxybox .time_xiguanbox .mui-segmented-control.mui-scroll-wrapper .mui-scroll:before{
	display: none;
}
.timeitem .time_xiguanbox .dc_hd .day_num,.jxybox .time_xiguanbox .dc_hd .day_num{
	height: 38px;
	width: 38px;
	text-align: center;
	border:1px solid #ccc;
	border-radius: 50%;
}
.timeitem .time_xiguanbox .dc_hd,.jxybox .time_xiguanbox .dc_hd{
	width: 38px;
	min-width: 38px;
	text-align: center;
	position: relative;
	z-index: 99;
	height: 64px;
	color: #ccc;
}
.timeitem .time_xiguanbox .dc_hd.sign .day_num{
	border:1px solid #3399FF;
	background: #3399FF;
	color: #fff !important;
}
.jxybox .time_xiguanbox .dc_hd.sign .day_num{
	border:1px solid #FD4238;
	background: #FD4238;
	color: #fff !important;
}
.timeitem .time_xiguanbox .dc_hd.blue .day_num{
	border:1px solid #3399FF;
	color: #3399ff;
}
.jxybox .time_xiguanbox .dc_hd.blue .day_num{
	border:1px solid #FD4238;
	color: #FD4238;
}
.timeitem .time_xiguanbox .dc_hd.blue .timesstep {color: #666;}
.jxybox .time_xiguanbox .dc_hd.blue .timesstep {color: #666;}
.timeitem .time_xiguanbox .dc_hd.blue_today .timesstep {color: #3399ff !important;}
.timeitem .time_xiguanbox .dc_hd+.dc_hd{
	margin-left: 20px;
	line-height: 1;
}
.jxybox .time_xiguanbox .dc_hd.blue_today .timesstep {color: #FD4238 !important;}
.jxybox .time_xiguanbox .dc_hd+.dc_hd{
	margin-left: 20px;
	line-height: 1;
}

.timeitem .day_num p{font-size: 12px;line-height: 1;padding-top: 4px;}
.timeitem .day_num i{font-size: 15px;font-style: normal;line-height: 19px;display: inline-block}
.jxybox .day_num p{font-size: 12px;line-height: 1;padding-top: 4px;}
.jxybox .day_num i{font-size: 15px;font-style: normal;line-height: 19px;display: inline-block}
.timeitem .time_xiguanbox .dc_hd .timesstep {
    color: #ccc;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}
.jxybox .time_xiguanbox .dc_hd .timesstep {
    color: #ccc;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}
.timeitem .time_xiguanbox .mui-segmented-control.mui-scroll-wrapper {
    height: 64px;
}
.jxybox .time_xiguanbox .mui-segmented-control.mui-scroll-wrapper {
    height: 64px;
}
.dakabox{
	padding:5px 0px;
	background: #fff;
	position: relative;
	height: 70px;
}
.dakabox a{
	display: block;
	height: 60px;
	text-align: center;
	width: 169px;
	background: url(../images/babit_bg.png) no-repeat center center/169px 60px;
	line-height: 60px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -85px;
}
.dakabox .dk_text{
	position: absolute;
	left: 50%;
	margin-left: 85px;
	font-size: 12px;
	color: #666;
	line-height: 1.2;
	top: 20px
}

/*user*/
.mybox .user_infor{
	padding: 0 15px;
	border-bottom: 1px solid #cbcbcb; 
}
.mybox .user_infor .dc_flex{padding:15px 0;font-size: 14px;color: #666;}
.mybox .user_infor .dc_flex .dc_hd i{margin-right: 4px;font-size: 15px;}
.mybox .user_infor .dc_flex .dc_hd:last-child{text-align: right;}
.mybox .user_infor .pic img{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin: 0 auto;
}
.mybox .user_infor .pic p.name{
	font-size: 18px;
	color: #000;
	margin-top: 10px;
	text-align: center;
	line-height: 1;
}
.mybox .user_infor .pic p.txt{
	font-size: 14px;
	line-height: 18px;
	color: #999;
	margin:15px 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.mybox .user_other .dc_flex {
	text-align: center;
	padding: 12px 0;
}
.mybox .user_other .dc_flex .dc_hd+.dc_hd{
	border-left: 1px solid #cccccc;
}
.mybox .user_other .num{
	color: #000;
	font-size: 16px;
}
.mybox .user_other .type{
	color: #999;
	font-size: 12px;
}
.mybox .user_jkqy{
	padding:10px 15px;
}
.mybox .jkqybox{
	border-radius: 6px;
	background: #ebf5ff;
	padding:6px;
}
.mybox .jkqybox .title{
	width: 219px;
	height: 27px;
	background: url(../images/title_user.png) no-repeat left top / 219px 27px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	margin-left: -11px;
	margin-top: 4px;
	padding-left: 15px;
}
.mybox .jkqybox .txt .name{
	font-size: 14px;
	color: #2194FF;
	line-height: 1;
	padding:8px 0 10px 5px;
}
.mybox .jkqybox .txt li{
	font-size: 14px;
	padding-left: 5px;
	color: #666;
	display: none;
}
.mybox .jkqybox .txt li:nth-child(1),.mybox .jkqybox .txt li:nth-child(2),.mybox .jkqybox .txt li:nth-child(3){
	display: block;
}
.mybox .jkqybox .txt li.lastlibtn{
	text-align: right;
	display: block;
}
.mybox .jkqybox .txt li.lastlibtn a{
	color: #2194FF;
}
.mybox .jkqybox .txt .jk_list.on li{
	display: block;
}
.mybox .jkqybox .kctjbox{
	background: #fff;
	border-radius: 6px;
	position: relative;
	margin-top: 20px;
}
.mybox .jkqybox .kctj-arrow{
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	border-width: 0 10px 10px;
	border-bottom-color: #fff;
}
.mybox .jkqybox .kctj-inner{
	padding:12px 10px;
}
.mybox .jkqybox .kctj-inner .name{
	color: #2194FF;
	font-size: 14px;
}
.mybox .jkqybox .kctj-inner .name i{margin-right: 5px;}
.mybox .jkqybox .kctj-inner .dc_flex{
	margin:10px 0 5px 0
}
.mybox .jkqybox .kctj-inner .pic{
	margin-right: 15px;
}
.mybox .jkqybox .kctj-inner .pic img{
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
.mybox .jkqybox .kctj-inner .tj_name{color: #000;font-size: 15px;line-height: 22px;}
.mybox .jkqybox .kctj-inner .tj_time{color: #999;font-size: 12px;margin-top: 5px;}


/*我的课程*/
.mycourses .panel,.teacher_courses .panel{
	padding: 15px;
	background: #fff;
	position: relative;
}
.mycourses .panel+.panel:after,.teacher_courses .panel+.panel:after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e6e6e6;
}
.mycourses .panel .pic,.teacher_courses .panel .pic{margin-right: 15px;}
.mycourses .panel .pic img,.teacher_courses .panel .pic img{
	width: 77px;
	height: 77px;
	border-radius: 6px;
}
.mycourses .panel .title,.teacher_courses .panel .title{
	font-size: 17px;
	color: #000;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 10px !important;
}
.mycourses .panel .time,.teacher_courses .panel .time{
	font-size: 14px;
	color: #999;
}
.mycourses .panel a,.teacher_courses .panel a{
	font-size: 14px;
	color: #999;
	display: inline-block;
	height: 26px;
	line-height: 24px;
	border: 1px solid #2194FF;
	padding:0 20px;
	color: #2194FF;
	float: right;
	border-radius: 4px;
}

/*weike*/
.weikehome .banner,.weikehome .banner img{
	width: 100%;
	height: 3.4rem;
	overflow: hidden;
}
.weikehome .iconbtns{
	padding:15px 0;
	background: #fff;
}
.weikehome .iconbtns img{
	width: 49px;
	height: 49px;
	margin:0 auto;
}
.weikehome .iconbtns p{
	text-align: center;
	color: #000;
	font-size: 14px;
	margin-top: 15px;
	line-height: 1;
}
.jxkc_title{
	position: relative;
	text-align: center;
	padding: 25px 0 15px 0;
}
.jxkc_title .title{
	display: block;
	width: 70px;
	margin: 0 auto;
	height: 19px;
	line-height: 19px;
	color: #000;
	font-size: 14px;
	position: relative;
}
.jxkc_title .title:after{
	position: absolute;
	content: '';
	height: 1px;
	width: 30px;
	background: #000;
	top: 9px;
	left: -30px;
}
.jxkc_title .title:before{
	position: absolute;
	content: '';
	height: 1px;
	width: 30px;
	background: #000;
	top: 9px;
	right: -30px;
}
.jxkc_title a{
	position: absolute;
	top: 25px;
	height: 19px;
	line-height: 19px;
	right: 15px;
	font-size: 12px;
	color: #999;
}
.jxkc_title a i{
	font-size: 12px;
}
.weikeitem .panel{
	display: block;
	background: #fff;
	padding:15px 20px;
}
.weikeitem .panel+.panel{margin-top: 10px;}
.weikeitem .panel .pic img{
	width: 100%;
	height: 3.04rem;
}
.weikeitem .panel .title{
	font-size: 17px;
	color: #000;
	line-height: 1.2;
	margin: 10px 0 !important;
}
.weikeitem .panel .name{
	color: #999;
	font-size: 13px;
}
.free_wkitem{
	background: #fff;
	margin-top: 10px;
}
.free_wkitem .dc_flex{
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}
.free_wkitem .panel{
	display: block;
	padding:15px 20px;
	position: relative;
}
.free_wkitem .panel+.panel:before{
	position: absolute;
	content: '';
	top: 0;
	left: 20px;
	right: 0px;
	height: 1px;
	background: #cbcbcb;
}
.free_wkitem .pic {
	margin-right: 15px;
}
.free_wkitem .pic img{
	width: 97px;
	height: 97px;
}
.free_wkitem .title{
	font-size: 16px;
	color: #000;
	line-height: 1.2;
}
.free_wkitem .name{
	color: #999;
	font-size: 13px;
	margin-top: 10px;
}
/*微客详情*/
.weikeshow .banner,.weikeshow .banner img{
	width: 100%;
	height: 3.4rem;
	overflow: hidden;
}
.weikeshow .panel{
	background: #fff;
}
.weikeshow .panel+.panel{
	margin-top: 10px
}
.weikeshow .topbox{
	padding: 0 15px;
}
.weikeshow .topbox .title{
	color: #000;
	font-size: 18px;
	line-height: 24px;
	padding:10px 0
}
.weikeshow .topbox .dc_flex{
	text-align: center;
	font-size: 14px;
	color: #666;
	padding: 12px 0;
	border-top: 1px solid #cbcbcb;
	margin-top: 10px;
}
.weikeshow .topbox .dc_flex .dc_hd{
	height: 20px;
	line-height: 20px;
}
.weikeshow .topbox .dc_flex .dc_hd:first-child{
	border-right: 1px solid #cbcbcb;
}
.weikeshow .topbox .dc_flex i{margin-right: 5px;}
.weikeshow .toptitle {
	font-size: 14px;
	padding:15px;
	color: #666;
	height: 46px;
	line-height: 16px;
	position: relative;
}
.weikeshow .toptitle:before {
	position: absolute;
	content: '';
	width: 3px;
	height: 16px;
	background: #2195ff;
	left: 0px;
}
.weikeshow .toptitle:after{
	position: absolute;
	content: '';
	height: 1px;
	left: 15px;
	right: 0px;
	background: #e6e6e6;
	bottom: 0;
}
.weikeshow .toptitle a{
	color: #999;
	line-height: 16px;
	font-size: 14px;
	float: right;
}
.weikeshow .toptitle a i{font-size: 14px;}
.weikeshow .Userbox{
	padding: 15px 15px 25px 15px;
}
.weikeshow .wenitem{
}
.weikeshow .wenitem .wenlist{
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px;
	line-height: 19px;
}
.weikeshow .wenitem .wenlist+.wenlist:before{
	position: absolute;
	content: '';
	height: 1px;
	left: 15px;
	right: 0px;
	background: #e6e6e6;
	top: 0;
}

.weikeshow .wenitem .wenlist p.title{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	color: #000;
}
.weikeshow .wenitem .wenlist p.iconw{
	width: 19px;
	height: 19px;
	display: inline-block;
	background: url(../images/wen.png) no-repeat 50% 50% / 19px 19px;
	margin-right: 10px;
}
.weikeshow .wenitem .wenlist p.num{
	font-size: 14px;
	color: #999;
	margin-left: 10px;
}
.weikeshow .xdthbox{
	padding: 15px;
}
.weikeshow .xdthbox .dc_flex .pic{
	margin-right: 10px;
}
.weikeshow .xdthbox .dc_flex .pic,.weikeshow .xdthbox .dc_flex .pic img{
	width: 28px;
	height: 28px;
	border-radius: 50%;
}
.weikeshow .xdthbox .dc_flex .dc_hd{color: #666;font-size: 15px;}
.weikeshow .xdthbox .txt{
	color: #666;
	font-size: 15px;
	line-height: 24px;
	margin:15px 0;
}
.weikeshow .xdthbox .imgs{
	overflow: hidden;
	margin-bottom: 15px;
}
.weikeshow .xdthbox .imgs img{
	float: left;
	width: 92px;
	height: 92px;
	margin-right: 10px;
}
.weikeshow .xdthbox .btns{
	text-align: right;
	font-size: 14px;
}
.weikeshow .xdthbox .btns i{margin-right: 4px;}
.weikeshow .xdthbox .btns a{
	margin-left: 15px;
	color: #666;
}
.weikeshow .xdthbox .btns a.on{
	color: #ff0000;
}
.weikeshow .xdthbox .replys{
	padding-top: 15px;
	border-top: 1px solid #e6e6e6;
	margin-top: 15px;
	color: #999;
	font-size: 14px;
}
.weikeshow .xdthbox .replys span{color: #666;}
.weikeshow .tabtilte{
	padding: 12px 0;
	border-bottom: 1px solid #e6e6e6;
}
.weikeshow .tabtilte .dc_flex{
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #999;
	font-size: 16px;
}
.weikeshow .tabtilte .dc_hd:first-child{
	border-right: 1px solid #cbcbcb;
}
.weikeshow .tabtilte span{
	display: inline-block;
	position: relative;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
}
.weikeshow .tabtilte .active span{
	color: #2194ff;
}
.weikeshow .tabtilte .active span:before{
	position: absolute;
	content: '';
	width: 100%;
	bottom: -12px;
	height: 2px;
	left: 0;
	right: 0;
	background: #2194ff;
}
.weikeshow .wkxq_txt{
	padding: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
}
.wkml_item .wkml_list{
	padding: 15px;
	position: relative;
}
.wkml_item .wkml_list .pic{
	height: 44px;
	width: 44px;
	padding: 2px;
	position: relative;
	box-shadow: 0 0 10px #999;
	background: #fff;
	border-radius: 50%;
	margin-right: 12px;
}
.wkml_item .wkml_list .pic i{
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 10px;
	left: 14px;
}
.wkml_item .wkml_list.active{
	background: #f6fbff;
}
.wkml_item .wkml_list.active .pic i{display: none;}
.wkml_item .wkml_list.active .pic .wk_loading{display: block !important;}
.wkml_item .wkml_list .pic img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.wkml_item .wkml_list .dc_flex{
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}
.wkml_item .wkml_list .articletxt{
	font-size: 15px;
	color: #000;
	line-height: 1.4;
}
.wkml_item .wkml_list .infortxt{
	font-size: 13px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}
.wkml_item .wkml_list .infor{
	color: #999;
	font-size: 13px;
	margin-top: 10px;
	line-height: 20px;
}
.wkml_item .wkml_list .infor span+span{margin-left: 15px;}
.wkml_item .wkml_list .infor span a{
	display: inline-block;
	padding:0 10px;
	border:1px solid #2194FF;
	border-radius: 4px;
	height: 22px;
	line-height: 20px;
	color: #2194FF;
}
.wkml_item .wkml_list .infor i{
	font-size: 13px;
	margin-right: 5px;
}
.wkml_item .wkml_list+.wkml_list:before{
	position: absolute;
	content: '';
	top: 0px;
	height: 1px;
	left: 71px;
	right: 0;
	background: #e6e6e6;
}
/**/
.wk_loading{
	position: absolute;
	left: 14px;
	top: 12px;
	display: none
}
.wk_loading span{
    display: inline-block;
    width: 4px;
    height: 100%;
    background: #fff;
    -webkit-animation: load 1.04s ease infinite;
}
.wk_loading span+span{
	margin-left: 2px;
}
@-webkit-keyframes load{
    0%,100%{
        height: 10px;
        background: #fff;
    }
    50%{
        height: 16px;
        margin-top: -6px;
        background: #fff;
    }
}
.wk_loading span:nth-child(2){
    -webkit-animation-delay:0.13s;
}
.wk_loading span:nth-child(3){
    -webkit-animation-delay:0.26s;
}
.wk_loading span:nth-child(4){
    -webkit-animation-delay:0.39s;
}
.wk_loading span:nth-child(5){
    -webkit-animation-delay:0.52s;
}
/*FAQ*/
.faqbox .toptitle{
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	padding:0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #fff;
	font-size: 15px;
	color: #000;
}
.faqbox .panel{
	background: #fff;
	padding: 25px 15px 15px;
}
.faqbox .panel+.panel{
	margin-top: 10px;
}
.faqbox .asklist p{
	color: #000;
	font-size: 17px;
	line-height: 26px;
	margin-top: -5px;
}
.faqbox .panel .pic{
	margin-left: 25px;
}
.faqbox .panel .pic img{
	width: 33px;
	height: 33px;
	border-radius: 50%;
}
.dc_flex.flextop{
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}
.faq_iconfimg{
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
.asklist .faq_iconfimg{
	background: url(../images/icon_ask.png) no-repeat 50% 50% /18px 18px;
}
.answerlist .faq_iconfimg{
	background: url(../images/icon_answer.png) no-repeat 50% 50% /18px 18px;
}
.answerlist{
	margin-top: 15px;
}
.faqbox .answerlist p{
	color: #999;
	font-size: 15px;
	line-height: 22px;
	margin-top: -3px;
}
.faqbox .otheranswer{
	font-size: 15px;
	margin-left: 28px;
	color: #2194FF;
}
.faqbtnbox{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 54px;
}
.faqbtnbox .mask{
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	opacity: 0.8;
	height: 54px;
}
.faqbtnbox a{
	display: block;
	height: 34px;
	text-align: center;
	color: #fff;
	line-height: 34px;
	font-size: 16px;
	background: #2194ff;
	border-radius: 6px;
	position: absolute;
	left: 15px;
	right: 15px;
	top: 10px;
}
.faqbtnbox a i{margin-right: 5px;}
.faqbox .topitem{
	border-bottom: 1px solid #e6e6e6;
	padding:13px 15px;
	background: #fff;
	font-size: 15px;
	line-height: 22px;
	color: #000;
}
.faqbox .topitem .pic{margin-right: 15px;}
.faqbox .topitem img{
	width: 48px;
	height: 48px;
	border-radius: 4px;
}
.faqbox .topitem i{color: #999;}
.faqbox .answer_list{
	background: #fff;
	margin-top: 10px;
}
.answer_list .title{
	padding: 12px 15px;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #E6E6E6;
}
.answer_list .title i{
	background: url(../images/icon_answer.png) no-repeat 50% 50% /18px 18px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.answer_list .list{
	padding: 15px
}
.answer_list .list+.list{
	border-top: 1px solid #e6e6e6;
}
.answer_list .txt {
    color: #666;
    font-size: 15px;
    line-height: 24px;
    margin: 15px 0;
}
.answer_list .dc_flex .pic, .answer_list .pic img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.answer_list .dc_flex .pic {
    margin-right: 10px;
}
.answer_list .dc_flex .dc_hd {
    color: #666;
    font-size: 15px;
}
.answer_list .btns {
    text-align: right;
    font-size: 14px;
}
.answer_list .btns a.on{
	color: #ff0000;
}
.answer_list .btns a {
    margin-left: 15px;
    color: #666;
}
.answer_list .btns u{
	font-style: normal;
	text-decoration: none;
}
.answer_list .btns i.iconfont {
    margin-right: 4px;
}

/*teacher*/
.teacher>.panel{
	padding: 15px;
	background: #fff;
}
.teacher>.panel+.panel{
	margin-top: 10px
}
.teacher .topbox .pic{margin-right: 15px}
.teacher .topbox img{
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.teacher .topbox .name{color: #000;font-size: 16px;}
.teacher .topbox .infor{color: #666;font-size: 14px;}
.teacher .topbox .txt{color: #666;font-size: 14px;line-height: 1.4;padding:15px 0}
.teacher .message textarea{
	padding: 8px;
	box-sizing: border-box;
	width: 100%;
	height: 105px;
	border: 1px solid #ccc;
	box-shadow: none;
	border-radius: 5px;
	line-height: 21px;
	font-size: 14px;
	margin-bottom: 0;
}
.btn_34 {
	background: #2194ff;
	color: #fff;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	padding: 0 12px;
	border-radius: 6px;
}
.teacher .message{
	text-align: center
}
.teacher .message .btn_34{margin-top: 5px;}
.teacher .b_title{
	padding: 20px 15px 10px;
	color: #666;
	font-size: 16px;
}
.wt_item .pic{margin-right: 15px}
.wt_item .pic img{width: 40px;height: 40px;border-radius: 50%;}
.wt_item .dc_hd{
	font-size: 15px;
	line-height: 22px;
	color: #000;
}
.wt_item .infor{
	overflow: hidden;
	margin-top: 5px;
}
.wt_item .infor .time{float: left;color: #333;font-size: 14px;}
.wt_item .infor .num{float: right;}
.wt_item .infor .num span{color: #999;font-size: 14px;margin-left: 15px;}
.wt_item .infor .num span.on{color: #FF0000;}
.wt_item .infor .num span i.iconfont{margin-right: 5px;}

.story .top{
	background: #fff;
	padding: 15px 20px;
}
.story .top .banner{
	position: relative;
	height: 3.04rem;
	overflow: hidden;
}
.story .top .banner img{
	height: 100%;
	width: 100%;
}
.story .top .type{
	height: 28px;
	line-height: 28px;
	color: #fff;
	padding: 0 15px;
	font-size: 14px;
	background: #ff8e8e;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	display: inline-block;
	position: absolute;
	top: 12px;
}
.story .top .txt{
	position: absolute;
	padding: 0 20px;
	text-align: center;
	left: 0;
	right: 0;
	top: 60px;
}
.story .top .banner .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}

.story .top p.title{color:#fff;font-size: 19px;text-shadow:1px 1px 2px #000;}
.story .top p.infor{color:#fff;font-size: 15px;text-shadow:1px 1px 2px #000;}
.story .top .dc_flex{font-size: 12px;color: #666;margin-top: 15px}
.story .top .dc_flex i{margin-right: 4px;font-size: 12px;}
.story .top .dc_flex div:nth-child(1){
	text-align: left;

}
.story .top .dc_flex div:nth-child(2){
	text-align: center;

}
.story .top .dc_flex div:nth-child(3){
	text-align: right;

}

.story .wkml_item{
	background: #ffffff;
}
.story .wkml_list .pic{
	width: 75px;
	height: 75px;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	position: relative;
}
.story .wkml_list .pic .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
}
.story .wkml_list .pic img{
	border-radius: 0;
	width: 75px;
	height: 75px;
}
.story .wkml_list .pic i {
	color: #fff;
	font-size: 34px;
	position: absolute;
	top: 12px;
	left: 20px;
}
.story .wk_loading{
	position: absolute;
	left: 20px;
	top: 30px;
	display: none
}
.story .wkml_item .wkml_list+.wkml_list:before{
	left: 15px;
}
.story .audiobox{
	padding: 12px 15px;
	border-radius: 0;
	margin-top: 20px
}
.story .audioplayer-time{display: none;}
.btn_delete{
	float: right;
	display: block;
	width: 44px;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	background: #FF0000;
	border-radius: 4px;
	text-align: center;
}
.borrowcart .cart_item li .btn_delete{margin-left: 15px}
.recharge .step{
	background: #000;
	height: 78px;
	overflow: hidden;
}

/* stepInfo */
.stepInfo{position:relative;width: 210px;margin: 15px auto 0 auto;background: #fff;}
.stepInfo ul{
	overflow: hidden;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
}
.stepInfo li {
    float: left;
    width: 50%;
    height: 3px;
    background: #999999;
}
.stepInfo li:first-child{
	background: #3399ff
}
.stepIco {
    border-radius: 50%;
    background: #3399ff;
    text-align: center;
    position: absolute;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    top: 29px;
}
.stepIco1 {
    top: 0px;
    left: -15px;
}
.stepIco3 {
    top: 0px;
    right: -15px;
    background: #999999;
}
.stepIco2 {
    top:8px;
    width: 15px;
    height: 15px;
    left: 97.5px;
}
.stepText {
	margin-top: 8px;
	width: 60px;
	text-align: center;
	margin-left: -15px;
	font-size: 14px;
	line-height: 1;
}
.sjlybox{
	padding: 0 15px;
}
.sjlybox .dc_flex{
	padding: 12px 0;
	position: relative;
}
.sjlybox .dc_flex+.dc_flex:after{
	position: absolute;
	content: '';
	left: 0;
	right: -15px;
	height: 1px;
	background: #cccccc;
	top: 0;
}
.sjlybox .lefttype{
	width: 80px;
	color: #000;
	font-size: 15px;
}
.sjlybox img{
	width: 78px;
	height: 107px;
	border-radius: 8px;
}
.sjlybox .dc_hd{
	color: #666;
	font-size: 15px;
	margin-left: 15px
}
.sjlybox input.editinput{
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	font-size: 15px;
	color: #666;
}
.sjlybox .eidttext{
	margin: 0;
	padding: 0;
	border: none;
		font-size: 15px;
	color: #666;
	line-height: 24px;
  height: 120px;
}
.sjlybox .dc_hd .jj{
	line-height: 24px;
	max-height: 120px;
	overflow-y: auto;
}
.sjlybox .dc_hd select{
	margin: 0;
	padding: 0 10px;
}
.sjlybox .btn_order{
	margin: 20px 0;
}

/*书籍漂流*/
.sjplbox .top {
	padding: 20px 15px;
}
.sjplbox .top img{
	width: 61px;
	height: 84px;
	border-radius: 4px;
}
.sjplbox .top .pic{margin-right: 10px;}
.sjplbox .top .name{color: #000;font-size: 16px}
.sjplbox .top .book_tag{margin: 5px 0;}
.sjplbox .top .plwz{font-size: 13px;color: #999;}
.sjplbox .top .plwz u{color: #3399ff;}
.time_stepbox .point-title {
    width: 26px;
    height: 26px;
    top: 0px;
    left: 9px;
    background: none;
    margin-left: 0px;
    border-radius: 50%;
    float: left;
    position: relative;
    z-index: 9;
}
.time_stepbox .point-time {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 20px;
    background: #339afe;
    margin-left: -5px;
    border-radius: 50%;
    
}
.time_stepbox .point-title img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}
.time_stepbox .aside_title {
    height: 26px;
    padding: 0;
    line-height: 26px;
}
.time_stepbox .topline{
	position: relative;
}
.time_stepbox .topline:after{
	content: '';
	position: absolute;
	height: 1px;
	background: url(../images/pl_bg_h.png) repeat-x center center /auto 1px;
	left: 0;
	right: 0;
	top: 13px;
}
.time_stepbox article section:before {
    content: "";
    width: 1px;
    top: 15px;
    bottom: -15px;
    left: 22px;
    background: url(../images/plbg_s.png) repeat-y center center/1px auto;
    position: absolute;
}
.sjplbox .btn_fx{
	display: inline-block;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #3399ff;
	font-size: 13px;
	text-align: center;
	padding:0 10px;
	border-radius: 4px;
	position: absolute;
	right: 15px;
	z-index: 9;
}
.time_stepbox .time {
    color: #000;
    font-size: 13px;
}

.time_stepbox article section aside{margin-left: 45px;}
.sjplbox .pl_list{
	background:#f1f8ff; 
	border-radius: 6px;
	margin-right: 15px;
	padding: 10px;
}
.sjplbox .pl_list .pic{margin-right: 10px;}
.sjplbox .pl_list img{
	width: 34px;
	height: 34px;
	border-radius: 50%
}
.sjplbox .pl_list .dc_hd1{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 5px;
	position: relative;
	color: #999;
	font-size: 13px;
}
.sjplbox .pl_list .dc_hd1:before{
	content: '';
	position: absolute;
	left: 0;
	height: 12px;
	width: 1px;
	background: #ccc;
	top: 6px;
}
.dc_flex1{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.dc_hd1{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}
.sjplbox .pl_list .name{
	font-size: 13px;
	color: #666;
	padding-right: 5px;
}
.sjplbox .pl_list .name span{
	color: #fff;
	background: #ff7c56;
	padding:0 8px;
	border-radius: 4px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-left: 5px
}
.sjplbox .pl_list .dc_flex1{
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
}
.sjplbox .pl_list .txt{
	padding-top: 15px;
}
.sjplbox .pl_list .txt p{
	color: #000;
	font-size: 14px;
	line-height: 20px;
}
.sjplbox .pl_list .txt .picshow {
	overflow: hidden;
	margin-top: 10px;
}
.sjplbox .pl_list .txt .picshow img{
	width: 114px;
	height: 114px;
	border-radius: 6px;
	display: inline-block;
	float: left;
	margin-right: 10px
}
.sjplbox .pl_list .yuyin{
	background: #3399ff;
	height: 34px;
	line-height: 34px;
	width: 182px;
	color: #fff;
	border-radius: 17px;
	margin-top: 10px;
	position: relative;
}
.sjplbox .pl_list .yuyin span{
	color: #fff;
	font-size: 13px;
	padding-left: 35px;
}
.sjplbox .pl_list .yuyin i{
	display: inline-block;
	width: 12px;
	height: 18px;
	background-image: url(../images/yuyin.png);
	background-size: 12px 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 15px;
	top: 8px;
}
.sjplbox .pl_list .yuyin.loop i{
	background-image: url(../images/yuyinloop.png);
	background-size: 36px 18px;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
}
@-webkit-keyframes audio_playing {
    30% {
        background-position: 0px center;
    }
    31% {
        background-position: -12px center;
    }
    61% {
        background-position: -12px center;
    }
    61.5% {
        background-position: -24px center;
    }
    100% {
        background-position: -24px center;
    }
}
.sjpl_foot{
	position: fixed;
	height: 44px;
	bottom: 0;
	left: 0;
	right: 0;
	background: #666;
	z-index: 10;
	padding: 8px 15px;
	overflow: hidden;
}
.sjpl_foot .btn_gz{
	background: #3399ff;
	height: 28px;
	line-height: 28px;
	color: #fff;
	border-radius: 6px;
	padding:0 10px;
	display: block;
	font-size: 13px;
}
.sjpl_foot .xq{
	font-size: 13px;
	line-height: 28px;
	color: #fff;
	margin-left: 10px;
}
.sjpl_foot .dc_hd{
	text-align: right;
}
.sjpl_foot .dc_hd a{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/jiantou.png) no-repeat center center/ 16px 16px;
}
.fenxiangbox{
	padding: 25px 15px;
	background: #fff
}
.fenxiangbox textarea{
	background: #f4f4f4;
	margin-bottom: 0;
}
.fenxiangbox .textareaDiv .maxNum{
	bottom: 10px
}
.fenxiangbox  .yuyin{
	background: #44db5e;
	height: 34px;
	line-height: 34px;
	width: 182px;
	color: #fff;
	border-radius: 17px;
	margin-top: 10px;
	position: relative;
}
.fenxiangbox  .yuyin span{
	color: #fff;
	font-size: 13px;
	padding-left: 35px;
}
.fenxiangbox  .yuyin i{
	display: inline-block;
	width: 12px;
	height: 18px;
	background-image: url(../images/luyinpl.png);
	background-size: 12px 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 15px;
	top: 8px;
}
.fenxiangbox	.img_div{margin-top: 20px;margin-left: -10px;}

/**/
.recording{
	overflow: hidden;
	
}
.record-btn{
	width: 233px;
	height: 38px;
	line-height: 38px;
	background: #44DB5E;
	border-radius: 19px;
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
	padding-left: 35px;
	float: left;
}
.recording i{
    display: inline-block;
    width: 12px;
    height: 18px;
    background-image: url(../images/luyinpl.png);
    background-size: 12px 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 15px;
    top: 10px;
}
.re-record-btn{
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	border-radius: 50%;
	background: #FF7C56;
	float: left;
	margin-left: 15px;
}
.btn-line-b{
	font-size: 12px;
	color: #568BF6;
	background: #FFFFFF;
	border: 1px solid #5990FF;
	border-radius: 6px;
	height: 32px;
	line-height: 30px;
	padding: 0 15px;
}

.fenxiangbox .recording{
	margin-top: 20px;
}

.sjpl_qrcode{
	position: fixed;
	bottom: 44px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	overflow: hidden;
	display: none
}
.sjpl_qrcode .mask{
	background: #000;
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.5;
}
.sjpl_qrcode .content{
	background: #fff;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 20px;
	text-align: center
}
.sjpl_qrcode .content img{
	width: 110px;
	height: 110px;
	margin: 0 auto;
}
.sjpl_qrcode .content p{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}



/*
			.mui-preview-image.mui-fullscreen {
				position: fixed;
				z-index: 20;
				background-color: #000;
			}
			.mui-preview-header,
			.mui-preview-footer {
				position: absolute;
				width: 100%;
				left: 0;
				z-index: 10;
			}
			.mui-preview-header {
				height: 44px;
				top: 0;
			}
			.mui-preview-footer {
				height: 50px;
				bottom: 0px;
			}
			.mui-preview-header .mui-preview-indicator {
				display: block;
				line-height: 25px;
				color: #fff;
				text-align: center;
				margin: 15px auto 4px;
				width: 70px;
				background-color: rgba(0, 0, 0, 0.4);
				border-radius: 12px;
				font-size: 16px;
			}
			.mui-preview-image {
				display: none;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			.mui-preview-image.mui-preview-in {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn;
			}
			.mui-preview-image.mui-preview-out {
				background: none;
				-webkit-animation-name: fadeOut;
				animation-name: fadeOut;
			}
			.mui-preview-image.mui-preview-out .mui-preview-header,
			.mui-preview-image.mui-preview-out .mui-preview-footer {
				display: none;
			}
			.mui-zoom-scroller {
				position: absolute;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				-webkit-backface-visibility: hidden;
			}
			.mui-zoom {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.mui-slider .mui-slider-group .mui-slider-item img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
			}
			.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
				width: 100%;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
				display: inline-table;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
				display: table-cell;
				vertical-align: middle;
			}
			.mui-preview-loading {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				display: none;
			}
			.mui-preview-loading.mui-active {
				display: block;
			}
			.mui-preview-loading .mui-spinner-white {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -25px;
				margin-top: -25px;
				height: 50px;
				width: 50px;
			}
			.mui-preview-image img.mui-transitioning {
				-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
				transition: transform 0.5s ease, opacity 0.5s ease;
			}
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			@keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			p img {
				max-width: 100%;
				height: auto;
			}
*/

/*读书吧--------------------------------------------------------------------------------------------------------*/
.dushub {
    height: 100%;
    background: url(../images/qrcodebg.png) no-repeat center top / cover;
    position: relative;
    overflow: hidden;
}
.dushub .toppic{
	margin: 1.74rem 0.6rem 0;
	background: #fff;
	position: relative;
	border-radius: 0.14rem;
	text-align: center;
	padding-top: 1.36rem;
	padding-bottom: 0.32rem
}
.dushub .toppic .headpic{
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 50%;
	border: 0.06rem solid #FFFFFF;
	overflow: hidden;
	position: absolute;
	top:-1.1rem;
	left: 50%;
	margin-left: -1.1rem;
}
.dushub .toppic .name{
	color: #000;
	font-size: 0.4rem;
}
.dushub .toppic .infor{
	font-size: 0.32rem;
	color: #666666;
}
.dushub .toppic .infor img{
	width: 0.34rem;
	height: 0.34rem;
	display: inline-block;
	margin-right: 0.12rem;
}
.dushub .timeselect{
	background: #fff;
	position: relative;
	border-radius: 0.14rem;
	padding-top: 0.53rem;
	margin: 0rem 0.6rem;
	padding-bottom: 0.53rem;
	border-top: 1px dotted #cccccc;
}
.timeselect .title{
	height: 0.62rem;
	line-height: 0.62rem;
	background: #48A3FE;
	width: 2.58rem;
	color: #fff;
	font-size: 0.28rem;
	padding-left: 0.88rem;
	overflow: hidden;
	position: relative;
	border-top-right-radius: 0.08rem;
	border-bottom-right-radius: 0.08rem;
}
.timeselect .title:after{
	width: 0.34rem;
	height: 0.35rem;
	background: url(../images/ds8-time.png) no-repeat center center/0.34rem 0.35rem;
	position: absolute;
	content: '';
	left: 0.4rem;
	top: 0.14rem;
}
.timeselect ul{
	padding-top: 0.4rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	font-size: 0.32rem;
	color: #CCCCCC;
}
.timeselect ul li{
	position: relative;
	height: 0.4rem;
	line-height: 0.4rem;
	padding-left: 0.56rem;
}
.timeselect ul li+li{
	margin-top: 0.3rem;
}
.timeselect ul li:after{
	position: absolute;
	content: '';
	left: 0rem;
	top: 0rem;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/ds8-xz1.png) no-repeat center center/0.4rem 0.4rem;
}
.timeselect ul li.active:after{
	position: absolute;
	content: '';
	left: 0rem;
	top: 0rem;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/ds8-xz2.png) no-repeat center center/0.4rem 0.4rem;
}
.btn-s{
	display: block;
	background: #48A3FE;
	border-radius: 0.08rem;
	color: #fff;
	text-align: center;
	margin: 0.4rem 0.6rem;
	font-size: 0.28rem;
	height: 0.78rem;
	line-height: 0.78rem;
}
.btn-s:active{
	opacity: 0.7;
	color: #fff;
}
.btn-blue{
	display: block;
	background: #48A3FE;
	border-radius: 0.08rem;
	color: #fff;
	text-align: center;
	font-size: 0.28rem;
	height: 0.78rem;
	line-height: 0.78rem;
}
.btn-blue:active{
	opacity: 0.7;
	color: #fff;
}
.btn-white{
	display: block;
	background: #ffffff;
	border-radius: 0.08rem;
	color: #48A3FE;
	text-align: center;
	font-size: 0.28rem;
	height: 0.78rem;
	line-height: 0.78rem;
	border:1px solid #48A3FE;
	
}

.btn-white:active{
	opacity: 0.7;
	color: #fff;
}
.btn-blue~.btn-white{margin-top: 10px;}
.jiaoshi-gl>.panel{
	margin-top: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.05);
	border-radius: 0.10rem;
	overflow: hidden;
}
.jsgl-item .list{
	padding: 0.3rem;
	position: relative;
}
.jsgl-item .list+.list:after{
	position: absolute;
	content: '';
	left: 0.3rem;
	right: 0.3rem;
	top: 0;
	height: 1px;
	background: #ccc;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.jsgl-item .pic{
	border-radius: 50%;
	overflow: hidden;
	width: 1.08rem;
	height: 1.08rem;
	margin-right: 0.26rem;
}
.jsgl-item .name{
	color: #000;
	font-size: 0.34rem;
}
.jsgl-item .schoolname{
	font-size: 0.32rem;
	color: #666666;
	position: relative;
	height: 0.34rem;
	line-height: 0.34rem;
	padding-left: 0.46rem;
	margin-top: 0.12rem;
}
.jsgl-item .schoolname:after{
	position: absolute;
	content: '';
	left: 0rem;
	top: 0rem;
	width: 0.34rem;
	height: 0.34rem;
	background: url(../images/ds8-xx.png) no-repeat center center/0.34rem 0.34rem;
}
.jsgl-item .btn{margin-left: 0.26rem;}
.jsgl-item .btn-x{
	font-size: 0.28rem;
	color: #48A3FE;
	background: #FFFFFF;
	border: 1px solid #48A3FE;
	border-radius: 0.08rem;
	padding: 0 0.14rem;
	height: 0.68rem;
	display: inline-block;
	line-height: 0.68rem;
}
.jsgl-item .btn-del{
	font-size: 0.28rem;
	color: #fff;
	background: #FF0000;
	border-radius: 0.05rem;
	padding: 0 0.2rem;
	height: 0.53rem;
	display: inline-block;
	line-height: 0.53rem;
}
.jiaoshi-gl .tab-title{
	padding: 0.27rem 0;
	position: relative;
}
.jiaoshi-gl .tab-title:after{
	position: absolute;
	content: '';
	left: 0rem;
	right: 0rem;
	bottom: 0;
	height: 1px;
	background: #ccc;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.jiaoshi-gl .tab-title .dc_hd{
	text-align: center;
	height: 0.45rem;
	line-height: 0.45rem;
	font-size: 0.32rem;
	color: #999999;
	position: relative;
}
.jiaoshi-gl .tab-title .dc_hd+.dc_hd:after{
	position: absolute;
	content: '';
	height: 0.4rem;
	left: 0rem;
	top: 0.025rem;
	width: 1px;
	background: #979797;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5);
}
.jiaoshi-gl .tab-title .dc_hd.active{
	color: #48A3FE;
}
.jiaoshi-gl .tab-title .dc_hd.active span{
	display: inline-block;
	height: 0.45rem;
	position: relative;
}
.jiaoshi-gl .tab-title .dc_hd.active span:after{
	position: absolute;
	content: '';
	left: 0rem;
	right: 0rem;
	bottom: -0.27rem;
	height: 2px;
	background: #48A3FE;
}
.jiaoshi-gl .topwork{
	padding: 0.3rem;
}
.jiaoshi-gl .topwork .btn{
	height: 0.68rem;
	overflow: hidden;
}
.jiaoshi-gl .topwork .btn a{
	display: inline-block;
	background: #48A3FE;
border-radius: 8px;
padding: 0 0.2rem;
height: 0.68rem;
line-height: 0.68rem;
color: #fff;
font-size: 0.28rem;
overflow: hidden;
position: relative;
padding-left: 0.74rem;
}
.jiaoshi-gl .topwork .btn a i{
	height: 0.4rem;
	width: 0.4rem;
	display: inline-block;
	margin-right: 0.14rem;
	position: absolute;
	top: 0.14rem;
	left: 0.2rem;
}
.jiaoshi-gl .topwork .timeicon{
	height: 0.34rem;
	width: 0.34rem;
	display: inline-block;
	margin-right: 0.14rem;
	background: url(../images/ds8-rq.png) no-repeat center center/0.34rem 0.34rem;
	vertical-align: middle;
}
.jiaoshi-gl .topwork .xyicon{
	height: 0.34rem;
	width: 0.34rem;
	display: inline-block;
	margin-right: 0.14rem;
	background: url(../images/ds8-md.png) no-repeat center center/0.34rem 0.34rem;
	vertical-align: middle;
}
.jiaoshi-gl .topwork .dc_hd span{
font-size: 0.32rem;
color: #48A3FE;
}
.jiaoshi-gl .topwork .dc_hd span b{
	font-weight: normal;
}



/*图书馆收付款*/
.sfkbox .panel+.panel{
	margin-top: 10px;
}
.sfkbox .panel{
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
}
.sfkbox .panelshodow{
	margin-top: 10px;
	background: #fff;
	border-radius: 0.1rem;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-shadow: 0 0 0.06rem 0.01rem rgba(0,0,0,0.05);
}
.step-tsg{
	width: 6.9rem;
	position: relative;
	overflow: hidden;
	height: 1.96rem;
}

.step-tsg .stepIco-tsg{
	width: 1.2rem;
	text-align: center;
	position: absolute;
	top: 0.35rem;
}
.step-ul{
	width: 6.9rem;
	position: relative;
	top: 0.35rem;
}
.step-ul li:nth-child(1){
	position: relative;
	top: 0.32rem;
	width: 1.2rem;
	height: 1px;
	left: 1.5rem;
	background: #ccc;
}
.step-ul li:nth-child(2){
	position: absolute;
	top: 0.32rem;
	width: 1.2rem;
	height: 1px;
	right: 1.5rem;
	background: #ccc;
}
.step-tsg .stepIco-tsg:nth-child(1){
	left: 0.20rem;
}
.step-tsg .stepIco-tsg:nth-child(2){
	left: 2.85rem;
}
.step-tsg .stepIco-tsg:nth-child(3){
	right: 0.20rem;
}
.step-tsg.step5 .stepIco-tsg:nth-child(1){
	left: 0.20rem;
}
.step-tsg.step5 .stepIco-tsg:nth-child(2){
	left: 1.53rem;
}
.step-tsg.step5 .stepIco-tsg:nth-child(3){
	left: 2.85rem;
}
.step-tsg.step5 .stepIco-tsg:nth-child(4){
	left: 4.18rem;
}
.step-tsg.step5 .stepIco-tsg:nth-child(5){
	right: 0.20rem;
}

.step-tsg.step4 .stepIco-tsg:nth-child(1){
	left: 0.20rem;
}
.step-tsg.step4 .stepIco-tsg:nth-child(2){
	left: 1.97rem;
}
.step-tsg.step4 .stepIco-tsg:nth-child(3){
	left: 3.73rem;
}
.step-tsg.step4 .stepIco-tsg:nth-child(4){
	right: 0.20rem;
}

.step-ul.step5 li,.step-ul.step4 li{
	position: relative;
	top: 0.32rem;
	width: 0.5rem;
	height: 1px;
	background: #ccc;
}
.step-ul li.visited{
	background: #48A3FE;
}
.step-ul.step5 li:nth-child(1){
	left: 1.22rem;
}
.step-ul.step5 li:nth-child(2){
	left: 2.54rem;
}
.step-ul.step5 li:nth-child(3){
	left: 3.87rem;
}
.step-ul.step5 li:nth-child(4){
	left: 5.19rem;
}


.step-ul.step4 li:nth-child(1){
	left: 1.44rem;
}
.step-ul.step4 li:nth-child(2){
	left: 3.21rem;
}
.step-ul.step4 li:nth-child(3){
	left: 4.98rem;
}

.step-tsg .stepIco-tsg i{
	display: block;
	width: 0.5rem;
	height: 0.6rem;
	margin: 0 auto;
	background: url(../images/stepIco-D.png) no-repeat center top/0.5rem 0.5rem;
}
.step-tsg .stepIco-tsg.active i{
	background: url(../images/stepIco-on.png) no-repeat center top/0.5rem 0.6rem;
}
.step-tsg .stepIco-tsg.visited i{
	background: url(../images/stepIco-ok.png) no-repeat center top/0.5rem 0.5rem;
}
.step-tsg .stepIco-tsg p{
	font-size: 0.24rem;
	color: #CCCCCC;
}
.step-tsg .stepIco-tsg.active p{
	color: #48A3FE;
}
.tsgsfk-item-infor{
	padding:15px 15px 0 15px;
}
.tsgsfk-item-infor .type{
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px !important;
}
.tsgsfk-item-infor .type i{color: red;font-style: normal;vertical-align: middle;}
.tsgsfk-item-infor input[type=text],.tsgsfk-item-infor select{
	height: 0.74rem;
	padding: 0 0.2rem !important;
	background: #FFFFFF;
	border: 1px solid #48A3FE !important;
	border-radius: 0.06rem;
	margin-bottom: 15px;
	color: #000000;
	font-size: 13px;
}
.tsgsfk-item-infor .textareaDiv{
	margin: 0 0 15px 0;
}
.tsgsfk-item-infor .textareaDiv textarea{
	background: #F4F4F4;
	border-radius: 0.08rem;
	border: none;
}
.sfkbox .ptitle{
	background: #47a3fe;
	color: #fff;
	height: 31px;
	line-height: 31px;
	display: inline-block;
	padding: 0 15px;
	font-size: 15px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-top: 10px;
}
.sfkbox .ptitle i {
    margin-right: 8px;
}
.sfkbox .txt{
font-size: 16px;
color: #666666;
line-height: 27px;
padding: 15px;
}
.sfkbox .tiptxt{
	text-align: center;
	overflow: hidden;
}
.sfkbox .tiptxt img{
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: 20px;
	margin-bottom: 15px;
}
.sfkbox .tiptxt h3{
	font-size: 17px;
	color: #666666;
	font-weight: normal;
	margin: 0;
}
.sfkbox .tiptxt p{
	font-size: 13px;
	color: #999999;
	font-weight: normal;
	margin-top: 6px;
}
.tsgsq-jj{
	background: #fff;
	padding: 15px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.tsgsq-jj p{font-size: 14px;
color: #666666;}
.tsgsq-jj textarea{
	border: 1px solid #D6D6D6;
	border-radius: 0.08rem;
	margin: 0;
	margin-top: 10px;
	font-size: 14px;
}
.tsgsq-jj .btns{
	text-align: right;
	margin-top: 10px;
}
.tsgsq-jj .btns a{
	display: inline-block;
	width: 1.96rem;
	height: 0.54rem;
	line-height: 0.54rem;
	text-align: center;
}
.tsgsq-jj .btns a.qx{
	font-size: 12px;
	color: #48A3FE;
	background: #FFFFFF;
	border: 1px solid #48A3FE;
	border-radius: 0.08rem;
}
.tsgsq-jj .btns a.jj{
	font-size: 12px;
	color: #fff;
	background: #48A3FE;
	border: 1px solid #48A3FE;
	border-radius: 0.08rem;
	margin-left: 10px;
}


/*会员购买*/
.vipbuy .txt-tiaokuan{
	margin-bottom: 10px
}
.vipbuy .banner{
	height: 4.48rem;
}
.vipbuy .pagetitle{
	background: #fff;
	padding: 15px;
	font-size: 16px;
}
.vipbuy .panel{
	margin-top: 10px;
	background: #fff;
	padding: 15px
}
.vipbuy .panel .title{
	font-size: 14px;
	color: #666666;
	padding-bottom: 10px;
	position: relative;
}
.vipbuy .panel .txttip{
	font-size: 13px;
	color: #151515;
	margin-top: 5px;
}
.vipbuy .panel .txttip i{
	color:red;
	font-style: normal;
}
.vipbuy .panel .infobox{
	background: #F8F8F8;
	border-radius: 4px;
	padding: 0 10px;
	margin-top: 10px;
}
.vipbuy .panel .infobox .T{
	font-size: 13px;
	color: #999999;
	padding: 9px 0;
	line-height: 18px;
	border-bottom: 1px solid #E6E6E6;
}
.vipbuy .panel .infobox .dc_flex{
	padding: 15px 0;
	
}
.vipbuy .panel .infobox .dc_flex .pic,.vipbuy .panel .infobox .dc_flex .pic img{
	height: 54px;
	width: 54px;
	border-radius: 50%;
	overflow: hidden;
}
.vipbuy .panel .infobox .dc_flex .dc_hd{
	font-size: 14px;
	color: #333333;
	line-height: 25px;
	margin-left: 15px;
}
.icon-vip-xz{
	display: inline-block;
	height: 0.4rem;
	width: 0.4rem;
	background: url(../images/icon-vip-xz.png) no-repeat center center/0.4rem 0.4rem;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -3px;
}
.viptype{
	padding: 15px 0;
	font-size: 0.32rem;
	color: #CCCCCC;
	position: relative;
}
.viptype:before{
	content: '';
	height: 1px;
	left: 0px;
	right: 0;
	top: 0;
	position: absolute;
	background: #ccc;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(.5);
}
.viptype .active .icon-vip-xz{
	background: url(../images/icon-vip-xz1.png) no-repeat center center/0.4rem 0.4rem;
}
.viptype .active {color: #48A3FE;}
.viptypeshow{
	background: #F8F8F8;
	border-radius: 4px;
	padding: 16px 10px;
	display: none;
}
.viptypeshow.active{display: block;}
.viptypeshow .list{
	font-size: 15px;
color: #CCCCCC;
}
.viptypeshow .list+.list{margin-top: 15px}
.viptypeshow .list.active{
	color: #48A3FE;
}
.viptypeshow .list.active .icon-vip-xz{
	background: url(../images/icon-vip-xz1.png) no-repeat center center/0.4rem 0.4rem;
}
.viptypeshow .otherbox{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #ccc;
}
.viptypeshow .otherbox p{
	font-size: 12px;
	color: #AAAAAA;
	margin-top: 10px;
}
.vipbuy input[type=text],.vipbuy input[type=tel],select{
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #48A3FE;
	border-radius: 3px;
	font-size: 13px;
	padding: 9px 15px;
}
.viptypeshow .otherbox .dc_hd:last-child{margin-left: 15px;color: red;}

.vipreginfor{
	padding: 15px;
}
.vipreginfor input,select{
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #3399FF !important;
	border-radius: 4px;
	height: 0.68rem;
	font-size: 15px;
	color: #666666;
	padding: 0 10px;
}
.vipreginfor .type{
	font-size: 15px;
	color: #666666;
	margin-right: 15px;
}
.vipreginfor .list+.list{margin-top: 10px;}

.viptopuserpic {
    padding: 20px 15px;
    position: relative;
}
.viptopuserpic .btnuploadbtn {
    text-align: center;
    position: relative;
    width: 85px;
    height: 85px;
    margin: 0 auto;
}
.viptopuserpic img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.viptopuserpic #imghead {
    z-index: 9;
}


/*母亲节*/
.motherday .pl_list{
	background: #8EDFCF;
	border-radius: 4px;
	margin-right: 15px;
	padding: 10px;
}
.motherday .pl_list .pic{margin-right: 10px;}
.motherday .pl_list img{
	width: 34px;
	height: 34px;
	border-radius: 50%
}
.motherday .pl_list .dc_hd1{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 8px;
	position: relative;
	color: #146A59;
	font-size: 13px;
}
.motherday .pl_list .dc_hd1 i.icon{
	display: inline-block;
	width: 0.18rem;
	height: 0.24rem;
	background: url(../images/mqj-dw.png) no-repeat center center/0.18rem 0.24rem;
	margin-right: 5px;
	margin-top: -3px;
}
.motherday .pl_list .dc_hd1:before{
	content: '';
	position: absolute;
	left: 0;
	height: 14px;
	width: 1px;
	background: #47504F;
	top: 5px;
	-webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.motherday .time_stepbox .topline:after{
	content: '';
	position: absolute;
	height: 1px;
	background: transparent;
	border-top: 1px dashed #979797;
	left: 0;
	right: 0;
	top: 13px;
	-webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.motherday .time_stepbox article section:before {
	content: "";
	width: 1px;
	top: 15px;
	bottom: -15px;
	left: 22px;
	border-left: 1px dashed #979797;
	background: transparent;
	position: absolute;
	-webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.motherday .time_stepbox .point-time {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	top: 0px;
	left: 22px;
	background: #FAB521;
	border: 1px solid #333539;
	margin-left: -5px;
	border-radius: 50%;
}
.motherday .pl_list .name{
	font-size: 13px;
	color: #146A59;
	padding-right: 8px;
}
.motherday .pl_list .name span{
	color: #fff;
	background: #FF7C56;
	border: 1px solid #333539;
	padding:0 8px;
	border-radius: 4px;
	font-size: 12px;
	height: 20px;
	line-height: 18px;
	display: inline-block;
	margin-left: 5px
}
.motherday .pl_list .dc_flex1{
	border-bottom: 1px solid #75CCBB;
	padding-bottom: 12px;
}
.motherday .pl_list .txt{
	padding-top: 15px;
}
.motherday .pl_list .txt p{
	color: #146A59;
	font-size: 14px;
	line-height: 20px;
}
.motherday .pl_list .txt .picshow {
	overflow: hidden;
	margin-top: 0px;
	margin-right: -10px;
}
.motherday .pl_list .txt .picshow img{
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 6px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.motherday .pl_list .yuyin{
	background: #FAB521;
	border: 1px solid #333539;
	height: 34px;
	line-height: 32px;
	width: 182px;
	color: #fff;
	border-radius: 17px;
	margin-top: 10px;
	position: relative;
}
.motherday .pl_list .yuyin span{
	color: #fff;
	font-size: 13px;
	padding-left: 35px;
}
.motherday .pl_list .yuyin i{
	display: inline-block;
	width: 12px;
	height: 18px;
	background-image: url(../images/yuyin.png);
	background-size: 12px 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 15px;
	top: 8px;
}
.motherday .pl_list .yuyin.loop i{
	background-image: url(../images/yuyinloop.png);
	background-size: 36px 18px;
	-webkit-animation: audio_playing 1s infinite;
	background-position: 0px center;
}

.motherday .pl_list .zan-btn i{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/mqj-zan2.png) no-repeat center center/0.3rem 0.3rem;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -3px;
}
.motherday .pl_list .zan-btn.active i{
	background: url(../images/mqj-zan1.png) no-repeat center center/0.3rem 0.3rem;
}
.motherday .pl_list .zan-btn.active {
	color: #333539;
}
.motherday .pl_list .zan-btn {
	font-size: 14px;
	color: #68A296;
	margin-top: 15px;
}
.motherday .pl_list .zan{text-align: right;margin-top: 10px}
.motherday .toppanel{
	padding: 3px 15px 10px;
}
.motherday .toppanel .so{
	background: #FFFFFF;
	border: 1px solid #333539;
	border-radius: 4px;
	font-size: 12px;
	color: #3D3D3A;
	height: 0.74rem;
	position: relative;
}
.motherday .toppanel .so i{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/mqj-so.png) no-repeat center center/0.3rem 0.3rem;
	position: absolute;
	top: 0.22rem;
	left: 0.24rem;
}
.motherday .toppanel .so input{
	margin: 0;
	padding: 0;
	padding-left: 0.77rem;
	padding-right: 0.3rem;
	height: 0.5rem;
	line-height: 0.5rem;
	margin-top: 0.12rem;
	border: none;
	font-size: 12px;
}
.motherday .txt-gz{
	background: #8EDFCF;
	border: 1px solid #75CCBB;
	border-radius: 4px;
	padding: 0.3rem 0.27rem 0.42rem;
	font-size: 13px;
	color: #136A59;
	margin-bottom: 0.3rem;
	position: relative;
	margin-top: 0.33rem;
}
.motherday .txt-gz .ps{
	width: 0.12rem;
	height: 0.47rem;
	background: url(../images/mqj-ps.png) no-repeat center center/0.12rem 0.47rem;
	position: absolute;
	top: -0.35rem;
}
.motherday .txt-gz .ps-l{
	left: 1.29rem;
}
.motherday .txt-gz .ps-r{
	right: 1.29rem;
}
.motherday .txt-gz .bt{
	width: 1.62rem;
	height: 0.5rem;
	background: #FAB521;
	border: 1px solid #333539;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	color: #3D3D3A;
	line-height: 0.5rem;
	margin: 0 auto 0.25rem;
}
.motherday .mp3{
	height: 1.58rem;
	background: #8EDFCF;
	border: 1px solid #75CCBB;
	border-radius: 1rem;
	position: relative;
}
.motherday .mp3 .audioplayer-time{display: none}
.motherday .audioplayer-bar-loaded {
    background-color: #ECD092;
}
.motherday .audioplayer-bar-played {
    background: #FAB521;
}
.motherday .audioplayer-bar-played:before{
	background: #FAB521;
}
.motherday .audioplayer-playpause{
	/*width: 1.28rem;
	height: 1.28rem;*/
/*	background: #c6efe7;*/
/*	border-radius: 50%;*/
	/*left: 0.2rem;
	top: 0.15rem;*/
	    position: absolute;
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 50%;
    overflow: hidden;
    left: 0.28rem;
    top: 0.23rem;
}
.motherday .audioplayer-bar {
    height: 3px;
    top: 1.1rem;
    right: 2.4rem;
    left: 1.77rem;
}
.motherday .mp3time{
	position: absolute;
	font-size: 13px;
	color: #136A59;
	right: 0.42rem;
	top: 0.94rem;
}
.motherday .mp3title{
	font-size: 18px;
color: #136A59;
position: absolute;
left: 1.54rem;
top: 0.35rem;
right: 0.3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.motherday .audioplayer-playing .audioplayer-playpause a {
    display: block;
    width: 0.58rem;
    height: 0.58rem;
    background: url(../images/mqj-noplay.png) no-repeat center center/0.58rem 0.58rem;
    margin: 0.27rem auto
}
.motherday .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    display: block;
    width: 0.58rem;
    height: 0.58rem;
    background: url(../images/mqj-play.png) no-repeat center center/0.58rem 0.58rem;
    margin: 0.27rem auto
}
.motherday .mp3pic{
	position: absolute;
	width: 1.28rem;
	height: 1.28rem;
	border-radius: 50%;
	overflow: hidden;
	left: 0.2rem;
  top: 0.18rem;
  border: 0.08rem solid #c6efe7;
}
.motherday .mp3pic .mask{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
		position: absolute;
}
.motherday .mp3pic img{
	width: 100%;
	height: 100%;
}
.motherday .share{
	width: 2.16rem;
	height: 0.78rem;
	background: #FAB521;
	border: 0.02rem solid #333539;
	box-shadow: -0.02rem 0.06rem 0.23rem 0 rgba(0,0,0,0.40);
	border-bottom-left-radius: 0.39rem;
	border-top-left-radius: 0.39rem;
	position: fixed;
	right: -0.02rem;
	bottom: 1.68rem;
	font-size: 0.28rem;
	line-height: 0.74rem;
	color: #333539;
	padding-left: 0.32rem;
}
.motherday .share i{
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/mqj-fx.png) no-repeat center center/0.3rem 0.3rem;
	margin-right: 6px;
	vertical-align: middle;
	margin-top: -3px;
}


.dc-dialog_gmxy{
	width: 6.9rem;
	height: 80%;
}
.dc-dialog_gmxy .title{
	font-size: 20px;
color: #000000;
margin-bottom: 10px;
}
.dc-dialog_gmxy .txt{
		font-size: 16px;
	color: #333333;
	line-height: 24px;
}
.dc-dialog_gmxy .txtbox{
    text-align: left;
    padding: 15px;
    overflow: auto;
    height: 100%;
}


/*ui*/
.ui_dialog{
	display: none;
}
.ui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.ui-dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.ui-dialog__hd {
    padding: 1.3em 1.6em 0.5em;
}
.ui-dialog__bd {
    padding: 0 1.6em 0.8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999999;
}
.ui-dialog__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.ui-dialog__ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.ui-dialog__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #3CC51F;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}
.ui-dialog__btn_default {
    color: #353535;
}
.ui-dialog__btn_primary {
    color: #0BB20C;
}
.ui-dialog__btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.ui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.ui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}
.ui-icon_toast {
    margin: 22px 0 0;
    display: block;
}
.ui-icon_toast.iconfont{
	color: #fff;
	font-size: 40px;
}
.ui-toast__content {
    margin: 0 0 15px;
    font-size: 15px;
}


.sjlybox .editbox{
	display: none
}
.sjlybox .footbtns{
	position: fixed;
	left: 15px;
	right: 15px;
	bottom: 0;
	background: #fff;
}
.sjlybox .footbtns .dc_flex{
	padding: 10px 0;
}
.sjlybox .footbtns .dc_flex a{
	margin: 0;
}
.sjlybox .footbtns .dc_flex .dc_hd{
	margin: 0;
}
.sjlybox .footbtns .dc_flex .dc_hd:last-child{
	margin-left: 15px;
}
.shoudinput{
	padding: 0 15px;
	position: relative;
}
.shoudinput:before{
    content: " ";
    position: absolute;
    left: 15px;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e6e6e6;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.shoudinput .dc_flex{
	height: 44px;
	padding: 12px 0;
	position: relative;
}
.shoudinput .dc_flex:after{
    content: " ";
    position: absolute;
    left: 0px;
    right: -15px;
    top: 0;
    height: 1px;
    background: #e6e6e6;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.shoudinput .dc_flex .tag{
	font-size: 15px;
	color: #000000;
	width: 80px;
}
.shoudinput .dc_flex input{
	padding: 0;
	border: none;
	margin: 0;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
}
.shoudinput .dc_flex .dc_hd{
	position: relative;
}
.shoudinput .dc_flex .dc_right:after{
	font-family: iconfont;
	font-size: inherit;
	line-height: 1;
	position: absolute;
	top: 50%;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-decoration: none;
	color: #bbb;
	-webkit-font-smoothing: antialiased;
	right: 0px;
  content: '\e619';
}
.nodate_tushu{
	padding: 150px 25px 0
}
.nodate_tushu img{
	width: 3.52rem;
	margin: 0 auto;
}
.nodate_tushu p{
	font-size: 16px;
	color: #666666;
	line-height: 25px;
	margin-top: 28px;
	text-align: center
}
.cartbox{
	text-align: center;
	margin: 0 auto;
	width: 5.56rem;
	padding-top: 2rem;
}
.cartbox p{
	font-size: 17px;
	color: #333333;
	line-height: 29px;
	margin-top: 25px;
}

.nadate {
	padding: 100px 0;
	text-align: center;
	color: #999;
	font-size: 14px;
}
.nadate img{
	width: 100px;
	margin: 10px auto
}

.weui-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}
.weui-actionsheet {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 5000;
    width: 100%;
    background-color: #EFEFF4;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.weui-actionsheet_toggle {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.weui-actionsheet__title {
    position: relative;
    height: 65px;
    padding: 0 20px;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    color: #888;
    background: #FCFCFD;
}
.weui-actionsheet__menu {
    background-color: #FCFCFD;
}
.weui-actionsheet__action {
    margin-top: 6px;
    background-color: #FCFCFD;
}
.weui-actionsheet__cell {
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
}
.weui-actionsheet__cell {
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
}
.weui-actionsheet__cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}