/*去除css代理样式*/


/*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}*/


/*初始元素+字体图标*/
html,body{min-width:375px !important;overflow-x:auto;}
html,body,.iconfont{font-size: 16px;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;font-style: normal;margin: 0;padding: 0;font-family: "Microsoft YaHei";border: none;outline: none;font-size: 16px;color: #3e3a39;}
table{border-collapse: collapse;display: table;width: 100%;}
ol,ul,li{list-style: none;}
span,i,b{display: inline-block;}
a{display: inline-block;text-decoration: none;cursor: pointer;color: #3e3a39;-webkit-transition: color, border, background 0.3s;-o-transition: color, border, background 0.3s;transition: color, border, background 0.3s;}
img{display: inline-block;vertical-align: middle;}

/*文字段落*/

.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.taj{text-align: justify !important;}
.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.oe{display: block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dot2{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dot3{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot4{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.bgcov,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{background-size: cover !important;}
.bg100{background-size: 100% 100% !important;}
.imgcov{width: 100%;height: 100%;max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;}

/*美化滚动条：https://www.jianshu.com/p/c2addb233acd*/

::-webkit-scrollbar{ width: 5px; height: 1px;}
::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #999;}
::-webkit-scrollbar-track{ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}

/*表单(在wap端慎用,会导致复选框不显示)*/


/*input,button{display: inline-block;background: none;-webkit-appearance: none;}
input,textarea,select,button,fieldset,object{-moz-appearance: none;outline: none;-moz-outline: none;-webkit-box-shadow: none;box-shadow: none;-moz-box-shadow: none;}
textarea{resize: none;-webkit-appearance: none;}
button[type="submit"],button[type="reset"],input[type="submit"],input[type="reset"],input[type="button"],button{cursor: pointer;}
input::-ms-clear,input::-ms-reveal,input::-o-clear{display: none;}*/


/* 表单的提示文字 */

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #aaa;}
input::-moz-placeholder,textarea::-moz-placeholder{ color: #aaa;}
input:-moz-placeholder,textarea:-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #aaa;}

/*美化滚动条*/


/*::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-track{background-color: #EEEEEE;}
::-webkit-scrollbar-thumb{background-color: #D6D6D6;}
::-webkit-scrollbar-thumb:hover{background-color: #ccc;}
::-webkit-scrollbar-thumb:active{background-color: #ccc;}*/


/*解决手机端的layer弹窗组件的文字颜色*/


.layui-layer{z-index: 98765432110 !important;}
.layui-layer-content{color: #fff !important;}
.layui-m-layercont{color: #fff !important;}
.layui-layer-content.layui-layer-padding{color: #333 !important;}


/*解决elementUI按钮的文字颜色*/

.el-button span{color: #fff;}
.el-button i{color: #fff;}

/*解决vant弹窗的文字颜色*/

.van-toast .van-loading{color: #fff !important;}
.van-toast .van-toast__text{color: #fff !important;}
.van-toast .van-loading .van-loading__spinner{color: #fff !important;}
.van-toast .van-loading *{color: #fff !important;}

/*基于elementUI写的颜色样式--字体颜色*/

.ifcolprimary{color: #409EFF !important;}
.ifcoldanger{color: #F56C6C !important;}
.ifcolwarning{color: #E6A23C !important;}
.ifcolsuccess{color: #67C23A !important;}

/*基于elementUI写的颜色样式--背景颜色*/

.ifbgprimary,.pure-button-primary{background: #409EFF !important;color: #fff !important;}
.ifbgdanger,.pure-button-danger{background: #F56C6C !important;color: #fff !important;}
.ifbgwarning,.pure-button-warning{background: #E6A23C !important;color: #fff !important;}
.ifbgsuccess,.pure-button-success{background: #67C23A !important;color: #fff !important;}

/*黄老师手机端导航 1/3*/

.huangWapMask{transform: translateX(100%); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 201; transition: all 0.5s;}
.huangWapMask.on{transform: translateX(0%);}
.huangWapMask .myWapTop{height: 60px;border-bottom: 1px solid rgba(100, 100, 100, 0.1);background: #fff;box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;}
.huangWapMask .myWapTop a{display: flex;align-items: center;padding: 0 20px;background: -orange;}
.huangWapMask .myWapTop .fllogo img{width: 2.05rem;height: 0.48rem;}
.huangWapMask .myWapTop .frlink{border: 0px solid red;}
.huangWapMask .myWapTop .frlink span{font-size: 0.34rem;color: #0B5397;}
.huangWapMask .myWapCont a{display: block;width: 100%;box-sizing: border-box;border-bottom: 1px solid rgba(100, 100, 100, 0.1);font-size: 0.26rem;padding: 0.3rem 0.5rem;color: #333;}
.huangWapMask .myWapCont a:hover{color: #FF6E6E;}

/*黄老师手机端导航 2/3*/

.loginHeader{position: fixed;left: 50%;transform: translateX(-50%);top: 0;right: 0;width: 100%;border-bottom: 1px solid rgba(100, 100, 100, 0.1);box-sizing: border-box;display: flex;background: #fff;z-index: 200;justify-content: space-between;max-width: 750px;}
.loginHeader .fls a{height: 1rem;border: 0px solid red;display: inline-flex;justify-content: center;align-items: center;padding: 0 0.2rem;}
.loginHeader .fls a img{width: 2.05rem;height: 0.48rem;}
.loginHeader .frs{display: flex;}
.loginHeader .frs .fr1{display: flex;}
.loginHeader .frs .fr1 a{height: 1rem;border: 0px solid red;display: inline-flex;justify-content: center;align-items: center;padding: 0 0.3rem;position: relative;}
.loginHeader .frs .fr1 a img{width: 0.4rem;}
.loginHeader .frs .fr1 a:before{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;background: #ccc;height: 30%;}
.loginHeader .frs .fr1 a:last-child:before{content: "";display: none;}
.loginHeader .frs .fr1 a .iconfont{font-size: 0.35rem;color: #ccc;}
.loginHeader .frs .fr2 a{border: 0px solid red;height: 1rem;display: inline-flex;justify-content: center;align-items: center;padding: 0 0.3rem;}
.loginHeader .frs .fr2 a img{width: 0.4rem;}
.loginHeader .frs .fr2 a .iconfont{font-size: 0.35rem;color: #0B5397;font-weight: 700;}

/*黄老师手机端导航 3/3*/

.fixHeaderPage{padding-top: 1rem;background: #F5F5F5;}
.fixHeaderPage .loginHeader .frs .fr1 a:before{content: "";display: none;}
.fixHeaderPage .loginHeader .frs .fr1 a:nth-child(1) img{width: 0.33rem;}
.fixHeaderPage .loginHeader .frs .fr1 a:nth-child(2) img{width: 0.28rem;}
.fixHeaderPage .loginHeader .frs .fr2 a img{width: 0.33rem;}

/*图片缩放*/

.anisca{cursor: pointer;overflow: hidden;}
.anisca img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.anisca:hover img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}

/*图片上浮*/

.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}

/*图片旋转*/

.anirot{cursor: pointer;overflow: hidden;}
.anirot img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.anirot:hover img{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}