/*初始元素*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
html,body{overflow-x: hidden;line-height: 1;font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", arial, helvetica, sans-serif;font-size: 16px;color: #333;}
address,caption,cite,code,dfn,strong,th,var,b,i,em,strong,h1,h2,h3,h4,h5,h6{font-style: normal;}
header, section, footer, aside, nav, main, article, figure{display: block;width: 100%;}
ol,ul,li{list-style: none;}
iframe{border: none !important;outline: none !important;}
table{border-collapse: collapse;display: table;width: 100%;}

/*最简单的*/

.fl{float: left;}
.fr{float: right;}
.box1200{width: 1200px;margin: 0 auto;}
.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;}
.oe{white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.dot{text-align: justify;overflow: hidden;}
.dot2{text-align: justify;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
.clearfix{*+height: 1%;}
.verpar{display: table;width: 100%;height: 100%;}
.verson{display: table-cell;vertical-align: middle;height: 100%;text-align: center;}
.masktpl{position: fixed;top: 0;left: 0;bottom: 0;right: 0;display: block;width: 100%;height: 100%;background: rgb(0, 0, 0, 0.2);}
.pretpl{position: relative;display: block;width: 100%;height: 100%;}
.postpl{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/*背景图片*/

.bgcen{width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{width: 100%;background-repeat: no-repeat !important;background-size: cover !important;}
.bg100{width: 100%;background-repeat: no-repeat !important;background-size: 100% 100% !important;}

/*超链接和图片*/

span{display: inline-block;}
a{display: inline-block;width: auto;text-decoration: none;cursor: pointer;color: #333;-webkit-tap-height-color: transparent;outline: none;}
img{display: block;width: auto;border: none;outline: none;vertical-align: middle;max-width: 100%;width: 100%;margin: 0 auto;}


/*定义flex*/

.flexfl{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexfr{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexa1{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexa2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexa2:before,.flexa2:after{content: "";display: block;}
.flexa3{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexa4{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexb1{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: center;align-content: center;}
.flexb2{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: space-evenly;align-content: space-evenly;}
.flexb2:before,.flexb2:after{content: "";display: block;}
.flexb3{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: distribute;align-content: space-around;}
.flexb4{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: justify;align-content: space-between;}
.flexc1{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexc2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexc2:before,.flexc2:after{content: "";display: block;}
.flexc3{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexc4{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexsb{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexsi{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexs1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.flexrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexnorap{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}

/*手机端去除点击高亮*/

a{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; -webkit-appearance: none; outline: none; border: none;}

/*手机端*/

body{min-width: 320px;max-width: 750px;min-height: 100vh;margin: 0 auto;padding: 50px 0;}

/*定位头部*/

.huangTopBox{height: 50px;box-sizing: border-box;border-bottom: 1px solid rgba(255, 255, 255, 0.3);background: #F4808D;color: #fff;display: flex;justify-content: space-around;position: fixed;left: 0;top: 0;width: 100%;z-index: 9999;}
.huangTopBox a{color: #fff;text-align: center;height: 100%;display: flex;align-items: center;}
.huangTopBox a:nth-child(1) img{width: 83px;}
.huangTopBox a:nth-child(2){font-size: 0.45rem;font-weight: 700;}
.huangTopBox a:nth-child(3) img{width: 60%;}
.huangTopBox a:nth-child(1){background: -pink;}
.huangTopBox a:nth-child(2){background: -orange;}
.huangTopBox a:nth-child(3){background: -greenyellow;}

/*定位底部*/

.huangBotBox{height: 50px;box-sizing: border-box;border-top: 1px solid rgba(255, 255, 255, 0.3);background: #F4808D;color: #fff;display: flex;justify-content: space-around;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9999;}
.huangBotBox a{color: #fff;text-align: center;height: 100%;flex: 1;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border-right: 1px solid #fff;}
.huangBotBox a:last-child{border-right: none;}
.huangBotBox a:active{background: #025f54;}
.huangBotBox a span:nth-child(1){font-size: 0.45rem;}
.huangBotBox a span:nth-child(2){font-size: 0.35rem;padding-left: 0.1rem;}

/*强行修改手机端的后台JS渲染的乐语弹窗样式*/

#doyoo_monitor{height: 3.03rem !important;width: 5.12rem !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}
#doyoo_mon_inner{background-repeat: no-repeat !important;background-size: 100% 100% !important;}

/*定义版心*/

.ban95{width: 95%;margin: 0 auto;}
.ban90{width: 90%;margin: 0 auto;}
.ban85{width: 85%;margin: 0 auto;}
.ban80{width: 80%;margin: 0 auto;}

/*底部几行文字*/

.myfooterbox{background: #F4808D;text-align: center;padding: 10px 0;}
.myfooterbox p:first-child{padding-top: 5px;}
.myfooterbox p{color: #f5f5f5;font-size: 12px;padding-bottom: 10px;display: flex;align-items: center;justify-content: center;}
.myfooterbox p:last-child{padding-bottom: 0;}
.myfooterbox a{color: #f5f5f5;}
.myfooterbox a:active{color: #D20012;}