/*顶部*/

body {
    padding-top: 1rem;
}

.header {
    width     : 100%;
    height    : 1rem;
    /*min-width : 1400px;*/
    position  : fixed;
    top       : 0;
    left      : 0;
    right     : 0;
    background: #fff;
    z-index   : 100;
    box-shadow: inset 0 -1px 0 0 #eee;
}

.header .title {
    /*margin   : .16rem 0 0 .32rem;*/
    font-size: .4rem;
    line-height:1rem;
    color    : #000;
    /*float    : left;*/
    text-align:center;
}

.header .tab {
    display    : inline-block;
    float      : right;
    /*margin-left: 50px;*/
    width :100%;
}

.header .tab ul li {
    height     : 69px;
    line-height: 69px;
    font-size  : 16px;
    float      : left;
}

.header .tab a {
    color: #000;
}

.header .tab img {
    width: 10px;
}

.header .tab a:hover {
    color: #eb5e39;
}

.layui-nav-bar {
    height: 0;
}

.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
    position          : absolute;
    left              : 0;
    top               : 0;
    width             : 0;
    height            : 0;
    background-color  : transparent;
    transition        : all .2s;
    -webkit-transition: all .2s;
}


/*导航小三角颜色*/

.layui-nav .layui-nav-more {
    border-top-color: #000;
}

.layui-nav .layui-nav-mored {
    border-color: transparent transparent #eb5e39;
}

.line {
    height          : 2px;
    width           : calc(100vw - 40px);
    background-color: #efe9e8;
    margin          : 0 auto;
}


/*banner*/

.banner {
    width     : 100%;
    height    : 90px;
    background: #e4b9b9;
}


/*计算器*/

.jisuanqi {
    /* height     :610px; */
    width     : 100%;
    margin    : 0 auto;
    box-sizing: border-box;
}

.jisuanqi .tab {
    height: 35px;

    width :100%;
}
.jisuanqi .tab ul {
    width :100%;
    display :flex;
}
.jisuanqi .tab ul a{
    display :block;
    width :100%;
    height:100%;
    flex:1;
}
.jisuanqi .tab ul li {
    /*float        : left;*/
    /*padding      : 0 31px;*/
    line-height  : 35px;
    font-size    : 13px;
    /*border-bottom: 2px solid #ebebeb;*/
    text-align:center;
}

.jisuanqi .tab ul li:hover {
    /*border-bottom: 2px solid #eb5e39;*/
}

.jisuanqi .tab a {
    color: #83868f;
}

.jisuanqi .tab a:hover {
    color: #eb5e39;
}


.jisuanqi .right {
    width        : 100%;
    /* height    :573px; */
    display      : block;
    /*background :#34495e;*/
    /*float        : right;*/
}

.layui-form {
    margin: 20px auto 0;
}

.layui-select-title .layui-input {
    color     : #565c67;
    background: #f5f5f6;
    height    : 44px;
}

.layui-form-select dl dd.layui-this {
    color     : #565c67;
    background: #f5f5f6;
}

.ff .layui-unselect {
    /*width  : 260px;*/
    /*display: inline-block;*/
}
.layui-form-select .layui-input {
    padding-right: 70px;
    cursor: pointer;
}
.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #d9413e;
}

.layui-input,
.layui-textarea {
    color     : #565c67;
    background: #f5f5f6;
    height    : 44px;
}

.layui-form-label {
    font-weight: 700;
}

.layui-btn {
    background   : #d64242;
    color        : #fff;
    width        : 166px;
    height       : 52px;
    line-height  : 52px;
    border-radius: 2px;
    text-align   : center;
    font-size    : 16px;
    font-weight  : 700;
}

.layui-btn-primary {
    background   : #f5f5f6;
    color        : #b3b6be;
    width        : 166px;
    height       : 52px;
    line-height  : 52px;
    border-radius: 2px;
    text-align   : center;
    font-size    : 16px;
    font-weight  : 700;
}
.layui-btn+.layui-btn {
     margin-left: 0;
    margin-top: 10px;
}

.layui-btn-primary:hover {
    border-color: white;
    color       : #333;
}

.jisuanqi .right .jieguo {
    /*margin-left: 50px;*/
    /*margin-top : 20px;*/
    font-weight: bold;
    margin:0 auto;
    width: 5rem;
}
.jisuanqi .right .jieguo .jieguodiv {

}
.jisuanqi .right .jieguo div {
    display   : inline-block;
    margin-top: 20px;
}

.jisuanqi .right .jieguo div p {
    padding    : 0 10px;
    height     : 45px;
    line-height: 45px;
}

.jisuanqi .right .jieguo div:nth-of-type(1) {
    text-align: right;
}

.jisuanqi .right .jieguo .title {
    font-size  : 16px;
    font-weight: bold;
}

.jisuanqi .right .jieguo .on {
    color: #d74343;
}

.jisuanqi .right .jieguo .tishi {
    color     : #b7bac2;
    margin-top: 20px;
}

.layui-form-label {
    padding: 9px 5px;
    /*width  : 100px;*/
}


/*文章*/

.article {
    /* display: flex; */
    /*width  : 1200px;*/
    /*height: ;*/
    /*margin : 0 auto;*/
    width :100%;
}

.article .item {
    /* flex       : 1; */
    /*width    :340px;*/
    display    : block;
    /*margin-left: 60px;*/
    /*float: left;*/
    margin:0 auto;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    width :6rem;
}

.article .item .l1 {
    /*border-bottom: 1px solid #ebebeb;*/
}

.article .item .l {
    border-bottom: 1px dotted #ebebeb;
    padding      : 10px 0;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.article .item .title {
    font-size    : 20px;
    font-weight  : bold;
    padding      : 10px 0;
    /*border-bottom: 2px solid #e03c34;*/
    display      : inline-block;
}
.article .item .title a {
    font-size:0.4rem;
}
.article .item a {
    font-size: 0.3rem;
}
.article .item .l div {
    margin: 0.5rem 0 0 0;
}
.article .item .l div span {
    color :#878d9c;
}
.article .item .l div span:nth-of-type(2) {
    float: right;
}

.article .item .f {
    width     : 16px;
    height    : 16px;
    background: #e03c34;
    color     : #fff;
    text-align: center;
    display   : inline-block;
}

.article .item .f2 {
    width     : 16px;
    height    : 16px;
    background: #dfdfdf;
    color     : #fff;
    text-align: center;
    display   : inline-block;
}


/*底部*/

.bottom {
    /* width: 1200px; */
    margin: 40px auto 20px;
    /* height: 200px; */
    background: #fefefe;
    /* display: flex; */
    padding-bottom: 40px;
    box-sizing: content-box;
    width: 7rem;
}

.bottom .item {
    flex: 1;
    /* margin-left: 20px; */
    margin: .4rem auto;
}

.bottom .title {
    font-size    : 22px;
    font-weight:bold;
    padding-bottom :0.3rem;

}

.bottom span {
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
    width: 2.5rem;
    height: 0.7rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 4px #eee;
    line-height: 0.7rem;
    flex:1;
}

.bottom p {
    padding-left: 10px;
}

.bottom div {
    padding: 10px 0;
}

.bottom .bl {
    /*border-bottom: 1px solid #ccc;*/
}
.bottom .item div {
    /*text-align:center;*/
    /*margin-left: 0.8rem;*/
    font-weight: bold;
    display:flex;
}


/*版权*/

.bq {
    margin    : 0 auto 20px;
    text-align: center;
    color     : #807c7c;
    font-size : 12px;
}

.layui-input-block {
    width: 4.5rem;
}