/***********************************
通用样式
************************************/
*{
    outline:none;
}
.font12{font-size:12px}  .font13{font-size:13px}  .font14{font-size:14px}  .font15{font-size:15px}  .font16{font-size:16px}  .font17{font-size:17px}
.font18{font-size:18px}  .font19{font-size:19px}  .font20{font-size:20px}  .font22{font-size:22px}  .font24{font-size:24px}  .font25{font-size:25px}
.font26{font-size:26px}  .font28{font-size:28px}  .font30{font-size:30px}  .font32{font-size:32px}  .font34{font-size:34px}  .font36{font-size:36px}
.fontBold{font-weight: bold}

.wordWrap{word-wrap: break-word}
/**********黑白灰**********/
.colorff{color:#ffffff}.colorf8{color:#f8f8f8}.colorf5{color:#f5f5f5}.colorf2{color:#f2f2f2}.colorf0{color:#f0f0f0}
.coloree{color:#eeeeee}.colordd{color:#dddddd}.colorcc{color:#cccccc}.colorbb{color:#bbbbbb}.coloraa{color:#aaaaaa}
.color99{color:#999999}.color88{color:#888888}.color77{color:#777777}.color66{color:#666666}.color55{color:#555555}
.color44{color:#444444}.color33{color:#333333}.color22{color:#222222}.color11{color:#111111}.color00{color:#000000}
.ydRed{color: red;}
.colorMain{color:#f4953a}
.colorRed{color:red}
.color1f{color:#1F8FE6}
/**********背景色**********/
.bgColorFF{background-color:#ffffff}
.bgColorF4{background-color:#f4f4f4}
.bgColorF2{background-color:#f2f2f2}
.bgColorFC{background-color:#FCFDFF}
.bgColorBlue{background-color:#1F8FE6;outline: none}
.bgColorE9{background-color:#E9F3F8;outline: none}
.bgColorGray{background-color:#979797;outline: none}
.bgColorD8{background-color:#d8d8d8;outline: none}
.bgColorGreen{background-color:#1AB394}
.borderLeft108ee9{border-left:2px solid #108ee9}

/**********圆角**********/
.radius2{border-radius:2px}  .radius3{border-radius:3px}  .radius4{border-radius:4px}  .radius5{border-radius:5px}  .radius6{border-radius:6px}
.radius7{border-radius:7px}  .radius8{border-radius:8px}  .radius9{border-radius:9px}  .radius10{border-radius:10px}.radius15{border-radius:15px}
/**********BORDER**********/
.borderNone{border:none}.borderF5{border:1px solid #f5f5f5}.borderF2{border:1px solid #f2f2f2}.borderCC{border:1px solid #cccccc}
.border99{border:1px solid #999999}
.borderBlue{border:1px solid #1F8FE6;}
.borderTopNone{border-top:none}
.borderBottomNone{border-bottom:none}
.borderTLeftNone{border-left:none}
.borderRightNone{border-right:none}
.borderLeftF2{border-left:1px solid #f2f2f2}
.borderLeftBlue{border-left:10px solid #1F8FE6}
.borderLeftF22{border-left:2px solid #f2f2f2}
.borderRightF2{border-right:1px solid #f2f2f2}
.borderRightF22{border-right:2px solid #f2f2f2}
.borderBottomF2{border-bottom:1px solid #f2f2f2}
.borderTopF2{border-top:1px solid #f2f2f2}
/**********MARGIN**********/
.marginAuto{margin:0px auto}
.ml-1{margin-left:-1px}.ml-2{margin-left:-2px} .ml-3{margin-left:-3px} .ml-4{margin-left:-4px} .ml-5{margin-left:-5px} .ml-8{margin-left:-8px} .ml-10{margin-left:-10px}.ml-20{margin-left: -20px;}
.ml1{margin-left:1px} .ml2{margin-left:2px} .ml3{margin-left:3px} .ml4{margin-left:4px} .ml5{margin-left:5px} .ml8{margin-left:8px} .ml10{margin-left:10px}
.ml12{margin-left:12px} .ml14{margin-left:14px} .ml15{margin-left:15px} .ml16{margin-left:16px} .ml18{margin-left:18px} .ml20{margin-left:20px}
.ml24{margin-left:24px} .ml25{margin-left:25px} .ml28{margin-left:28px} .ml30{margin-left:30px} .ml35{margin-left:35px} .ml40{margin-left:40px}
.ml45{margin-left:45px} .ml50{margin-left:50px} .ml60{margin-left:60px} .ml70{margin-left:70px} .ml80{margin-left:35px} .ml90{margin-left:40px}
.ml55{margin-left: 5.5%;}
.ml29{margin-left: 29%;}

.mr1{margin-right:1px} .mr2{margin-right:2px} .mr3{margin-right:3px} .mr4{margin-right:4px} .mr5{margin-right:5px} .mr8{margin-right:8px} .mr10{margin-right:10px}
.mr12{margin-right:12px} .mr14{margin-right:14px} .mr15{margin-right:15px} .mr16{margin-right:16px} .mr18{margin-right:18px} .mr20{margin-right:20px}
.mr24{margin-right:24px} .mr25{margin-right:25px} .mr28{margin-right:28px} .mr30{margin-right:30px} .mr35{margin-right:35px} .mr40{margin-right:40px}
.mr45{margin-right:45px} .mr50{margin-right:50px} .mr60{margin-right:60px} .mr70{margin-right:70px} .mr80{margin-right:35px} .mr90{margin-right:40px}
.mlp{margin-left: 50%}

.mt-24{margin-top:-24px} .mt-25{margin-top:-25px} .mt-28{margin-top:-28px} .mt-30{margin-top:-30px} .mt-35{margin-top:-35px} .mt-40{margin-top:-40px}.ml-15{margin-left:-15px}
.mt-12{margin-top:-12px} .mt-14{margin-top:-14px} .mt-15{margin-top:-15px} .mt-16{margin-top:-16px} .mt-18{margin-top:-18px} .mt-20{margin-top:-20px}
.mt-1{margin-top:-1px} .mt-2{margin-top:-2px} .mt-3{margin-top:-3px} .mt4{margin-top:-4px} .mt-5{margin-top:-5px} .mt-8{margin-top:-8px} .mt-10{margin-top:-10px}
.mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt8{margin-top:8px} .mt10{margin-top:10px}
.mt12{margin-top:12px} .mt14{margin-top:14px} .mt15{margin-top:15px} .mt16{margin-top:16px} .mt18{margin-top:18px} .mt20{margin-top:20px}
.mt24{margin-top:24px} .mt25{margin-top:25px} .mt28{margin-top:28px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px}
.mt45{margin-top:45px} .mt50{margin-top:50px} .mt60{margin-top:60px} .mt70{margin-top:70px} .mt80{margin-top:35px} .mt90{margin-top:90px}

.mb1{margin-bottom:1px} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb4{margin-bottom:4px} .mb5{margin-bottom:5px} .mb8{margin-bottom:8px} .mbb10{margin-bottom:10px}
.mb12{margin-bottom:12px} .mb14{margin-bottom:14px} .mb15{margin-bottom:15px} .mb16{margin-bottom:16px} .mb18{margin-bottom:18px} .mb20{margin-bottom:20px}
.mb24{margin-bottom:24px} .mb25{margin-bottom:25px} .mb28{margin-bottom:28px} .mb30{margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px}
.mb45{margin-bottom:45px} .mb50{margin-bottom:50px} .mb60{margin-bottom:60px} .mb70{margin-bottom:70px} .mb80{margin-bottom:35px} .mb90{margin-bottom:40px}
/*用于按钮的padding*/
.padding0{padding:0px}.padding10{padding:10px}.padding20{padding:20px}
.paddingLeft0{padding-left:0px}.paddingLeft1{padding-left:1px} .paddingLeft2{padding-left:2px} .paddingLeft5{padding-left:5px}.paddingLeft10{padding-left:10px}.paddingLeft20{padding-left:20px}.paddingLeft30{padding-left:30px}.paddingLeft60{padding-left:60px}
.paddingRight0{padding-right:0px}.paddingRight30{padding-right:30px}.paddingRight130{padding-right:130px}
.paddingTop0{padding-top:0px}.paddingTop1{padding-top:1px}.paddingTop2{padding-top:2px}.paddingTop3{padding-top:3px}.paddingTop4{padding-top:4px}
.paddingTop5{padding-top:5px} .paddingTop8{padding-top:8px}.paddingTop10{padding-top:10px}.paddingTop12{padding-top:12px}  .paddingTop14{padding-top:14px}
.paddingTop15{padding-top:15px}.paddingTop16{padding-top:16px}.paddingTop18{padding-top:18px}.paddingTop20{padding-top:20px}.paddingTop22{padding-top:22px}
.paddingTop25{padding-top:25px}

.paddingButtom0{padding-Buttom:0px}.paddingButtom1{padding-Buttom:1px}.paddingTop2{padding-top:2px}.paddingTop3{padding-top:3px}.paddingTop4{padding-top:4px}
.paddingTop5{padding-top:5px} .paddingTop8{padding-top:8px}.paddingBottom10{padding-bottom:10px}.paddingTop12{padding-top:12px}  .paddingTop14{padding-top:14px}
.paddingTop15{padding-top:15px}.paddingTop16{padding-top:16px}.paddingTop18{padding-top:18px}.paddingTop20{padding-top:20px}.paddingTop22{padding-top:22px}
.paddingBottom30{padding-bottom:30px}

.padding_2_5{padding:2px 5px}.padding_3_5{padding:3px 5px}.padding_3_10{padding:3px 10px}.padding_3_20{padding:3px 20px}
/***********************************
width 和 height 尺寸设置
***********************************/
.width5{width:5px}.width10{width:10px}.width15{width:15px}.width20{width:20px}
.height20{height:20px}
.width200{width:200px}
.width100{width:100px}
.width150{width:150px}

.width_2{width:2%}.width_3{width:3%} .width_4{width:4%} .width_6{width:6%} .width_8{width:8%} .width_9{width:9%} .width_12{width:12%}
.width_5{width:5%} .width_10{width:10%} .width_15{width:15%} .width_20{width:20%} .width_25{width:25%} .width_30{width:30%}.width_31{width:31%} .width_35{width:35%} .width_40{width:40%}
.width_45{width:45%} .width_50{width:50%} .width_55{width:55%} .width_60{width:60%} .width_65{width:65%} .width_70{width:70%} .width_75{width:75%} .width_80{width:80%}
.width_85{width:85%} .width_90{width:90%} .width_95{width:95%} .width_100{width:100%} .height_100{height:100%;}
.height60{height: 60px;}
.height25{height: 25px;}
.height40{height: 40px;}
.height80{height: 80px;}
.height100{height: 100px;}
.height200{height: 200px;}
.height50{height: 50%;}
.minheight658{min-height: 658px;}
.minheight500{min-height: 400px;}
/***********************************
列表元素
***********************************/
.listNone{list-style: none}
/***********************************
display的属性
***********************************/
.displayNone{display:none}.displayInLine{display:inline}
.textCenter{text-align:center}.textLeft{text-align:left}.textRight{text-align:right}
/**********Button**********/
.radiuButtonWihte{padding:5px 15px;border-radius:20px;border:1px solid #00b3ee;background-color:#fff}
.radiuButtonBlue{width:100px;height:36px;line-height:36px;text-align:center;border-radius:10px !important;}
/*.radiuButtonBlue{width:100px;height:36px;line-height:36px;text-align:center;border-radius:10px !important;border:1px solid #00b3ee;background-color:#00b3ee}*/
.radiuButtonStamp{width:150px;height:30px;border:1px solid #00b3ee;border-radius:15px !important;text-align:center;line-height:30px}
/***********************************
针对特定页面需要的样式/非公共样式，也是必须的
***********************************/
/*page页*/
.page_home:hover .page_home_detail{display:block}
.page_home a{color:#666666}
/***********************************
浮动
***********************************/
.floatLeft{float:left}.floatRight{float:right}
/***********************************
鼠标效果
***********************************/
.cursorPointer{cursor:pointer}
/***********************************
上传图片按钮的美化
***********************************/
.file {  position: relative;  display: inline-block;  background: #D0EEFF;  border: 1px solid #99D3F5;  border-radius: 4px;  padding: 4px 12px;  overflow: hidden;
    color: #1E88C7;  text-decoration: none;  text-indent: 0;  line-height: 20px;  }
.file input {  position: absolute;  font-size: 100px;  right: 0;  top: 0;  opacity: 0;  }
.file:hover {  background: #AADFFD;  border-color: #78C3F3;  color: #004974;  text-decoration: none; }

/***********************************
button构想说明：
1.色彩：（border色彩默认灰，背景色无）
    button只定义基础外形，不定义背景色彩，因为button的背景色往往跟网站的主题相关，如果需要添加button背景色，只需
在div上再引入一个bgColor的class类即可，bootstrap那种将btn-danger的做法非常烂，适用性不高。
2.尺寸:
    优先padding方法定义尺寸，这种方法按钮的尺寸将根据文字的长度变化，缺陷就是如果一个按钮的文字特多的时候将会使按钮特长，
考虑添加一个max-width属性。
    其次是固定尺寸的按钮，可以考虑适应2个字，3个字，4个字的button
3.圆角：
    圆角提供有无两种状态，基本圆角尺寸跟按钮大小相关，如果需要，添加radius类覆盖
***********************************/
.rbtn{border-radius:6px !important;padding:7px 10px; width:120px;cursor:pointer}
.rbtn_small{border-radius:2px !important;padding:2px 5px; cursor:pointer}
/*************************上传文件********************************/
.file2 {  position: relative;  display: inline-block;  border: 1px solid #337ab7;  border-radius: 4px;  padding: 5px 10px;  overflow: hidden;
    color: #1E88C7;  text-decoration: none;  text-indent: 0;  line-height: 20px;}
.file2 input {  position: absolute;  font-size: 100px;  right: 0;  top: 0;  opacity: 0;  }
.file2:hover {  background: #AADFFD;  border-color: #78C3F3;  color: #004974;  text-decoration: none; }
/********************常用样式******************************/
.disinle{
    display: inline-block;
}
.verti{
    vertical-align: top;
}
.disNone {
    display: none;
}
.posiAbsolute{
    position: absolute;
}
.posiRelative{
    position: relative;
}
.posiFix{
    position: fixed;
}
/*********New*************/
.new-font{
    position: absolute;
    display: block;
    -webkit-transform: scale(0.83);
    transform: scale(0.83);
    font-size: 13px;
    left: 20px;
    top: 10px;
    color: red;
}
/***********圆圈的*******************/
.rad_box{
    display:none;
}
.rad_box + label{
    background-color: #fff;
    border:1px solid #C1CACA;
    padding: 7px;
    border-radius: 7px !important;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top:7px;
}
.rad_box:checked + label:after {
    content: '\2022';  //圆点
    overflow:hidden;
    position: absolute;
    left: -1px;
    top:-21px;
}
/*服务预约的圆点*/
.rad_box1{
    display:none;
}
.rad_box1 + label{
    background-color: #fff;
    border:1px solid #C1CACA;
    padding: 7px;
    border-radius: 7px !important;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top:7px;
}
.rad_box1:checked + label:after {
    content: '\2022';  //圆点
overflow:hidden;
    position: absolute;
    left: -1px;
    top:-21px;
}
/******************提示*********************/
.tips{
    position: fixed;
    top: 50%;
    left: 60%;
    border: 1px solid #CCCCCC;
    padding: 5px 10px;
    border-radius: 4px;
}
.line_limit{
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.TextAreaStyle{
    height:200px !important;
    width:60%;
}
.modal-content{
    /*-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);*/
    /*box-shadow:0 5px 15px rgba(0,0,0,.1);*/
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* border: 1px solid #999; */
    /* border: 1px solid rgba(0,0,0,.2); */
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
}
/*******************loading动画***************************/
.loading{
    position: absolute;
    top:35%;
    left:55%;
    width: 50px;
    height:60px;
    text-align: center;
    font-size: 10px;
}
.loading > div {
    background-color: #f4953a;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.loading .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loading .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.loading .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loading .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
/********************动画结束***************************/
.message{
    position:fixed;
    top:20%;
    left:5%;
    width:100%;
    height:10px;
    line-height:30px;
    margin-top:-15px;
    z-index: 99999;
}
.message p{
    background:#fff;
    /*opacity:0.8;*/
    width:200px;
    color:#000;
    text-align:center;
    padding:5px 5px;
    margin:0 auto;
    font-size:12px;
    border-radius:4px !important;
    border: 1px solid #ccc;
}