@charset "utf-8";
/* CSS Document */

/*----------------Global----------------*/
*{margin:0; padding:0;}
html{  margin:0 auto;}
body{ color:#333333; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 14px;}
input,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
ul,ol{list-style:none;}
a{text-decoration:none; color:#666; border:none;  -webkit-appearance: none; outline:none;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
a img{ border:none;  -webkit-appearance: none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
div,span { border:none;  -webkit-appearance: none; outline:none;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
.clear{ clear:both;}
input[type=text]{border:1px solid #eaeaea; border-radius: 3px; line-height: 35px; text-indent: 10px;}
.main{ margin:0px 0px;}



/*文字大小、颜色、是否加粗*/
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.font30{font-size:30px;}

.color1{ color:#333333;}
.color2{ color:#666666;}
.color3{ color:#999999;}
.colorBlue{ color:#36ade7;}
.colorGreen{ color:#1e8b3b;}
.colorRed{ color:#e8412f;}
.colorOrange{ color:#ffa725;}
.colorWhite{ color:#ffffff;}

.isBold{ font-weight: bold;}
.isNormal{ font-weight: normal;}


/*背景颜色、边框、圆角*/
.bgBlue{ background:#36ade7;}
.bgGreen{ background:#1e8b3b;}
.bgRed{ background:#ed1b24;}
.bgOrange{ background:#ffa725;}
.bgWhite{ background:#ffffff;}
.bgGray{ background:#f0f0f0;}



.bd1{ border:1px solid #eaeaea;}
.bd2{ border:1px solid #ffffff;}
.bdBlue{ border:1px solid #36ade7;}
.bdGreen{ border:1px solid #1e8b3b;}
.bdRed{ border:1px solid #e8412f;}
.bdOrange{ border:1px solid #ffa725;}
.bdTop{ border-top:1px solid #eaeaea;}
.bdRight{ border-right:1px solid #eaeaea;}
.bdBottom{ border-bottom:1px solid #eaeaea;}
.bdLeft{ border-left:1px solid #eaeaea;}

.brds6{border-radius:6px;}
.brds2{border-radius:2px;}
.brds10{border-radius:10px;}

/*定位*/
.tl{ text-align:left;}
.tr{ text-align:right;}
.tc{ text-align:center;}

.fl{ float:left;}
.fr{ float:right;}

.pr{position:relative;}
.pa{position:absolute;}

.none{display:none;}


/*边距*/
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}


.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}


.plr5{ padding:0px 5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}


.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

/*宽度、高度*/
.widthAll{ width:100%;}
.height24{height:24px; line-height: 24px;}
.height30{ height:30px; line-height: 30px;}
.height35{ height:35px; line-height: 35px;}
.height38{ height:38px; line-height: 38px;}
.height40{ height:40px; line-height: 40px;}

/*超链*/
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: none;}

/*单选按钮样式调整*/
.radioSelect  input[type="radio"] {  width: 16px;  height: 16px;  opacity: 0; }
.radioSelect label { position: absolute; left: 0px;  top: 12px;  width: 16px;  height: 16px;  border-radius: 50%;  border: 1px solid #ddd;  }
/*设置选中的input的样式 +是兄弟选择器,获取选中后的label元素*/
.radioSelect  input:checked+label {  background-color:#0c66ff;  border: 1px solid #0c66ff;  }
.radioSelect input:checked+label::after{  position: absolute;  content: "";  width: 3px;  height: 8px;  top: 2px;  left: 6px;  border: 1px solid #fff;  border-top: none;  border-left: none;  transform: rotate(45deg)  }