/*筝童*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bgc-f1{background: #f1f1f1;}
.pt10{padding-top: 10px;}
.pb44{padding-bottom: 44px;}
.pb0{padding-bottom: 0!important;}
.mb15{margin-bottom: 15px;}
.arrow-btn{display: block;width: 16px;height: 16px;background: url("../../img/2021_m/icon_zt_arrow.png") no-repeat center center/16px;}
.content-title{border-bottom: 0;}
.content-title .ui-whitespace>a{position: absolute;right: 15px;top: 50%;margin-top: -8px;}
.content-title .change-city{display: inline-block;vertical-align: top;background: url("../../img/2021_m/icon_zt_location.png") no-repeat left center/16px;padding-left: 19px;color: #9E9E9E;font-size: 12px;}
.content-title .delete-btn{color: #B91218;font-size: 12px;}
.content-title .headline .sign-default-img{margin-left: 7px;}
h2.headline, ul.headline li{font-size: 16px;font-weight: bold;color: #333;}
h2.headline i, ul.headline li i{height: 18px;border-radius: 10px;background:#B91218;margin-right: 5px;vertical-align: text-bottom;}
.ccds-a{display: inline-block;padding: 0 !important;height: 20px;vertical-align: middle;margin-right: 5px;}
.sign-default-img{display: inline-block;width: 60px;height: 18px;}
[v-cloak]{display:none;}
/*头部*/
.zhengtong-header{height: 44px;background: #B91218;}
.zhengtong-header .btn-return{display:inline-block;vertical-align:top;width:9px;height:44px;background:url("../../img/2021_m/icon_zt_header_return.png") no-repeat center center/9px 17px;margin-left: 17px;}
.zhengtong-header .btn-home{display:inline-block;vertical-align:top;width:20px;height:44px;background:url("../../img/2021_m/icon_zt_header_home.png") no-repeat center center/20px;margin-left: 24px;}
.zhengtong-header .right-box{padding-right: 15px;}
.zhengtong-header .btn-login{display:block;width: 38px;height: 23px;border-radius: 4px;border: 1px solid #FFFFFF;font-size: 12px;color: #fff;line-height: 22px;margin-top: 10px;}
.zhengtong-header .btn-member{display:block;width: 24px;height: 24px;border: 1px solid #FFFFFF;border-radius: 50%;overflow: hidden;margin-top: 10px;}
.zhengtong-header .titl{font-size: 16px;color: #FFFFFF;}
.zhengtong-header ~ .ui-container {border-top: 44px solid transparent;}
/*banner*/
.bt{width:100%;height:0;position:relative;padding-top:42.7%;}
.bt .bt-cnt{width:100%;height:100%;position:absolute;top:0;overflow:hidden;}
.bt .swiper-container{width:100%;height:100%;}
.bt>.swiper-pagination-bullets{bottom:5px;}
.bt .swiper-pagination-bullet-active{background:#B91218;}
/*简介*/
.panel-about .intro-box{font-size: 14px;color: #333333;}
.panel-about .apply-btn{display: block;width: 150px;height: 38px;line-height:38px;border-radius: 100px;background: #B91218;font-size: 14px;color: #FFFFFF;text-align: center;margin: 25px auto;}
.panel-about .info-card{margin: 18px 0 25px;}
.panel-about .join-title{color: #9E9E9E;font-size: 12px;text-align: center;position: relative;margin-top: 20px;}
.panel-about .join-title:before{content: "";position: absolute;top:50%;left: 0;width: 100%;height: 1px;background: #D8D8D8;}
.panel-about .join-title span{display: inline-block;padding: 0 16px;background: #fff;position: relative;z-index: 2;}

/*卡片*/
.info-card{border-radius: 8px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.info-card .top{padding: 10px;}
.info-card .thumb{display: block;width: 50px;height: 50px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;}
.info-card h3 a{font-size: 14px;font-weight: bold;line-height: 20px;color: #333333;}
.info-card p{color: #9E9E9E;font-size: 12px;margin-top: 3px;}
.info-card .bottom{border-top:1px solid #f1f1f1;line-height: 38px;text-align: center; }
.info-card .bottom a{font-size: 12px;color: #333;}
.info-card .bottom img{vertical-align: middle;margin-top: -4px;margin-right: 2px;}
.info-card .bottom li{width: 50%;}
.info-card .bottom li:first-child{border-right: 1px solid #f1f1f1;}
/*列表*/
.zt-v-list{padding: 5px 15px;}
.zt-v-list li{margin-bottom: 20px;}
.zt-v-list li .thumb,.zt-h-list li .thumb{display: block;width: 60px;height: 60px;border-radius: 4px;border: 1px solid #F1F1F1;margin-right: 10px;padding: 2px;}
.zt-v-list li .thumb img,.zt-h-list li .thumb img{border-radius: 4px;}
.zt-v-list li h3{margin-top: -2px;}
.zt-v-list li h3 a,.zt-h-list li h3 a{font-size: 14px;color: #333;font-weight: bold;}
.zt-v-list li p{font-size: 12px;color: #666;line-height: 20px;}
.zt-v-list li p span{display: inline-block;vertical-align: middle;max-width: calc(100% - 143px);white-space: nowrap;overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.zt-v-list li .link,.zt-v-list li .link a{color: #0094FF;}
.zt-h-list li{width: 25%;float: left;}
.zt-h-list li .thumb{margin: 0 auto 2px;}
.zt-h-list li h3{max-width: 57px;margin: 0 auto;white-space: nowrap;overflow: hidden;text-align: center;}
.zt-h-list li p{font-size: 12px;color: #666;max-width: 76px;margin: 0 auto;white-space: nowrap;overflow: hidden;text-align: center;}
/*空状态*/
.nodata-show{background: url("../../img/2021_m/img_zt_zanwuneirong.png") no-repeat center 56px/160px auto;padding:176px 0 56px;font-size: 12px;color: #333;text-align: center; }
.nodata-show a{color: #B91218;}
/*首页*/
.panel-total .province-title{font-size: 18px;color: #B91218;padding: 0 15px 10px;}
.panel-total .province-title .arrow-btn{margin-top: 5px;}
.panel-total .zt-h-list{padding-bottom: 20px;}
.panel-home{padding: 26px 0 20px;text-align: center;background: #F1F1F1;}
.panel-home a{display: inline-block;vertical-align: top;}
/*底部*/
.footer-nav{height: 44px;max-width: 720px;}
.footer-nav li{width: 33.3%;text-align: center;}
.footer-nav li a{font-size: 14px;color: #333;}
.footer-nav .active a{color: #B91218;}
/*简介*/
.page-about{padding: 0 15px;}
.page-about .top-info{padding: 24px 0;border-bottom: 1px solid #F1F1F1;}
.page-about .top-info h1{font-size: 28px;color: #333;margin-bottom: 10px;}
.page-about .top-info p{color: #9E9E9E;font-size: 12px;}
.page-about .rich-box{font-size: 14px;color: #333333;padding: 20px 0;line-height: 1.43;}
.page-about .rich-box img{width: 100%;height: auto!important;}
/*我的筝童列表*/
.page-my{padding: 15px;}
.page-my .create-btn,.page-student .create-btn{display: block;width: 95px;height: 23px;border-radius: 4px;line-height: 22px;text-align: center;border: 1px solid #CCCCCC;color: #666666;font-size: 12px;margin: 25px auto;}
.page-my .zt-v-list,.page-student .zt-v-list{padding: 0;}
.page-student{padding: 0 15px;}
.page-student .create-btn{margin-top: 0;}
/*筝童作品*/
.page-zuopin{padding: 10px 15px;}
.page-zuopin .info-card{margin: 5px 0 10px;}
.zuopin-list li{border-radius: 8px;background: #fff;margin-bottom: 15px;}
.zuopin-list li .org-info{padding: 10px;}
.zuopin-list li .org-info .thumb{display: block;width: 50px;height: 50px;border-radius: 4px;border: 1px solid #F1F1F1;overflow: hidden;margin-right: 10px;}
.zuopin-list li .org-info h3 a{font-size: 14px;font-weight: bold;line-height: 20px;color: #333333;}
.zuopin-list li .org-info p{color: #9E9E9E;font-size: 12px;margin-top: 3px;}
.zuopin-list li .jiemu-info{padding: 10px 10px 12px;border-top: 1px solid #f1f1f1;position: relative;}
.zuopin-list li .jiemu-info .cover{height: 182px;border-radius: 8px;overflow: hidden;margin-bottom: 10px;}
.zuopin-list li .jiemu-info .cover>a{display: block;height:100%;position: relative;}
.zuopin-list li .jiemu-info .cover>a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6) url("../../img/2021_m/icon_zt_play.png") no-repeat center center/20px auto;}
.zuopin-list li .jiemu-info h4 a{font-size: 16px;color: #333;}
.zuopin-list li .jiemu-info h4 span{display: inline-block;vertical-align: middle;width: 30px;height: 18px;border-radius: 2px;line-height: 16px;border: 1px solid #B91218;color: #B91218;font-size: 12px;text-align: center;margin-top: -2px;margin-right: 5px;}
.zuopin-list li .jiemu-info p{font-size: 12px;color: #999;}
.zuopin-list li .jiemu-info .user{margin: 6px 0;}
.zuopin-list li .jiemu-info .user a{color: #666666;font-size: 14px;}
.zuopin-list li .jiemu-info .user img{width: 18px;height: 18px;vertical-align: middle;margin-right: 3px;border-radius: 50%;}
.zuopin-list li .jiemu-info .user span{display: inline-block;vertical-align: middle;width: 54px;height: 18px;border-radius: 2px;line-height: 16px;border: 1px solid #666666;text-align: center;color: #666666;font-size: 12px;margin-left: 3px;}
.zuopin-list li .jiemu-info .edit-btn{position: absolute;right: 10px;bottom: 12px;color: #0094FF;font-size: 12px;}
.page-zhengtong{padding: 30px 15px;background: url("../../img/2021_m/img_zt_bg.png") no-repeat center top/100% 195px;}
.page-zhengtong .zt-info{margin-bottom: 30px;}
.page-zhengtong .zt-info .thumb{top: 74px;width: 100px;height: 100px;border-radius: 8px;background: #FFFFFF;border: 1px solid #F1F1F1;padding: 2px;margin-right: 10px;}
.page-zhengtong .zt-info .thumb>img{border-radius: 8px;}
.page-zhengtong .zt-info h1{font-size: 24px;font-weight: bold;color: #FFFFFF;}
.page-zhengtong .zt-info h1 span{display: inline-block;vertical-align: middle;width: 54px;height: 18px;border-radius: 2px;line-height: 16px;text-align: center;font-size: 12px;color: #fff;border: 1px solid #FFFFFF;font-weight: normal;margin-left: 6px;}
.page-zhengtong .zt-info p{color: #fff;font-size: 12px;line-height: 24px;}
.page-zhengtong .zuopin-title{color: #9E9E9E;font-size: 12px;text-align: center;position: relative;margin: 20px 0 15px;}
.page-zhengtong .zuopin-title:before{content: "";position: absolute;top:50%;left: 0;width: 100%;height: 1px;background: #D8D8D8;}
.page-zhengtong .zuopin-title span{display: inline-block;padding: 0 16px;background: #f1f1f1;position: relative;z-index: 2;}
/*弹窗*/
.ui-dialog-cnt{border-radius: 8px;background: #fff;}
.ui-dialog-cnt h5{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 10px;}
.ui-dialog .ui-dialog-bd{color: #666;}
.ui-dialog-ft button{font-size: 14px;}
.ui-dialog-ft .cancel{color: #666;}
.ui-dialog-ft .sure{color: #B91218;}
/*表单*/
.publish-form-container .form-item label{width: 80px;}
.publish-form-container .form-age .form-cnt{width: 120px;-webkit-box-flex: 0;-webkit-flex: 0 0 120px;-moz-box-flex: 0;-ms-flex: 0 0 120px;flex: 0 0 120px;}
.publish-form-container .form-age .unit{line-height: 38px;padding-left: 10px;font-size: 14px;color: #333;}
.publish-form-container .form-upload{width: 100px;height: 100px;border: 1px solid #F1F1F1;border-radius: 4px;overflow: hidden;position: relative;}
.publish-form-container .form-upload .add-show{width: 100%;padding-top:100%;color: #666;font-size: 12px;text-align: center;cursor: pointer;}
.publish-form-container .form-upload .add-show>div{position:absolute;top:0;left:0;width: 100%;height: 100%;}
/*.publish-form-container .form-upload input{position:absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0;}*/
.publish-form-container .form-upload .img-show{position:absolute;top:0;left:0;width: 100%;height: 100%;background: #fff;}
.publish-form-container .form-upload .img-show .img-cha{position:absolute;top:0;right:0;display:block;width: 24px;height: 24px;border-radius: 0px 3px 0px 100px;background: url("../../img/2021_m/icon_zt_upload_cha.png") no-repeat center center/24px;}
.publish-form-container .from-radio-sex .radio-item{width: 78px;}
.publish-form-container .from-radio-sex input:checked+.radio-icon{background: url("../../img/2021_m/icon_zt_xuanzhong.png") no-repeat center center/16px;}
.publish-footer{padding: 0 20px 22px;}
.publish-footer a{background: #B91218;}
.page-zuopin-form{padding-bottom: 80px;font-size: 14px;}
.page-zuopin-form .zt-info{padding: 10px 18px 17px;border-bottom: 1px solid #f1f1f1;}
.page-zuopin-form .zt-info .thumb{width: 140px;height: 90px;margin-right: 15px;}
.page-zuopin-form .zt-info h3{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.page-zuopin-form .zt-info p{font-size: 12px;color: #9E9E9E;}
.page-zuopin-form h2.headline{font-weight: normal;}
.page-zuopin-form .musicp-main-applycontainer{margin-top: 0;padding-bottom: 0;}
.page-zuopin-form .bg10{background: #f1f1f1;}
.page-zuopin-form .z-edit-dialog-box{display: block;}