﻿@media screen and (min-width: 800px){
    .mtitle, .otit {
        color: #333;
        border-top: 1px solid #e5e5e5;
        height: 31px;
        line-height: 31px;
        padding: 0 8px;
        overflow: hidden;
        background: #f8f8f8;
        font-size: 14px;
    }
    .mtitle, .otits {
        color: #333;
        height: 31px;
        line-height: 31px;
        padding: 0 8px;
        overflow: hidden;
        background: #f8f8f8;
        font-size: 14px;
    }
    .nry_bt {
        clear: both;
        width: 98%;
        height: 70px;
        line-height: 64px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        text-overflow: ellipsis;
    }
    .nry_bt h1 {
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: normal;
        font-family: "\u9ed1\u4f53";
        color: #333;
        font-size: 36px;
        line-height: 64px;
        display: inline-block;
        overflow: hidden;
    }
    .nry_bt img {
        height: 54px;
        width: 54px;
        display: inline-block;
        overflow: hidden;
        background-repeat: no-repeat;
        box-shadow: 0 1px 3px #000;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-top: -47px;
    }
    .kua{
        width: 75%;
    }
    #main {
        width: 1040px;
    }
    .fdtop{
        margin-top: -66px;
    }

    #main #main_right {
        width: 300px
    }

    #main #main_right #main_right_zi {
        width: 300px
    }

    .pmk_990_show {
        display: none
    }

    .pmk_sj_show {
        display: none
    }

    .pmk_api_show {
        display: none
    }

    .pmk_1040_show {
        display: block
    }

    .pmk_990_table_cell {
        display: none
    }

    .pmk_sj_table_cell {
        display: none
    }

    .pmk_api_table_cell {
        display: none
    }

    .pmk_1040_table_cell {
        display: table-cell
    }

    .pmk_990_inline {
        display: none
    }

    .pmk_api_inline {
        display: none
    }

    .pmk_sj_inline {
        display: none
    }

    .pmk_1040_inline {
        display: inline
    }


    .gg{

        width: 1040px;

        height: 80px;

        margin: 0 auto;

        display: flex;

        justify-content: flex-start;

    }

    .gg img{

        width: 80px;

        height: 100%;

        margin:  0 5px;

    }

    .tu img{
        width: 100%;
    }

    a:link {
        color: black;
        text-decoration: underline
    }
    a:hover {
        color: #F00;
        text-decoration: underline
    }

    .ggzi{

        font-size: 12px;

        color:gray;

        opacity: .6;

    }

    .jisd{
        margin:119px 0 0 0;
    }

    /* common */
    body {
        color: #333;
        font: 12px/1.5 tahoma, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", arial, georgia, verdana, helvetica, sans-serif
    }

    html, body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
        margin: 0;
        padding: 0
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed
    }

    ul, ol, menu {
        list-style: none
    }

    input {
        border: 0
    }

    fieldset, img {
        border: none
    }

    img, object, select, input, textarea, button {
        vertical-align: middle
    }

    article, aside, footer, header, section, nav, menu, figure, figcaption, hgroup, details {
        margin-left: 152px;
        display: block
    }

    caption, th {
        text-align: left
    }

    h1, h2, h3, h4, h5, h6, input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr, acronym {
        font-size: 100%;
        font-style: normal
    }

    abbr, acronym {
        border-bottom: 1px dashed gray
    }

    q:before, q:after {
        content: ''
    }

    ins, s, u, del {
        text-decoration: none
    }

    .gclear:after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        content: ''
    }

    .gclear {
        zoom: 1
    }

    ::selection {
        background-color: #00a8f9;
        color: #fff
    }

    ::-moz-selection {
        background-color: #00a8f9;
        color: #fff
    }

    .none {
        display: none
    }

    .b {
        font-weight: bold
    }

    .nor {
        font-weight: normal
    }

    .song {
        font-family: tahoma, "\5B8B\4F53", arial, georgia, verdana, helvetica, sans-serif
    }

    ul.rpic img, img.rpic {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
    }

    .panel table {
        border-bottom: 1px solid #e5e5e5;
        border-collapse: collapse;
    }

    th {
        border: 1px solid #e5e5e5;
        background-color: #f8f8f8;
        font-weight: normal;
        padding: 3px 1px;
    }

    .panel table td {
        border: 1px solid #e5e5e5;
        padding: 3px 2px;
        word-break: break-all;
    }

    .panel table.center td, .panel table.center th, .panel tr.center td, .panel tr.center th, .panel td.center {
        text-align: center
    }

    .panel table.nob, .panel table.nob th, .panel table.nob td {
        border: 0
    }

    #mininav .mininav-bd, .mhead, .fullbox {
        width: 1040px
    }

    .mainbox {
        padding: 0 300px 0 0;
        width: 1040px;
        width: 740px !important;
    }

    .rightbox {
        width: 300px;
        margin-right: -100%;
        float: left
    }

    .leftbox .hpanel {
        width: 358px;
        float: left
    }

    .fullbox .hpanel {
        width: 513px;
        float: left
    }

    .qrcode {
        width: 99px;
        overflow: visiable;
        position: fixed;
        _position: absolute;
        left: 50%;
        bottom: 200px;
        margin-left: 530px;
        z-index: 100;
        display: block;
        text-align: center;
        line-height: 200%;
    }

    /* nav */
    #mininav {
        color: #333;
        height: 30px;
        line-height: 30px;
        padding: 0 8px;
        background: #f8f8f8
    }

    #mininav .mininav-bd {
        position: relative;
        margin: 0 auto
    }

    #mininav a {
        margin: 0 3px
    }

    /* title */
    .mhead {
        margin: 10px auto
    }

    a.title, .mhead h1 {
        float: left;
        font-size: 26px;
        line-height: 26px;
        font-weight: normal;
        *font-weight: bold;
        padding: 6px 10px 4px 5px;
        *padding: 8px 10px 2px 5px
    }

    a.title:hover {
        color: #333
    }

    .mhead h1 a.title {
        margin: 0
    }

    a.site {
        float: left;
        _display: inline;
        font-size: 12px;
        color: #fff;
        background: #00a8f9 url(https://nzj.3gifs.com/ui/ba/gs/images/appbg.gif) no-repeat -45px -160px;
        padding: 1px 5px 1px 20px;
        margin: 12px 0 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    a.site:hover {
        color: #fff
    }

    /* search */
    form {
        font-size: 14px;
        margin: 0 auto
    }

    form .sug {
        margin: 5px 0 0;
        color: gray;
        font-size: 12px
    }

    select {
        height: 32px;
        margin: 0 5px 0 0;
        font-size: 14px
    }

    .fp {
        margin-left: 120px
    }

    .s_iptw, .s_iptw2, .s_iptw3, .s_iptw4, .s_iptw5, .s_iptw6, .s_iptwr {
        width: 360px;
        height: 30px;
        margin: 0 5px 0 0;
        display: inline-block;
        background: url(https://nzj.3gifs.com/ui/ba/gs/images/search.png) no-repeat -304px 0;
        border: 1px solid #b6b6b6;
        border-color: #9a9a9a #cdcdcd #cdcdcd #9a9a9a;
        vertical-align: top
    }

    .s_ipt {
        width: 347px;
        height: 22px;
        font: 16px/22px arial;
        margin: 5px 0 0 7px;
        background: #fff;
        outline: none;
        -webkit-appearance: none;
        *margin: 3px 0 0 7px
    }

    .s_btn {
        width: 95px;
        height: 32px;
        padding-top: 2px \9;
        font-size: 14px;
        background: #ddd url(https://nzj.3gifs.com/ui/ba/gs/images/search.png);
        cursor: pointer
    }

    .s_btnh {
        background-position: -100px 0
    }

    .s_btnw {
        width: 97px;
        height: 34px;
        margin-right: 5px;
        display: inline-block;
        background: url(https://nzj.3gifs.com/ui/ba/gs/images/search.png) no-repeat -202px 0;
        *position: relative;
        z-index: 0;
        vertical-align: top
    }

    .s_txt {
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        margin: 0 5px 0 0;
        display: inline-block;
        *position: relative
    }

    .s_iptw2 {
        width: 180px
    }

    .s_iptw2 .s_ipt {
        width: 167px
    }

    .s_iptw3 {
        width: 120px
    }

    .s_iptw3 .s_ipt {
        width: 107px
    }

    .s_iptw4 {
        width: 90px
    }

    .s_iptw4 .s_ipt {
        width: 77px
    }

    .s_iptw5 {
        width: 60px
    }

    .s_iptw5 .s_ipt {
        width: 47px
    }

    .s_iptw6 {
        width: 36px
    }

    .s_iptw6 .s_ipt {
        text-align: center;
        width: 19px
    }

    .s_iptwr {
        width: 168px
    }

    .s_iptwr .s_ipt {
        width: 155px
    }

    .fleft {
        float: left
    }

    .fright {
        float: right
    }

    .center {
        text-align: center
    }

    .right {
        text-align: right
    }

    .left {
        text-align: left
    }

    .cboth {
        clear: both
    }

    .inline {
        display: inline
    }

    .mm, .mr, .mrl, .mlr, .mtr, .mrt, .mbr, .mrb {
        margin-right: 10px
    }

    .mm, .ml, .mrl, .mlr, .mtl, .mlt, .mbl, .mlb {
        margin-left: 10px
    }

    .mm, .mt, .mtb, .mbt, .mtl, .mlt, .mtr, .mrt {
        margin-top: 10px
    }

    .mm, .mb, .mtb, .mbt, .mlb, .mbl, .mrb, .mbr {
        margin-bottom: 10px
    }

    .pp, .pr, .prl, .plr, .ptr, .prt, .pbr, .prb {
        padding-right: 10px
    }

    .pp, .pl, .prl, .plr, .ptl, .plt, .pbl, .plb {
        padding-left: 10px
    }

    .pp, .pt, .ptb, .pbt, .ptl, .plt, .ptr, .prt {
        padding-top: 10px
    }

    .pp, .pb, .ptb, .pbt, .plb, .pbl, .prb, .pbr {
        padding-bottom: 10px
    }

    .f12, .f12 a {
        font-size: 12px
    }

    .f14, .f14 a {
        font-size: 14px
    }

    .f16, .f16 a {
        font-size: 16px
    }

    .f18, .f18 a {
        font-size: 18px
    }

    .f24, .f24 a {
        font-size: 24px
    }

    .f36, .f36 a {
        font-size: 36px
    }

    .f48, .f48 a {
        font-size: 48px
    }

    .l100 {
        line-height: 100%
    }

    .l150 {
        line-height: 150%
    }

    .l180 {
        line-height: 180%
    }

    .l200 {
        line-height: 200%
    }

    .l250 {
        line-height: 250%
    }

    .l300 {
        line-height: 300%
    }

    .daxie {
        text-transform: uppercase
    }

    .xiaoxie {
        text-transform: lowercase
    }

    a.white, .white, .white a {
        color: #fff
    }

    a.green, .green, .green a {
        color: #008000
    }

    a.red, .red, .red a {
        color: red
    }

    a.blue, .blue, .blue a {
        color: blue
    }

    a.pink, .pink, .pink a {
        color: #c00
    }

    a.gray, .gray, .gray a {
        color: #aaa
    }

    a.orange, .orange, .orange a {
        color: orange
    }

    a.yellow, .yellow, .yellow a {
        color: #ff0
    }

    a.black, .black, .black a {
        color: #333
    }

    a.brown, .brown, .brown a {
        color: #622;
    }

    .bwhite {
        background-color: #fff
    }

    .bgreen {
        background-color: #008000
    }

    .bred {
        background-color: red
    }

    .bblue {
        background-color: blue
    }

    .bpink {
        background-color: #c00
    }

    .bgray {
        background-color: #e5e5e5
    }

    .borange {
        background-color: orange
    }

    .byellow {
        background-color: #ffffb5
    }

    .bblack {
        background-color: #333
    }

    .bbrown {
        background-color: #622
    }

    .path a {
        height: 31px;
        line-height: 31px;
        padding: 0 20px 0 0;
        margin: 0 8px 0 0;
        display: inline-block;
        top: 0;
        background: url(https://nzj.3gifs.com/ui/ba/gs/images/path.png) no-repeat top right
    }

    p {
        line-height: 24px;
        margin-bottom: 5px;
        text-indent: -2em;
        text-align: center;
    }

    .noi p, p.noi {
        text-indent: 0
    }

    /* layout */
    .mainbox:after, .fullbox:after, .leftbox:after, .rightbox:after, .panel:after, .hpanel:after, .adboxp:after, .mtitle:after, .otitle:after, .mcon:after, ul:after, .mhead:after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        content: ''
    }

    .mainbox, .fullbox, .leftbox, .rightbox, .panel, .hpanel, .mtitle, .otitle, .mcon, ul, .adbox, .mhead {
        zoom: 1
    }

    .fullbox {
        margin-left: auto;
        margin-right: auto
    }

    .mainbox {
        margin: 0 auto
    }

    .leftbox {
        width: 100%;
        float: left
    }

    .rightbox {
        margin-right: -100%;
        float: left
    }

    .panel, .adb, .hpanel {
        margin-bottom: 10px;
        border: 1px solid #e5e5e5
    }

    .panel, .hpanel {
        border-top: 0;
        background-color: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    .mcon {
        padding: 10px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .leftbox .panel, .leftbox .hpanel {
        margin-right: 10px
    }

    .panel {
        clear: both
    }

    .mtitle, .otitle {
        color: #333;
        border-top: 1px solid #e5e5e5;
        height: 31px;
        line-height: 31px;
        padding: 0 8px;
        overflow: hidden;
        background: #f8f8f8
    }

    .mtitle {
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .mtitle h1, .mtitle h2, .mtitle h3, .otitle h1, .otitle h2, .otitle h3 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        display: inline
    }

    .mtitle a, .mcon a, .otitle a {
        text-decoration: underline
    }

    .mtitle a:hover, .mcon a:hover, .otitle a:hover {
    }

    .mcon h1, .mcon h2 {
        font-size: 24px;
        color: #c00
    }

    .mcon h3, .mcon h3, .mcon h3 a {
        color: #008000;
        margin-bottom: 6px
    }

    .adbox {
        background-color: #fff;
        font-size: 0
    }

    .adb {
        width: 728px
    }

    .rightbox .adbox {
        margin-bottom: 10px
    }

    .rightbox ul {
        margin-top: -1px
    }

    .rightbox ul li {
        border-top: 1px solid #e5e5e5;
        line-height: 28px;
        height: 28px;
        overflow: hidden
    }

    .rightbox ul li a {
        display: block;
        padding: 0 8px
    }

    ul.tl li, ul.tl2 li {
        line-height: 28px;
        height: 28px;
        font-size: 12px;
        width: 50%;
        float: left;
        display: inline-block;
        overflow: hidden
    }

    ul.tl2 li {
        width: 25%
    }

    #flink a {
        margin-right: 10px;
        font-size: 12px
    }

    /* list */
    ul.l2, ul.l3, ul.l4, ul.l5, ul.l6, ul.l7, ul.l8 {
    }

    ul.l2 li, ul.l3 li, ul.l4 li, ul.l5 li, ul.l6 li, ul.l7 li, ul.l8 li {
        float: left;
        display: inline;
        margin: 0 5px;
        line-height: 28px;
        overflow: hidden;
        white-space: nowrap
    }

    ul.l2 li {
        width: 344px !important;
        width: 354px;
        _width: 344px
    }

    ul.l3 li {
        width: 226px !important;
        width: 236px;
        _width: 226px
    }

    ul.l4 li {
        width: 167px !important;
        width: 177px;
        _width: 167px
    }

    ul.l5 li {
        width: 131px !important;
        width: 141px;
        _width: 131px
    }

    ul.l6 li {
        width: 108px !important;
        width: 118px;
        _width: 108px
    }

    ul.l7 li {
        width: 91px !important;
        width: 101px;
        _width: 91px
    }

    ul.l8 li {
        width: 78px !important;
        width: 88px;
        _width: 78px
    }

    /* app icon */
    .app a {
        position: relative;
        width: 244px;
        background: transparent url(https://nzj.3gifs.com/ui/ba/gs/images/appbg.gif) no-repeat 0 0;
        height: 78px;
        float: left;
        margin: 8px 5px;
        display: inline;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .app a:hover {
        text-decoration: none;
        background-color: #f6f6f6;
        background: #f5fcff url(https://nzj.3gifs.com/ui/ba/gs/images/appbg.gif) repeat-x 0 78px;
    }

    img.appimg {
        top: 9px;
        left: 9px;
        position: absolute;
        cursor: pointer
    }

    span.apptitle {
        position: absolute;
        left: 78px;
        top: 12px;
        font-size: 16px;
        cursor: pointer
    }

    span.apptitle img {
        vertical-align: middle
    }

    span.appintro {
        position: absolute;
        left: 78px;
        top: 40px;
        font-size: 14px;
        color: #a5a5a5;
        cursor: pointer
    }

    .app a:hover span.appintro {
        color: #333
    }

    a.bapp {
        width: 120px;
        height: 150px;
        display: block;
        position: relative;
        line-height: 120%;
        float: left;
        cursor: pointer;
        text-decoration: none
    }

    a.bapp img {
        top: 5px;
        left: 10px;
        position: absolute;
        z-index: 0
    }

    span.mask {
        display: block;
        position: absolute;
        top: 5px;
        left: 9px;
        z-index: 1;
        width: 102px;
        height: 103px;
        background: url(https://nzj.3gifs.com/ui/ba/gs/images/mask.png) 0 0 no-repeat
    }

    a.bapp span.intro {
        display: block;
        position: absolute;
        top: 115px;
        left: 10px;
        width: 100px;
        height: 20px;
        text-align: center
    }

    /* tab */
    .choice {
        margin: 0 0 0 10px;
        _border-right: 1px solid #e5e5e5
    }

    .choice a {
        display: inline-block;
        line-height: 31px;
        height: 31px;
        padding: 0 10px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        text-decoration: none;
        margin-right: -1px;
        letter-spacing: 0;
        font-size: 12px;
    }

    .choice a.current {
        background-color: #fff;
        color: #0096db
    }

    a {
        color: #333;
        text-decoration: none;
        outline: none;
        blur: expression(this.onFocus=this.blur())
    }

    a:hover {
        color: #0096db
    }

    a.noline, .noline a {
        text-decoration: none
    }

    .png, img.appimg {
        _azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none"../images/e41bd08753e2465bae637b8270728687.gifthis.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "/i/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
    }

    span.appi {
        width: 60px;
        height: 60px;
        top: 9px;
        left: 9px;
        position: absolute;
        cursor: pointer;
        display: block
    }

    .a_xingming, .a_nongli, .a_shouji, .a_tianqi, .a_dream, .a_youbian, .a_yuanfen, .a_huilv, .a_guanyin, .a_huangdaxian, .a_shengxiao, .a_xingxiu, .a_chengyu, .a_cidian, .a_zidian, .a_danci, .a_bihua, .a_shici, .a_xiehouyu, .a_raokouling {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/0.png)
    }

    .a_caipu, .a_quhao, .a_daxie, .a_fangjia, .a_flag, .a_lilv, .a_tel, .a_country, .a_jigou, .a_taiwanpc, .a_chebiao, .a_daxue, .a_npo, .a_kuaidi, .a_qiye, .a_pm25 {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/1.png)
    }

    .a_jinqiangua, .a_nannv, .a_zhuge, .a_guandi, .a_lvzu, .a_mazu, .a_chegong, .a_wanggong, .a_wenwang, .a_lingqijing, .a_chenggu, .a_yuce, .a_zhiwen, .a_sanzijing {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/2.png)
    }

    .a_xing, .a_jieqi, .a_mingyan, .a_yanyu, .a_today, .a_birth, .a_wannianli, .a_foxue, .a_shengjing, .a_gulanjing, .a_dimu {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/3.png)
    }

    .a_huoche, .a_xianxing, .a_lukuang, .a_ditie, .a_ditu, .a_weizhang, .a_chepai, .a_shicha, .a_airportcode, .a_2012, .a_jiudian, .a_jtbiaozhi {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/4.png)
    }

    .a_suoxie, .a_fanyi, .a_yingwenming, .a_wubi, .a_bushou, .a_pinyin, .a_quwei, .a_zhengma, .a_cangjie, .a_sijiao, .a_dianma, .a_jianfan, .a_bianma, .a_zhuanye, .a_baike, .a_jisuanqi, .a_morsecode, .a_pi, .a_shurufa, .a_keji {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/5.png)
    }

    .a_miyu, .a_naojin, .a_jx, .a_guwen, .a_nianling, .a_tizhong, .a_webgame, .a_caitu, .a_caiche, .a_caidianying {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/6.png)
    }

    .a_ip, .a_whois, .a_erweima, .a_pr, .a_ipwhois, .a_ip2country, .a_process, .a_mima, .a_ascii, .a_shijianchuo, .a_xiazaidizhi, .a_reverseip {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/7.png)
    }

    .a_anquanqi, .a_yingyang, .a_pianfang, .a_mingfang, .a_zhongcaoyao, .a_yanfang, .a_jiufang, .a_zhoupu, .a_bencao, .a_zhongyi, .a_yaopin, .a_greenfood {
        background-image: url(https://nzj.3gifs.com/ui/ba/gs/images/8.png)
    }

    .a_xingming, .a_caipu, .a_jinqiangua, .a_xing, .a_huoche, .a_suoxie, .a_miyu, .a_ip, .a_anquanqi {
        background-position: 0 0px
    }

    .a_nongli, .a_quhao, .a_nannv, .a_jieqi, .a_xianxing, .a_fanyi, .a_naojin, .a_whois, .a_yingyang {
        background-position: 0 -60px
    }

    .a_shouji, .a_daxie, .a_zhuge, .a_mingyan, .a_lukuang, .a_yingwenming, .a_jx, .a_erweima, .a_pianfang {
        background-position: 0 -120px
    }

    .a_tianqi, .a_fangjia, .a_guandi, .a_yanyu, .a_ditie, .a_wubi, .a_guwen, .a_pr, .a_mingfang {
        background-position: 0 -180px
    }

    .a_dream, .a_flag, .a_lvzu, .a_today, .a_ditu, .a_bushou, .a_nianling, .a_ipwhois, .a_zhongcaoyao {
        background-position: 0 -240px
    }

    .a_youbian, .a_lilv, .a_mazu, .a_birth, .a_weizhang, .a_pinyin, .a_tizhong, .a_ip2country, .a_yanfang {
        background-position: 0 -300px
    }

    .a_yuanfen, .a_tel, .a_chegong, .a_wannianli, .a_chepai, .a_quwei, .a_webgame, .a_process, .a_jiufang, .a_caitu {
        background-position: 0 -360px
    }

    .a_huilv, .a_country, .a_wanggong, .a_foxue, .a_shicha, .a_zhengma, .a_mima, .a_zhoupu, .a_caiche {
        background-position: 0 -420px
    }

    .a_guanyin, .a_jigou, .a_wenwang, .a_shengjing, .a_airportcode, .a_cangjie, .a_ascii, .a_bencao, .a_caidianying {
        background-position: 0 -480px
    }

    .a_huangdaxian, .a_taiwanpc, .a_lingqijing, .a_gulanjing, .a_2012, .a_sijiao, .a_shijianchuo, .a_zhongyi {
        background-position: 0 -540px
    }

    .a_shengxiao, .a_chebiao, .a_chenggu, .a_dimu, .a_jiudian, .a_dianma, .a_xiazaidizhi, .a_yaopin {
        background-position: 0 -600px
    }

    .a_xingxiu, .a_daxue, .a_yuce, .a_jianfan, .a_reverseip, .a_greenfood {
        background-position: 0 -660px
    }

    .a_chengyu, .a_npo, .a_zhiwen, .a_bianma, .a_jtbiaozhi {
        background-position: 0 -720px
    }

    .a_cidian, .a_kuaidi, .a_zhuanye, .a_sanzijing {
        background-position: 0 -780px
    }

    .a_zidian, .a_qiye, .a_baike {
        background-position: 0 -840px
    }

    .a_danci, .a_jisuanqi, .a_pm25 {
        background-position: 0 -900px
    }

    .a_bihua, .a_morsecode {
        background-position: 0 -960px
    }

    .a_shici, .a_pi {
        background-position: 0 -1020px
    }

    .a_xiehouyu, .a_shurufa {
        background-position: 0 -1080px
    }

    .a_raokouling, .a_keji {
        background-position: 0 -1140px
    }

    .a_fuhao {
        background: url(https://nzj.3gifs.com/ui/ba/gs/images/biaoqing.png) 100%/100% no-repeat;
    }

    .a_bmi {
        background: url(https://nzj.3gifs.com/ui/ba/gs/images/ibm.png) 100%/100% no-repeat;
    }

    .toolbar {
        width: 46px;
        overflow: visiable;
        position: fixed;
        _position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: 530px;
        z-index: 100;
        display: block;
    }

    .t_wrap {
        text-align: center;
        width: 46px;
        border-top: 1px solid #e5e5e5;
        float: right;
        background: #fff;
    }

    .t_wrap ul li a {
        font-size: 32px;
        line-height: 46px;
        display: block;
        color: #666;
        border: 1px solid #e5e5e5;
        border-top: 0;
        cursor: pointer;
    }

    .t_wrap ul li a:hover {
        background-color: #efefef;
    }

    .i-panel {
        width: 150px;
        overflow: visiable;
        position: fixed;
        _position: absolute;
        left: 50%;
        margin-left: 375px;
        z-index: 100;
        background: #fff;
        border: 1px solid #aaa;
        box-shadow: 2px 3px 0 #efefef;
        font-family: arial, tahoma, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
    }

    .i-panel img {
        clear: both;
        margin: 8px 0;
    }

    .i-panel span {
        font-size: 14px;
        display: block;
    }

    @font-face {
        font-family: "tool";
        src: url('tool/tool.eot'); /* IE9*/
        src: url('../fonts/tool.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/tool.woff') format('woff'), /* chrome, firefox */ url('../fonts/tool.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/tool.svg#tool') format('svg'); /* iOS 4.1- */
    }

    .tool {
        font-family: "tool" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
    }

    .i-erweima:before {
        content: "\e605";
    }

    .i-qq:before {
        content: "\e600";
    }

    .i-kefu:before {
        content: "\e601";
    }

    .i-weixin:before {
        content: "\e602";
    }

    .i-fankui:before {
        content: "\e603";
    }

    .i-erweima1:before {
        content: "\e604";
    }

    .i-dingbu:before {
        content: "\e606";
    }

    #tool_weixin {
        bottom: 80px !important;
    }

    #tool_qq {
        bottom: 60px !important;
    }

    #tool_erweima {
        bottom: 40px !important;
    }

    #tool_kefu {
        bottom: 20px !important;
    }

    .sideqr, .sideqr_left {
        width: 180px;
        overflow: visiable;
        position: fixed;
        _position: absolute;
        top: 86px;
        z-index: 100;
        display: block;
    }

    .sideqr {
        left: 50%;
        margin-left: 530px;
    }

    .sideqr_left {
        right: 50%;
        margin-right: 530px;
    }

    .sideqr .sbox {
        padding: 10px 5px;
    }

   /* .jipanel{
        margin:7px 260px 0px 0px;;
    }
*/
    .hdd{
        margin: -12px 0px 25px -6px;
    }

    .jibox{
        margin-top: 12px;
    }

    .dh{
        position: absolute;
        margin-top: -245px;
        margin-left: 598px;
    }
    .morebihua{
        position: relative;
        margin-left: 14px;
    }
    .bh{
        margin-left: 14px;
    }
    .fddb{
        display: none;
    }
    body {
        padding-top: 69px;
    }

    .header {
        width     : 100%;
        height    : 69px;
        min-width : 1400px;
        position  : fixed;
        top       : 0;
        left      : 0;
        right     : 0;
        background: #fff;
        z-index   : 100;
        box-shadow: 0 -1px 15px 5px #eee;
    }

    .header .title {
        margin   : 16px 0 0 32px;
        font-size: 30px;
        color    : #7b6a60;
        float    : left;
    }

    .header .tab {
        display    : inline-block;
        float      : right;
        margin-left: 50px;
        width      : 1016px;
    }

    .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     : 893px;
        margin    : 0 auto;
        box-sizing: border-box;
    }

    .jisuanqi .tab {
        height: 35px;
    }

    .jisuanqi .tab ul li {
        float        : left;
        padding      : 0 31px;
        line-height  : 35px;
        font-size    : 13px;
        border-bottom: 2px solid #ebebeb;
    }

    .jisuanqi .tab ul li:hover {
        border-bottom: 2px solid #eb5e39;
    }

    .jisuanqi .tab a {
        color: #83868f;
    }

    .jisuanqi .tab a:hover {
        color: #eb5e39;
    }

    .jisuanqi .left {
        /* height        :573px; */
        width          : 570px;
        box-sizing     : border-box;
        border-right   : 1px solid #ebebeb;
        display        : inline-block;
        /*background   :#e0f2be;*/
        float          : left;
        padding-right  : 30px;
    }

    .jisuanqi .right {
        width        : 318px;
        /* height    :573px; */
        display      : inline-block;
        /*background :#34495e;*/
        float        : right;
    }

    .layui-form {
        margin-top: 20px;
    }

    .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-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-primary:hover {
        border-color: white;
        color       : #333;
    }

    .jisuanqi .right .jieguo {
        margin-left: -75px;
        margin-top : 20px;
        font-weight: bold;
    }

    .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: 370px;
        margin : 0 auto;
    }

    .article .item {
        /* flex       : 1; */
        width    :340px;
        display    : inline-block;
        margin-left: 60px;
        float: left;

        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
    }

    .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 .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    : #f1f1f1;
        display       : flex;
        padding-bottom: 40px;
        box-sizing    : content-box;
    }

    .bottom .item {
        flex       : 1;
        margin-left: 20px;
        margin-top : 40px;
    }

    .bottom .title {
        font-size    : 20px;
        /*font-weight:bold;*/
    }

    .bottom span {
        font-size    : 14px;
        padding-right: 10px;
        padding-left : 10px;
    }

    .bottom p {
        padding-left: 10px;
    }

    .bottom div {
        padding: 10px 10px 10px 0;
    }

    .bottom .bl {
        border-right: 1px solid #ccc;
    }


    /*版权*/

    .bq {
        margin    : 0 auto 20px;
        text-align: center;
        color     : #807c7c;
        font-size : 12px;
    }

    .banner_top {
        display: none;
    }
}

@media screen and (max-width: 800px){
    .fright a{
        float: right;
        margin-top: -30px;
    }
    .mtitle, .otit {
        color: #333;
        border-top: 1px solid #e5e5e5;
        height: 31px;
        line-height: 31px;
        padding: 0 8px;
        overflow: hidden;
        background: #f8f8f8;
        font-size: 14px;
    }
    .nry_bt {
        clear: both;
        width: 98%;
        height: 70px;
        line-height: 64px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        text-overflow: ellipsis;
    }
    .nry_bt h1 {
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: normal;
        font-family: "\u9ed1\u4f53";
        color: #333;
        font-size: 25px;
        line-height: 64px;
        display: inline-block;
        overflow: hidden;
    }
    .nry_bt img {
        height: 54px;
        width: 54px;
        display: inline-block;
        overflow: hidden;
        background-repeat: no-repeat;
        box-shadow: 0 1px 3px #000;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-top: -47px;
    }
    #main{
        margin-top: -118px;
    }
    body {
        background-color: #e7e7e7;
        background-position: 0 10000px;
    }
    .kua {
        border-top: 1px solid #dedbde;
        border-bottom: 1px solid #dedbde;
        border-right: 0;
        border-left: 0;
        margin-top:45px;
    }

    .kua .kua_title {
        border-bottom-color: #dedbde;
        background-position: 0 -294px;
        margin-top:49px;
    }

    #pmk_sj_top {
        color: #4a4d4a;
        height: 40px;
        line-height: 40px;
        background-image: url(../../../../img/all_bg.png);
        background-repeat: repeat-x;
        background-position: 0 -254px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 4px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFF;
        box-shadow: 0 0 8px #888;
        -webkit-box-shadow: 0 0 8px #888;
        -moz-box-shadow: 0 0 8px #888;
        position: static
    }

    #pmk_sj_top_home {
        display: block;
        height: 40px;
        width: 40px;
        position: relative;
        z-index: 2;
        left: 0;
        top: 0;
        text-decoration: none;
        background-image: url(../../../../img/all.png);
        background-repeat: no-repeat;
        background-position: -740px -32px
    }

    #pmk_sj_top span {
        display: block;
        text-align: center;
        width: 90%;
        position: relative;
        top: -40px;
        left: 50%;
        margin-left: -45%;
        height: 40px;
        line-height: 40px;
        z-index: 1
    }

    #pmk_sj_hddb {
        margin-top: 8px;
        margin-bottom: 5px;
        font-size: 16px;
        text-align: center;
        line-height: 36px;
        text-decoration: none
    }

    #pmk_sj_lxwm {
        clear: both;
        height: 36px;
        line-height: 36px;
        text-align: center;
        margin-top: 8px
    }

    #pmk_sj_lxwm a {
        text-decoration: none
    }

    .kuang_logo {
        max-width: 65%
    }

    #j_z {
        width: 200px;
        height: 70px;
        line-height: 70px;
        margin-left: -100px
    }

    #jie_mian_qie_huan {
        margin-bottom: 60px
    }

    #main {
        width: 100%
    }

    #main #main_left {
        width: 100%
    }

    .sy_ico a {
        height: 88px
    }

    .sy_ico a .t_b {
        float: none;
        clear: both;
        width: 100%
    }

    .sy_ico a .t_b img {
        float: none;
        clear: both;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px
    }

    .sy_ico a .i_k {
        float: none;
        clear: both;
        width: 100%
    }

    .sy_ico a .i_k .i_k_t {
        text-align: center;
        font-size: 12px;
        margin-top: 0;
        font-weight: normal
    }

    .sy_ico a .i_k .i_k_t_sj {
        color: #b30000
    }

    .sy_ico a .i_k .i_k_i {
        display: none
    }

    .sy_ico_20 .sy_ico_k {
        width: 33.33%
    }

    .sy_ico_20 .sy_ico a .t_b {
        clear: none;
        float: left;
        width: 30%
    }

    .sy_ico_20 .sy_ico a .i_k {
        clear: none;
        float: left;
        margin-top: 3px;
        width: 70%
    }

    .pmk_990_show {
        display: none
    }

    .pmk_1040_show {
        display: none
    }

    .pmk_api_show {
        display: none
    }

    .pmk_sj_show {
        display: block
    }

    .pmk_990_table_cell {
        display: none
    }

    .pmk_1040_table_cell {
        display: none
    }

    .pmk_api_table_cell {
        display: none
    }

    .pmk_sj_table_cell {
        display: table-cell
    }

    .pmk_990_inline {
        display: none
    }

    .pmk_1040_inline {
        display: none
    }

    .pmk_api_inline {
        display: none
    }

    .pmk_sj_inline {
        display: inline
    }
    .tu img{
        display: none;
    }
    .gg img{
        display: none;
    }
    .mhead a img{
        display: none;
    }
    .mhead{
        margin-top: 64px;
    }
    .tu{
        margin-top:16px;
    }
    .gg{

        width: 350px;

        height: 40px;

        margin: 0 auto;

        display: flex;

        justify-content: flex-start;

    }


    .mainbox:after, .fullbox:after, .leftbox:after, .rightbox:after, .panel:after, .hpanel:after, .adboxp:after, .mtitle:after, .otitle:after, .mcon:after, ul:after, .mhead:after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        content: ''
    }

    .mainbox, .fullbox, .leftbox, .rightbox, .panel, .hpanel, .mtitle, .otitle, .mcon, ul, .adbox, .mhead {
        zoom: 1
    }

    .fullbox {
        margin-left: auto;
        margin-right: auto
    }

    .mainbox {
        margin: 0 auto
    }

    .leftbox {
        width: 100%;
        float: left
    }

    .rightbox {
        margin-right: -100%;
        float: left
    }

    .panel, .adb, .hpanel {
        margin-bottom: 10px;
        border: 1px solid #e5e5e5
    }

    .panel, .hpanel {
        border-top: 0;
        background-color: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    .mcon {
        padding: 10px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .leftbox .panel, .leftbox .hpanel {
        margin-right: 10px
    }

    .panel {
        clear: both
    }

    .mtitle, .otitle {
        color: #333;
        border-top: 1px solid #e5e5e5;
        height: 31px;
        line-height: 31px;
        padding: 0 8px;
        overflow: hidden;
        background: #f8f8f8;
        margin-top:-65px;
    }

    .mtitle {
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .mtitle h1, .mtitle h2, .mtitle h3, .otitle h1, .otitle h2, .otitle h3 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        display: inline
    }
    a:visited {
        color: black;
        text-decoration: underline;
    }
    a:hover {
        color: black;
        text-decoration: underline
    }

    .mcon h1, .mcon h2 {
        font-size: 24px;
        color: #c00
    }

    .mcon h3, .mcon h3, .mcon h3 a {
        color: #008000;
        margin-bottom: 6px
    }

    .adbox {
        background-color: #fff;
        font-size: 0
    }

    .adb {
        width: 728px
    }

    .rightbox .adbox {
        margin-bottom: 10px
    }

    .rightbox ul {
        margin-top: -1px
    }

    .rightbox ul li {
        border-top: 1px solid #e5e5e5;
        line-height: 28px;
        height: 28px;
        overflow: hidden
    }

    .rightbox ul li a {
        display: block;
        padding: 0 8px
    }

    ul.tl li, ul.tl2 li {
        line-height: 28px;
        height: 28px;
        font-size: 12px;
        width: 50%;
        float: left;
        display: inline-block;
        overflow: hidden
    }

    ul.tl2 li {
        width: 25%
    }

    #flink a {
        margin-right: 10px;
        font-size: 12px
    }

    .jibox{
        margin:71px -5px 0px 0px;;
    }
    .center{
        text-align: center;
        margin-bottom: 10px;
    }
    .hdd{
        margin-top:-55px;"
    }
    .dh{
        position: absolute;
        margin-top: -265px;
        margin-left: 249px;
    }

    .morebihua{
        position: relative;
        margin: 1px 9px 3px 8px;
    }
    .bh{
        margin: 0px 9px 7px 8px;
    }

    a.gray, .gray, .gray a {
        color: #aaa;
    }
    /*顶部*/
    .layui-nav-item{
        display: none;
    }
    .fdtop{
        display: none;
    }
    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 .left {
        /*height: 573px;*/
        /* width: 570px; */
        /* width: 100%; */
        width: 7rem;
        box-sizing: border-box;
        /* border-right: 1px solid #ebebeb; */
        /* display: inline-block; */
        /* background: #e0f2be; */
        /* float: left; */
        /* padding-right: 30px; */
        margin: 0 auto;
    }

    .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;
    }
    .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;
    }
}

