@import url('https://at.alicdn.com/t/c/font_4762514_83xtx9p9cu.css');
.appmain{ max-width: 600px; position: relative; overflow: hidden;  margin: 0px auto; padding-top: 44px;}
.topdiv{ width: 100%; height: 150px; background:url(../images/topdivbg.png) no-repeat center top; padding: 15px; }
.topsousuo{ display: flex; position: relative; position: fixed; width: 100%; left: 0px; top: 0px; padding: 8px 15px; background: #c82323; z-index: 9;}
.yonghu{ width: 40px; height: 40px; border-radius: 50%; position: relative; margin: 0px auto; overflow: hidden;}
.yonghu img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.sousuokuang{ flex: 1; padding-left: 15px; display: flex;}
.tongji{ display: flex; line-height: 20px; padding: 8px 0px;}
.tongji i{ width: 30px; color: #fff; font-size: 24px; border-right: 1px solid #fff;}
.tongji ul{ display: flex; padding-left: 8px;}
.tongji ul li{ color: #fff;}
.tongji ul li em{ font-style: normal; margin-right: 15px;}
.playimg{ border-radius: 8px; position: relative; margin: 0px auto; overflow: hidden;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2);}
.palyimgwap{ padding: 0px 15px; margin-top: -100px;}
.nrqumain{ padding: 0px 15px; padding-bottom: 80px; }
.zhuyetubiao{ padding: 8px 0px; margin-top: 15px;}
.zhuyetubiao ul{ display: flex;}
.zhuyetubiao ul li{ width: 25%; text-align: center;}
.zhuyetubiao ul li span{ font-size: 24px; display: block; width: 50px; height: 50px; line-height: 50px; position: relative; margin: 0px auto; text-align: center; color: #96bcfa; border-radius: 20px; background: #67b5ff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #5261fe, #67b5ff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #5261fe, #67b5ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     }
     .zhuyetubiao ul li:nth-child(2) span{
        color: #ffb8ab; 
        background: #ff9368;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #fe5453, #ff9368);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #fe5453, #ff9368); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     }
     .zhuyetubiao ul li:nth-child(3) span{
        color: #c6acff; 
        background: #a775fb;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #8053fe, #a775fb);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #8053fe, #a775fb); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     }
     .zhuyetubiao ul li:nth-child(4) span{
        color: #c1f6e2; 
        background: #61fcad;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #0fe0b8, #61fcad);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #0fe0b8, #61fcad); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     }
.zhuyetubiao ul li em{ display: block; margin-top: 15px; font-style: normal;}
.zhichangzixun{ display: flex; margin-top: 15px;}
.zczximg{ width: 50px;}
.zczximg img{ width: 100%;}
.zczxtxt{ flex: 1; padding-left: 8px;}
.zczxtxt .zczxtxtitem:last-child{ margin-top: 5px;}
.zczxtxtitem{ height: 20px; line-height: 20px; position: relative; overflow: hidden;}
.zczxtxtitem ul{ position: absolute; left: 0px; top: 0px; width: 100%;}
.zczxtxtitem ul li{ white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis;}
.zczxtxtitem ul li span{ padding: 8px; background: #5261fe; color: #fff; border-radius: 10px; margin-right: 8px;
    background: #fb7a09;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f1341d, #fb7a09);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f1341d, #fb7a09); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
    .zczxtxtitem ul li span.fabu{background: #4ab847   ;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, #77c242, #4ab847);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #77c242, #4ab847); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.zczxtxtitem ul li em{ color: #a5673f; font-style: normal;}

.fabuzhaop{ margin-top: 8px;}
.fabuzhaop ul { display: flex;}
.fabuzhaop ul li{ height: 70px; line-height: 70px; width: 50%;}
.fabuzhaop ul li a{ display: flex;}
.fabuzhaop ul li i{ width: 70px; font-size: 36px; color: #fff; text-align: center;}
.fabuzhaop ul li:first-child{ padding-right: 8px;}
.fabuzhaop ul li:last-child{ padding-left: 8px;}
.fabuzhaop ul li a{ background: #ff5722; border-radius: 5px;}
.fabuzhaop ul li:last-child a{ background: #03a9f4;}
.fabuzhaop ul li span{ flex: 1; line-height: 25px;}
.fabuzhaop ul li b{ width: 100%; display: block; margin-top: 15px; font-size: 16px; color: #fff;}
.fabuzhaop ul li em{ color: #fff; font-style: normal;}

.divtitle{ font-size: 18px; font-weight: bold; height: 35px; line-height: 35px; border-bottom: 1px solid #eee;}
.divtitle a{ font-size: 13px; font-weight: normal; float: right;}
.divtitle span{ color: #c82323;}
.divtitle em{ font-style: normal; margin-left: 15px;}

.tuijianqiye{ margin-top: 15px;}
.tuijianqiyediv{ width: 100%; position: relative; height: 80px; background: #fefefe; overflow-x: auto;}
.tuijianqiyediv ul{ position: absolute; left: 0px; top: 0px; height: 80px; display: flex; width: 1000px; padding-top: 8px;}
.tuijianqiyediv ul li{ height: 60px; line-height: 60px; padding: 0px 8px; width: 20%; }
.tuijianqiyediv ul li a{ background: #fff; display: flex; border-radius: 8px; padding: 8px;box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2);}
.tuijianqiyediv ul li a span{ width:40px; height: 40px; background: #eee; min-width: 40px;}
.tuijianqiyediv ul li a span img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.tuijianqiyediv ul li a em{ flex: 1; line-height: 20px; padding-left: 5px; font-style: normal;}

.remenzwhjiali{ margin-top: 15px;}
.remenqiysoan ul { display: flex; flex-wrap: wrap;}
.remenqiysoan ul li{ width: 25%; padding: 0px 3px; display: block; margin-top: 8px; }
.remenqiysoan ul li a{ border: 1px solid #c82323; border-radius: 5px; color: #c82323; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.remenqiysoan ul li a.active{ color: #fff; background: #c82323;}

.remenqiylistitem{ box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2); margin-top: 15px; padding: 15px 10px; border-radius: 8px;}
.remnqytitle{ display: flex; margin-bottom: 5px;}
.remnqytitle h3{ font-size: 18px; flex: 1; color: #333; font-weight: normal;}
.remnqytitle span{ width: 100px; font-size: 14px; color: #999; text-align: center;}
.jgxxbq{  line-height: 25px; padding: 5px 0px;}
.jgxxbq span{ font-size: 18px; font-weight: bold; color: #fa4859;}
.remenqyxxnr{ display: flex; align-items: center;}
.remenqyxxnrR{ width: 80px; text-align: center; justify-content: center; justify-items: center;}
.remenqyxxnrR a{ padding: 8px 20px; border: 1px solid #c82323; border-radius: 5px; color: #c82323;}
.remenqyxxnrL{ flex: 1;}
.jgxxbq em{ margin-left: 5px; color: #777; font-size: 14px; font-style: normal;}
.qymcxx{ color: #777; font-size: 15px; margin-bottom: 15px;}
.qymcxx span{ font-size: 10px; border-radius: 3px; padding: 3px 8px; background:#f8e4e4; color: #c82323; margin-left: 8px;}
.qyzgrenshu span{font-size: 12px; border-radius: 5px; padding: 3px 8px; border:1px solid #de7b7b; color: #de7b7b; margin-right: 8px;}
.ckgmore { margin: 20px 0px; text-align: center; }
.ckgmore a{ font-size: 14px; color: #fff; background: #c82323; border-radius: 5px; padding: 10px 20px;}

.navdiv{ height: 50px; position: fixed; bottom: 0px; width: 100%; left: 0px; background: #fff; border-top: 1px solid #eee; box-shadow: 0px 0px 3px 0 rgba(55,99,170,.3);}
.navdiv ul{ display: flex;}
.navdiv ul li{ width: 25%; text-align: center;}
.navdiv ul li.active span{ color: #c82323;}
.navdiv ul li.active i{ color: #c82323;}
.navdiv i{ font-size: 20px; color: #333; display: block; margin-top: 3px;}
.navdiv em{ font-style: normal;}

.shaixuan{ background: #f6f6f6; display: inline-block; width: 100%; padding: 8px 8px; position: fixed; left: 0px; top: 44px; z-index: 9;}
.shaixuan ul{ display: flex; align-items: center;}
.shaixuan ul li{ width: 25%; text-align: center;}
.shaixuan ul li .layui-input{ background: none; border: none;}

.zhanwei{ height: 60px;}
.fabuleixing{ margin-top: 35px; text-align: center;}
.fabuleixing h3{ font-size: 20px; font-weight: normal; color: #333;}
.fabuleixing ul{ margin-top: 30px;}
.fabuleixing ul li{ height: 80px; padding: 0px 30px; margin-top: 15px;}
.fabuleixing ul li a{ display: block; width: 100%; height: 80px; line-height: 80px; border-radius: 8px; background: #4ab847   ;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #77c242, #4ab847);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #77c242, #4ab847); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.fabuleixing ul li a i{ font-size: 36px; color: #fff;}
.fabuleixing ul li a em{ font-size: 18px; color: #fff; font-style: normal; margin-left: 15px; position: relative; top: -10px;}
.fabuleixing ul li:nth-child(2) a{ display: block; width: 100%; height: 80px; line-height: 80px; border-radius: 8px; 
    background: #f89b7e   ;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff5723, #f89b7e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff5723, #f89b7e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
    .fabuleixing ul li:nth-child(3) a{ display: block; width: 100%; height: 80px; line-height: 80px; border-radius: 8px; 
        background: #f8bf69   ;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #ff9903, #f8bf69);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #ff9903, #f8bf69); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}

.zhaopform .layui-form-label{ display: block; width: 100%; text-align: left; padding-left: 0px;}
.zhaopform .layui-input-block{ margin-left: 0px; clear: both;}
.zhaopform .layui-form-item{ margin-bottom: 8px;}
.zhaopform .layui-unselect.layui-form-select{ margin-bottom: 5px;}

.qiyeliebiaoitem{box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2);    margin-top: 15px;    padding: 15px 10px; display: flex; border-radius: 8px;}
.qylbtxt{ padding-left: 8px; flex: 1;}
.qylbtxt h3{ font-weight: normal;}
.qylbtxt h3 span{ font-size: 12px; padding: 3px 15px; background: #f8e4e4; color: #c82323; border-radius: 3px; position: relative; top: -2px; margin-right: 8px;}
.qylbtxt h3 a{ font-size: 18px; color: #333;}
.qylbimg{ width: 80px; height: 80px;}
.qylbimg img{ width: 100%; height: 100%; object-fit: cover;}
.qyspan{ margin: 8px 0px;}
.qyspan span{ padding: 2px 6px; background: #eee; border-radius: 3px; margin-right: 8px; font-size: 12px; color: #666;}
.qydizhi{ color: #777;}

.topuseimg{ width: 60px; height: 60px; border-radius: 50%; position: relative; overflow: hidden; float: left;}
.topuseimg img{ object-fit: cover; display: block; width: 100%; height: 100%;}
.topuseid{ float: left; color: #fff; margin-left: 15px; position: relative; margin-top: 10px; }
.topuseid span{ padding: 3px 15px; background: rgba(55,99,170,.3);border-radius: 30px; display: block; clear: both;}
.topusename{ color: #fff; float: left; margin-bottom: 8px;}

.grfuwu{ padding: 0px 15px;margin-top: -40px; }
.grfuwuN{background: #fff; border-radius: 5px; padding: 15px;border: 1px solid #eee;box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2);  }
.grfuwu ul{  display: flex; }
.grfuwu ul li{ width: 25%; text-align: center;}
.grfuwu ul li i{ display: block; width: 100%; text-align: center; font-size: 36px; margin-top: 15px; margin-bottom: 15px;}
.grfuwu ul li em{ font-style: normal;}
.grfuwu ul li:nth-child(1) i{ color: #5469fe;}
.grfuwu ul li:nth-child(2) i{ color: #fe5b55;}
.grfuwu ul li:nth-child(3) i{ color: #8658fe;}
.grfuwu ul li:nth-child(4) i{ color: #18e3b7;}

.wodessl{ margin-top: 15px; padding: 0px 15px;}
.wodessl ul{ background: #fff; padding: 15px;box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2); border: 1px solid #eee; border-radius: 5px;}
.wodessl ul li{ line-height: 45px; border-bottom: 1px solid #eee;}
.wodessl ul li i{ font-size: 16px; color: #03a9f4; margin-right: 15px;}
.wodessl ul li em{ font-style: normal;}

.shoucang{ font-size: 20px; position: relative; top: 2px;}
.shoucang.active{ color: #c82323;}

.zhiwmiaoshu{ background: #fff; box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2); margin-top: 15px; border-radius: 8px; padding: 15px; }
.zhiweixq{ line-height: 180%; font-size: 14px; color: #777;padding-top: 15px; }
.zhiweixq p{ text-indent: 2em;}

.ckgmore.lg{ width: 100%;}
.ckgmore.lg a{ display: block; width: 100%;}

.qiyezwqh{ text-align: center; margin-top: 20px; display: inline-block; width: 100%; background: #fff;box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2); border-radius: 8px; height: 60px; padding-top: 20px;}
.qiyezwqh span{ padding: 10px 30px; background: #eee; color: #555; border-radius: 30px;}
.qiyezwqh span.active{ background: #ff5722; color: #fff;}
.zhiweixq ul li em{ font-style: normal;}
.qiyexxdiv{ padding: 15px; margin-top: 15px; background: #fff;box-shadow: -2px -2px 15px 0 rgba(55,99,170,.2); border-radius: 8px;}
.qiyexxdiv ul li{ padding: 8px 0px;}
.qiyexxdiv ul li em{ font-style: normal;}
.qiyexxdiv ul li.qyxxrz{ color: #c82323;}

.qiyezwnritem{ display: none;}
.qiyezwnr .qiyezwnritem:first-child{ display: block;}

.jianlidiv{ margin-top: 15px;}
.jianlixml{ display: flex; width: 100%;  }
.jianlixmimg{ width: 50px; height: 50px; line-height: 50px; border-radius: 50%; position: relative; overflow: hidden;}
.jianlixmimg img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.jianlixmtxt{ flex: 1; padding-left: 15px;}
.jianlixmtxt h3{ font-size: 20px;}
.jianlixmtxt span{ margin-top: 3px; display: inline-block;}
.jianlixmtxt span i{ font-size: 16px; color: #ff5722;}
.jianlixmtxt span em{ font-style: normal; color: #777;}
.jbjjlan{ padding: 15px 0px; border-bottom: 1px solid #eee;}
.jbjjlan span{ padding-right: 15px;}
.jbjjlan span i{ font-size: 20px; color: #ff5722; margin-right: 5px;}
.jbjjlan span em{ font-style: normal; color: #666; font-size: 15px;}
.jbqtxq { border-top: 1px solid #eee; margin-top: 15px;}
.jbqtxq ul li{ display: flex; line-height: 25px; }
.jbqtxq ul li span{ width: 120px; background: #f6f6f6;padding: 8px 0px; border-right: 1px solid #eee; padding-left: 8px; border-bottom: 1px solid #eee;}
.jbqtxq ul li em{ flex: 1; padding-left: 8px; font-style: normal; color: #777; border-bottom: 1px solid #eee; align-items: center; display: flex;}



/* 鍩虹鏍峰紡瑕嗙洊 */
.layui-input:focus, .layui-textarea:focus{border-color: #f89b7e !important;}
.layui-form-select dl dd.layui-this{ color: #ff5722;}

.icon-qiuzhi:before {
    content: "\e620";
  }