/*------------------ 通用样式 ---------------------*/


/*字体大小*/
.zihao1{ font-size: 18px}
.zihao2{ font-size: 16px}
.zihao14{ font-size: 14px}
.zihao3{ font-size: 28px}
.zihao26{ font-size: 26px}
.zihao4{ font-size: 68px}
.zihao5{ font-size: 38px}
.zihao32{ font-size: 32px}
.zihao21{ font-size: 21px}
.zihao72{ font-size: 76px}
.big-font{font-size: 38px}
.small-font{font-size: 12px}

/*字体样式*/
.ziti_hei{font-family: 微软雅黑;}
.ziti_xihei{font-family: 细黑}

/*字体样式-斜体*/
.italic{font-style: italic}

/*字体样式-画横线*/
.through{text-decoration: line-through}

/*模块间距*/
.margin-top5{margin-top: 5px;}
.margin-top20{margin-top: 20px;}
.index-space1{ margin-top: 10px;}
.index-space2{ margin-top: 20px;}
.index-space3{ margin-top: 30px;}
.index-space4{ margin-top: 40px;}
.index-space5{ margin-top: 70px; padding: 10px 0 0 10px}
.index-space6{ margin-top: 60px;}
.index-space8{margin-top: 80px}
.index-space10{ margin-top: 100px;}
.margin-left-10{margin-left: 10px}
.l-padding1{padding: 20px 10px;}
.l-padding2{padding: 10px 10px;}
.padd-zy-30{padding: 0 30px;}
.special-margin30{margin: 0}

.margin-b-space2{margin-bottom: 20px;}

/*模块列表-上下均匀*/
.justify{justify-content: space-between}

/*最长高度或宽度*/
.max-height-30{max-height: 30px}
.max-height-50{max-height: 50px}
.max-height-30{max-height: 30px}
.max-height-35{max-height: 35px}
.max-height-25{max-height: 25px}


/*文字间距*/
.letter-space15{letter-spacing: 15px;}

.shadow1{text-shadow: 0px 3px 0px #b2a98f, 0px 14px 10px rgba(0,0,0,0.15), 0px 10px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1);}

.index-color{color: #fff}

#BlurText{
    filter: blur(5px);
}

/*文字偏向*/
.i-right{text-align: right}
.text-align-l{text-align: left}
.text-align-r{text-align: right}
.text-align-c{text-align: center}

.d_ruby{display: ruby}

/* 通用样式-背景 */
.index-bj1{}
.index-bj0{background-color: #fAfAfA;}
.index-bj2{background-color: #f65000;}
.index-bj3{background-color:red;}
.index-bj4{background-color:#000;}

.qiehuan-bj-color{background-color: #f65000; color: #FFFFFF}


.bg-red{background: red}
.bg-bai{background: #FFFFFF}
.bg-lv{background: #00FF00}
.bg-lan{background: #0000FF}
.bg-hei{background: #000000}
.bg-huang{background: #FFFF00}
.bg-yin{background: #C0C0C0}
.bg-jin{background: #FFD700}
.bg-cheng{background: #FFA500}
.bg-zi{background: #800080}
.bg-hui{background: #808080}
.bg-fen{background: #FFC0CB}
.bg-zong{background: #A52A2A}

.bg-shen{background: #336699;}







/* 通用样式-颜色 */
.write{color: #FFFFFF}
.red{color: red}
.hui{color: #AAAAAA}
.green{color: #3e8f3e}

/* 通用样式-虚线 */
.dash-bottom{border-bottom: 1px dashed #CCCCCC}

.right-sidebar{background-color: #FFFFFF; box-shadow: 0 1px 3px hsl(0deg 0% 7% / 10%)}
.right-sidebar-zi{background-color: #FFFFFF; box-shadow: 1px 1px 3px hsl(241.18deg 100% 85%)}

/* 左半圆与右半圆 */
.left-yuan{border-radius: 20px 0 0 20px;}
.right-yuan{border-radius: 0 20px 20px 0;}

/* 百分比 */
.percent-48{width: 48%}
.percent-03{width: 30%}

/* 颜色 */
.color-black{color: #0f0f0f}
.color-hui{color: #cccccc}

/* display元素 */
.display-block{display: block}
.display-inline-block{display: inline-block}

/* 向右浮动 */
.float-right{float: right}

/* 通用样式-圆角 */
.btn-an{padding: 7px 15px;display: block;width: 100%;font-size: 16px; text-align: center; background-color: #f65000; border-radius: 21px;margin: 30px 0; color: #fff;}
.btn-an:hover{background-color: #bbb;color: #f65000}
.btn-an1{padding: 9px 15px;display: block;width: 20%;font-size: 18px; text-align: center; background-color: #ffff00; border-radius: 23px;color: #f65000; position:absolute;left:25%;top:70%;float: left}
.btn-an1:hover{ background-color: #ffffff; ;}
.btn-an3{font-size: 16px; padding: 9px 15px;height: 45px;margin-top: 5px;background-color: #f65000; border-radius: 25px;color: #fff;}
.btn-an3:hover{color: #fff}
.color1{color: #f65000}

/* 通用样式-左竖杠 */
.left-line{ display: block; background-color: #f5f5f5; margin: 12px 0 12px 0px;border-left: 10px solid #f65000; padding: 8px 10px;}

/* 通用样式-不同字体 */
.diff1{display:inline-block;font-weight:bold;color:#f65000;text-shadow:0 0 1px currentColor,-1px -1px 1px #ffff00,0 -1px 1px #ffff00,1px -1px 1px #ffff00,1px 0 1px #ffff00,1px 1px 1px #ffff00,0 1px 1px #ffff00,-1px 1px 1px #ffff00,-1px 0 1px #ffff00;-webkit-filter:url(#diff1);filter:url(#diff1);/*background:#def;padding:0 .2em*/}
.special-collapse{display: block}


.warn-red{color: #FFF; background: red}
.warn-lan{color: #FFF; background: #4e6ef2}


.border-ccc{border: 1px solid #CCCCCC}
.border-rad-20{border-radius: 20px}
.pad-1-10{padding: 1px 10px}
.pad-2-10{padding: 2px 10px}
.pad-2-15{padding: 2px 10px}

/*---------------公共样式---------------*/
.form-bg1{background: #99ccff}
.form-bg2{background: #CCCCFF}
.form-bg3{background: #FFCCCC}
.form-bg4{background: #E5E338}
.form-bg5{background: #FFFFFF}
.form-bg6{background: #66CC99}
.form-bg7{background: #EFEFEF}
.form-bg8{background: #FFFFFF}

.form-bg-img1{background-image:linear-gradient(#ABDCFF,#D396FF) }

.form-mg1{margin-top: 5px;}
.form-mg3{margin-top: 10px;}
.form-mg3-all{margin-top: 10px;}
.form-mg4{margin-top: 15px;}
.form-mg2{margin-left: 20px}
.form-mg5{margin-bottom: 20px}
.form-mg6{margin-top: -50px}

.form-color1{color: #cccccc}
.form-color2{color: #AAAAAA}
.form-color3{color: #FFFFFF}
.form-color4{color: red}
.form-color5{color: #3a3a3a}
.form-color6{color: #66CC99}

.form-size1{font-size: 48px}
.form-size2{font-size: 14px}
.form-size3{font-size: 18px}
.form-size4{font-size: 12px}
.form-size5{font-size: 42px}
.form-size6{font-size: 72px}


@media (max-width: 800px) {
    .zihao72{font-size: 38px;}
    .zihao21{font-size: 14px;}
    .big-font{font-size: 24px}
    .letter-space15{letter-spacing: 2px;}
    .zihao32{font-size: 18px;}
    .baogao-banner{padding: 50px 0;}
    .baogao-all{margin: 0;}

    .special-margin30{margin: 30px 0 -30px}
    .index-space8{margin-top: 60px;}
    .max-height-30{max-height: 20px}
    .max-height-50{max-height: 35px}
    .max-height-35{max-height: 25px}
    .max-height-25{max-height: 18px}
    .special-collapse{display: none}

     /*---------------八字占卜页---------------*/
    .form-size1{font-size: 28px}
    .form-size2{font-size: 12px}
    .form-size3{font-size: 14px}
    .form-size4{font-size: 11px}
    .form-size5{font-size: 32px}
    .form-size6{font-size: 42px}

}