/*鍒濆鍏冪礌*/

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;}