@charset "utf-8";
body {width: 100%;margin: 0;padding: 0;color: #333;background-color: #f1f1f1;font-size: 14px;color: #333;font-family: PingFangSC-Regular, Helvetica, Arial, sans-serif}
form,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,input{padding:0;margin:0;list-style:none;}
input[type="text"],input[type="button"],input[type="submit"],textarea{-webkit-appearance: none; outline:none; border-radius:0px;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; padding: 0; font-size: 14px; -webkit-appearance: none; outline: none; border-radius: 0; border: 0 }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c3c3c3 !important }
img { border: 0; vertical-align: middle }
a:link{color:#222;text-decoration:none}
a:visited{color:#222;text-decoration:none}
a:hover{color:#222;text-decoration:none}
a:active{color:#222;text-decoration:none}
.font1{ font-size:20px;}
.font2{ color:#d10000;}
.font3{ color:#1655bd;}
.font4{ font-size:12px; color:#999;}
.font5{ font-size:12px; color:#666; line-height:16px;}
.font6{ color:#d10000; font-size:16px;}
.font7{ color:#15b500;}
.font8{ color:#1655bd; font-size:12px;}
.font9{ display:block; text-align:center; padding:0px 8px 10px 8px; line-height:28px; font-size:20px; color:#00368f}
.font10{color:#00368f; font-weight:bold;}
.font11{ font-size:22px; color:#d10000;}
.font12{ text-decoration:line-through;}
.font13{ color:#777; }
.box{ width:100%; max-width:640px; overflow:hidden; margin:0px auto;}
.box2{ width:100%; max-width:640px; background-color:#e7ebfc; margin:0px auto; box-shadow:0px 1px 2px #d6d9e7;}
.box3{ width:100%; max-width:640px; overflow:hidden; margin:0px auto; padding-bottom:15px; background-color:#e7ebfc;}
.pad1{ padding-bottom:40px;}
.pad2{ padding-left:35px;}
.pad3{ padding-left:20px;}
.pad4{ padding:20px 8px 50px 8px;}
.pad5{ padding-top:15px;}
.pad6{ padding:0px 10px;}
.pad7{ padding-top:8px;}
.ovh{ overflow:hidden;}
.lineh{ line-height:24px;}
.talign{ text-align:right;}
.bgcolor{ background-color:#e7ebfc;}
.lb, .lb input{ vertical-align:middle;}
#mask{position:fixed; *position:absolute; top: 0; left: 0; width:100%; height:100%; *width: expression(body.scrollWidth); *height: expression(body.scrollHeight);background: #666; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); z-index:105; display:none;;}
.lock-html{ overflow:hidden !important; width:auto; display:block;}
.lock-body{ overflow:hidden !important; display:block;}
a.btn-c{ display:block; float:right; padding:8px 20px; font-size:14px; background-color:#4f6cbf; color:#fff;}
.mod01{ width:100%; overflow:hidden; padding:10px 8px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.textbox{ width:60%; height:50px; border:0px; padding-top:4px; overflow: scroll; font-size:15px;-webkit-tap-highlight-color: rgba(0,0,0,0); }
.downlist{ font-size:14px; border-radius:0px; margin-bottom:10px; -webkit-appearance: none; outline:none; padding:5px 25px 5px 8px; border:1px solid #ccc; background:url(../images/sjo_03.gif) no-repeat; background-size:16px; background-position: right center;}
.picsize{ max-width:100%; }
.parag{ line-height:26px; font-size:16px;}
.parag2{ line-height:20px; font-size:14px; /*padding-top:20px;*/}
.parag3{ line-height:20px; font-size:14px; padding-top:10px;}
.pages{ padding:10px 0px 40px 0px; text-align:center;}
.pages a{ display:inline-block; padding:6px 20px; margin:0px 3px; background-color:#f9f9f9; border:1px solid #fff; font-size:16px; box-shadow:0px 0px 3px #bbb; text-decoration:none; }
.pages a.nonpage{ color:#ccc;}
.pages span{display:inline-block; padding:6px 10px; font-size:16px;}
.pages span{ display:inline-block; padding:6px 20px; margin:0px 3px; background-color:#f9f9f9; border:1px solid #fff; font-size:16px; box-shadow:0px 0px 3px #bbb; text-decoration:none; }
.pages .disabled{ color:#ccc; }
.bd{ border-top:1px solid #e0e0e0;}
.vsbutn {background-color: #eee;border-top: 1px solid #ddd;padding: 20px 0 30px 0px;}
.vsbutn a {display: block;padding: 13px 0px;width: 90%;margin: 0px auto;background-color: #f8f8f8;border: 1px solid #ddd;text-align: center;font-size: 1.2em;font-weight: bold;font-weight: normal;font-size: 16px;vertical-align: top;}
.icon-imac {display: inline-block;vertical-align: -3px;width: 18px;height: 17px;background-image: url(../images/sale.png);background-repeat: no-repeat;background-size: 100px;background-position: -65px -42px;}
.phone {padding: 10px 16px 18px 16px;}
.fixed_nav{position:fixed;_position:absolute;top:0px; _top:expression(eval(document.documentElement.scrollTop)); left:0px; z-index:99999;}
.hdico{ position:absolute; top:26px; left:5px; width:35px; height:35px; z-index:100;}

.pages2 a.nonpage{ color:#ccc;}
.pages2 .pagecurr{display:inline-block; position:relative;  padding:6px 20px; font-size:16px; background-color:#f9f9f9; border:1px solid #fff; box-shadow:0px 0px 3px #bbb;}
.pages2 .pagecurr i{ display:inline-block; width: 0;height:0px; padding-top:3px; border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #aaa;}
.pages2{ padding:10px 0px 40px 0px; text-align:center;}
.pages2 a{ display:inline-block; padding:6px 10px; margin:0px 6px; background-color:#f9f9f9; border:1px solid #fff; font-size:16px; box-shadow:0px 0px 3px #bbb; text-decoration:none; }
.pages2 .pagenum{ position:absolute; top:0px; left:0px; opacity:0; padding:6px 0px; height:30px; width:100%;}

em {color:#b70000;font-style:normal;}

.pagetit {
    margin: 0 45px;
    height: 44px;
    text-align: center
}

    .pagetit span {
        display: block;
        width: 100%;
        line-height: 44px;
        font-size: 18px
    }

    .pagetit.marg-hed {
        margin: 0 90px
    }

.pagewrap {
    width: 100%;
    padding: 44px 0 0 0
}

.def-pad {
    padding: 44px 0 59px 0
}

.box-body {
    height: 100%;
    padding: 44px 0 49px 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}
.box-white {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 10px
}
.bdb-dark-1px {
    position: relative
}

    .bdb-dark-1px:after, a .bdb-dark-1px:after {
        height: 1px;
        content: '';
        width: 100%;
        position: absolute;
        right: 0;
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
        z-index: 10;
        border-top: 1px solid #b0b0b0;
        bottom: -1px
    }

.bdb-tp-1px {
    position: relative
}

    .bdb-tp-1px:after, a .bdb-tp-1px:after {
        height: 1px;
        content: '';
        width: 100%;
        position: absolute;
        right: 0;
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
        z-index: 10;
        border-top: 1px solid #b0b0b0;
        top: -1px
    }
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff
}

.header-wrap {
    width: 100%;
    height: 44px;
    overflow: hidden
}