/*公用*/ *{margin:0;padding:0;word-break:break-all;font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;} .clear{clear:both;} .clearfix{zoom:1} .clearfix:after{content:"";clear:both;display:block} body{color:#5c5c5c;text-decoration:none;font-size:12px;word-break:normal;width:100%;min-width:1200px;margin:0 auto;font-family:'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important} img,input,select{vertical-align:middle} a{text-decoration:none;color:#5C5C5C} img{border:0} li,ul{list-style:none outside} b,h1,h2,h3,h4,h5,h6{font-weight:400} table{border-collapse:collapse;border-spacing:0;}/ button{border:none;} p { display: block; font-size: 14px; } .normal{font-style:normal;} .bold{font-weight:bold;} .main-w {width: 100%;text-align: center;margin: 0 auto;position: relative;} em,.normal{font-style:normal;} .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; color: #888; } .txtalt { text-align: left; line-height: 30px; } .hidden{overflow:hidden;} .indent{text-indent:2em;} /*浮动*/ .fl{float:left;} .fr{float:right;} /*对齐方式*/ .tc{text-align:center!important} .tl{text-align:left !important;} .tr{text-align:right !important;} /*标题*/ .h2{font-size:20px;} .h3{font-size:18px;} .h4{font-size:16px;} .h5{font-size:14px;} .h6{font-size:12px;} /*字体大小*/ .fz0{font-size:0;} .fz12{font-size:12px;} .fz14{font-size:14px !important;} .fz16{font-size:16px !important;} .fz18{font-size:18px;} .fz20{font-size:20px;} .fz22{font-size:22px;} .fz24,.fontSize24{font-size:24px !important;} .fz26{font-size:26px !important;} .fz30{font-size:30px !important;} .fz33{font-size:33px;} .fz36{font-size:36px } .fz40{font-size:40px !important;} .fz46{font-size:46px !important;} .fz50{font-size:50px !important;} .fz60{font-size:60px !important;} /*字体色*/ .c-000{color:#000;} .c-222{color:#222;} .c-333{color:#333;} .c-444{color:#444;} .c-555{color:#555;} .c-666{color:#666;} .c-777{color:#777;} .c-888{color:#888;} .c-999{color:#999;} .c-fff{color:#fff;} .c-bc{color:#bcbcbc;} .c-ccc{color:#ccc;} .c-default{color:#00c4e2;} .c-red{color:#FF0000;} .c-3e {color: #3E3E3E;} .c-36{color: #363636 !important;} .c-ae {color: #aeaeae;} .c-fd3{color:#fd3d53;} /*高度*/ .h50{height:50px;} .h640{height:640px !important;} .height360 {height: 360px !important;} /*背景色*/ .bgf {background: #fff;} .bgf-important{background:#fff;} .bg-f2{background:#f2f2f2;} .bg-f3,.greybg{background-color:#f3f3f3;} .bg-f4{background:#F2F7FF;} .bg-f5{background-color:#f5f5f6;} .bg-f7{background:#f7f7f7;} .bg-f8{background:#f8f8f8;} /*边框*/ .border-none {border: none !important;} .borb0{border-bottom:0 !important;} .borr0{border-right:0 !important;} .bort1{border-top:1px solid #e3e3e3;} .borb1-dashed{border-bottom:1px dashed #ddd;} .bodbtm {border-bottom: 1px dashed #ccc;} .bodright {border-right: 1px dashed #ccc;} /*宽度*/ .w142{width: 142px !important;} .w130{width:130px;} .w174{width:174px;} .w182{width:182px !important;} .w190{width:190px;} .w350{width:350px;} .w500{width:496px;} .w630{width:630px !important;} /*宽度百分比*/ .wp10{width:10%;} .wp20{width:20%;} .wp38{width:38%;} .wp60{width:60%;} .wp70{width:70%;} .wp70{width:70%;} .wp75{width:75% !important;} .wp80{width:80%;} .wp90{width:90% !important;} .wp100,.mainmb{width:100% !important;} .hp100{height:100%;} .mwp100{max-width:100%;} /*行高*/ .lh30{line-height:30px;} /*外边距*/ .mar-auto{margin: 0 auto !important;} .mb0,.mar0{margin-bottom:0 !important;} .mr0{margin-right: 0 !important;} .mr4{margin-right:4px;} .mr5{margin-right: 5px;} .mr6{margin-right: 6px;} .mr8{margin-right:8px !important;} .mb26{margin-bottom:26px !important;} .mb28 {margin-bottom: 28px !important;} .mar80 {margin-top: 80px;} .mr20{margin-right:20px;} .mr7{margin-right:7px;} .mr50 {margin-right: 50px;} .mt0{margin-top:0 !important;} .mt4{margin-top:4px;} .mt5{margin-top: 5px;} .mt8{margin-top: 8px;} .mt10{margin-top:10px !important;} .mtf10{margin-top:-10px !important;} .mt12 {margin-top: 12px;} .mt15{margin-top: 15px !important;} .mt16{margin-top:16px;} .mt20{margin-top: 20px !important;} .mt24{margin-top: 24px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mt45 {margin-top: 45px !important;} .mt50,.mgtp5{margin-top: 50px;} .mt100{margin-top:100px !important;} .martb50{margin-top:50px;margin-bottom:50px} .mgtp2,.mt20{margin-top:20px !important;} .mb10{margin-bottom:10px !important;} .mb12 { margin-bottom: 12px;} .mb20,.mgbtm{margin-bottom:20px !important;} .mb30{margin-bottom:30px !important;} .mb35{margin-bottom: 35px !important;} .mb40{margin-bottom:40px !important;} .mb50,.mgbtm5{margin-bottom:50px;} .mb60{margin-bottom:60px !important;} .mb100{margin-bottom:100px;} .ml5{margin-left:5px;} .ml0{margin-left:0 !important;} .ml8{margin-left: 8px !important;} .ml10{margin-left: 10px !important;} .ml20{margin-left:20px !important;} .ml24 { margin-left: 24px;} .ml30{margin-left:30px;} .ml38{margin-left: 38px;} .ml40{margin-left:40px;} .ml48{margin-left:48px;} .ml50{margin-left:50px;} .ml84{margin-left:84px;} .ml150{margin-left: 150px !important;} .ml170 {margin-left: 170px;} .mglt5{margin-left:30px} .mglt6{margin-left:60px} .mtb25{margin: 25px auto !important;} /*内边距*/ .pl0{padding-left:0 !important;} .pb0{padding-bottom:0 !important;} .pt0{padding-top:0 !important;} .pt5{padding-top:5px;} .pt8{padding-top: 8px;} .pt12{padding-top: 12px !important;} .ptb15{padding-top:15px;padding-bottom:15px;} .ptb20{padding-top:20px;padding-bottom:20px;} .pt20,.pddtop{padding-top:20px !important;} .pt30{padding-top:30px !important;} .pt40{padding-top:40px !important;} .pt50{padding-top:50px;} .pt60{padding-top:60px;} .pt70{padding-top:70px;} .pdl6{padding-left:60px} .pb3{padding-bottom:3px;} .pb5{padding-bottom:5px;} .pb10{padding-bottom:10px !important;} .pb20{padding-bottom: 20px !important;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb50{padding-bottom: 50px !important;} .pb60{padding-bottom:60px;} .pb100{padding-bottom:100px !important;} .pl20{padding-left:20px;} .pl30{padding-left:30px;} .pl40{padding-left:40px;} .pl50{padding-left:50px;} .pl68{padding-left: 68px !important;} .pr20{padding-right:20px;} .pr68{padding-right: 68px !important;} /*定位*/ .relative{position:relative} .absolute{position:absolute;} /*元素类型*/ .block,.dsblk {display: block;} .iblock{display:inline-block;} .align-middle{vertical-align:middle;} .align-top{vertical-align:top;} .hide {display: none !important;} .top12{top:12px !important;} .right0{right:0 !important;} .cursor{cursor:pointer;} /*超出隐藏*/ /*超出一行省略*/ .one-overflow{ width:100%;overflow: hidden;/*超出部分隐藏*/white-space: nowrap;/*不换行*/text-overflow:ellipsis;/*超出部分文字以...显示*/} /*超出两行省略*/ .more-overflow{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-o-text-overflow:ellipsis;overflow-wrap: break-word;} /*按钮*/ .btn-style1{display:inline-block;font-size:14px;padding:3px 20px;background:#00c1de;color:#fff;} .btn-style2{display:inline-block;font-size:14px;padding:2px 20px;border:1px solid #00c1de;color:#00c1de;} label { float: left; display: block; width: 60px; font-size: 14px; }