@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    margin: 0;
    padding: 0;
}

html {
    font-size: 14px;
}

body {
    font-size: 100%;
    color: #444;
    line-height: 1.5;
    font-family: "HanHei SC", "PingFang SC", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;
    background-color: #f5f5f5;
    -webkit-text-size-adjust: 100%;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

em, cite {
    font-weight: normal;
    font-style: normal;
}

img.full {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: none;
}

img.mc {
    margin: 0 auto;
    display: block;
}


h1, h2, h3, h4, h5, h6, dl, dt, dd, form, img, p {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
}

div {
    margin: 0;
    padding: 0;
}

div.mc {
    margin: 0 auto;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: inherit;
}


h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}


/*
 * html5
 * */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}


.clearfix:after,
.clearfix:before {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both
}

.notScroll {
    overflow: hidden;
}

/*
 * placeholder
 * */
::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999 !important;
}


/*
 * Links
 * */
a {
    color: #444;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    outline: 0;
    color: #dc3545;
}


.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.price {
    font-size: 16px;
    color: #FC7500;
}

/*
 * space
 * */
.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fc {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

.fn {
    float: none !important;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tb {
    font-weight: bold;
}

.tu {
    text-decoration: line-through;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.m0 {
    margin: 0 !important;
}

.p10 {
    padding: 10px;
}

.hide {
    display: none !important;
}

.hide2 {
    display: none;
}

.show {
    display: block !important;
}

.show2 {
    display: inline-block !important;
}


.br05 {
    height: 5px;
    font-size: 0;
    line-height: 0;
}

.br10 {
    height: 10px;
    font-size: 0;
    line-height: 0;
}

.br15 {
    height: 15px;
    font-size: 0;
    line-height: 0;
}

.br20 {
    height: 20px;
    font-size: 0;
    line-height: 0;
}

.br25 {
    height: 25px;
    font-size: 0;
    line-height: 0;
}

.br30 {
    height: 30px;
}

.br40 {
    height: 40px;
}

.br50 {
    height: 50px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px !important;
}

.h50 {
    height: 50px !important;
}

.h60 {
    height: 60px !important;
}

.h70 {
    height: 70px !important;
}

.h80 {
    height: 80px !important;
}

.h100 {
    height: 100px !important;
}

.hp100 {
    height: 100% !important;
}

.h200 {
    height: 200px !important;
}

.nh80 {
    min-height: 80px !important;
}

.nh100 {
    min-height: 100px !important;
}

.nh150 {
    min-height: 150px !important;
}

.nh200 {
    min-height: 200px !important;
}


.w40 {
    width: 40px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w95 {
    width: 95px !important;
}

.w100 {
    width: 100px !important;
}

.w120 {
    width: 120px !important;
}

.w130 {
    width: 130px !important;
}

.w140 {
    width: 140px !important;
}

.w150 {
    width: 150px !important;
}

.w180 {
    width: 180px !important;
}

.w190 {
    width: 190px !important;
}

.w200 {
    width: 200px !important;
}

.w300 {
    width: 300px !important;
}

.w350 {
    width: 350px !important;
}

.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.w600 {
    width: 600px !important;
}

.w700 {
    width: 700px !important;
}

.w800 {
    width: 800px !important;
}

.w1000 {
    width: 1000px !important;
}

.wp15 {
    width: 15% !important;
}

.wp20 {
    width: 20% !important;
}

.wp25 {
    width: 25% !important;
}

.wp30 {
    width: 30% !important;
}

.wp33 {
    width: 33% !important;
}

.wp34 {
    width: 34% !important;
}

.wp40 {
    width: 40% !important;
}

.wp48 {
    width: 48% !important;
}

.wp50 {
    width: 50% !important;
}

.wp52 {
    width: 52% !important;
}

.wp55 {
    width: 55% !important;
}

.wp60 {
    width: 60% !important;
}

.wp65 {
    width: 65% !important;
}

.wp67 {
    width: 67% !important;
}

.wp70 {
    width: 70% !important;
}

.wp75 {
    width: 75% !important;
}

.wp80 {
    width: 80% !important;
}

.wp90 {
    width: 90% !important;
}

.wp100 {
    width: 100% !important;
}

.mw80 {
    max-width: 80px !important;
}

.mw100 {
    max-width: 100px !important;
}

.mw120 {
    max-width: 120px !important;
}

.mw150 {
    max-width: 150px !important;
}

.mw180 {
    max-width: 180px !important;
}

.mw300 {
    max-width: 300px !important;
}

.mw800 {
    max-width: 800px !important;
}

.mw1000 {
    max-width: 1000px !important;
}

.mw1200 {
    max-width: 1200px !important;
}

.mw1500 {
    max-width: 1500px !important;
}

.nw500 {
    min-width: 500px !important;
}

.nw700 {
    min-width: 700px !important;
}

.nw800 {
    min-width: 800px !important;
}

.nw1000 {
    min-width: 1000px !important;
}

.nw1200 {
    min-width: 1200px !important;
}

.nw1400 {
    min-width: 1400px !important;
}

.nw1500 {
    min-width: 1500px !important;
}

.nw1600 {
    min-width: 1600px !important;
}


/*
 * input 
 * */
input, textarea, select {
    font-size: 14px;
    color: #555;
    padding: 2px;
    margin: 0;
}

.select {
    padding: 3px 15px 3px 3px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin: 0;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    min-width: 60px;
    background: url('/res/site/img/arrow_drop_down.png') no-repeat scroll right center transparent;
}


.input {
    -webkit-appearance: none;
}

.input:focus {
    border: 1px solid #35a5e5;
}

.input_disabled {
    background-color: #eee;
}


.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}


.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}


.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}


.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}


.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}


.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}


.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}


.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}


.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}


.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}


.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}


.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}


.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

/**
cmd_flex
 */
.cmd_flex {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cmd_flex i {
    margin-right: 2px;
}

.d_flex {
    display: flex;
    align-items: center;
}

/*
pics_list
*/
.pic_full {
    width: 100%;
}

.pic_full img {
    display: block;
    max-width: 100%;
    height: auto;
}

.pics_list {
    width: 100%;
}

.pics_list .items {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.pics_list .items .item {
    width: 25%;
    padding: 20px;
    position: relative;
}

.pics_list .items .item {
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}

.pics_list .items .item .pic {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pics_list .item img {
    max-width: 100%;
}

.pics_list .item .dl {
    margin: 10px;
}

.pics_list .items3 .item {
    width: 33.333%;
}

.pics_list .items5 .item {
    width: 20%;
}

@media (max-width: 992px) {
    .pics_list .items {
        display: flex;
        flex-wrap: wrap;
    }

    .pics_list .items .item {
        width: 50%;
        padding: 10px;
    }

    .pics_list .items3 .item {
        width: 33.333%;
        padding: 0;
    }

    .pics_list .items5 .item {
        width: 25%;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .pics_list .items .item {
        width: 100%;
        padding: 0;
    }

    .pics_list .items5 .item {
        width: 50%;
        padding: 0;
    }

    .pics_list .items_wap2 .item {
        width: 50%;
        padding: 0;
    }
}

/**
wrapper
 */
.wrapper {
    margin: 0 auto;
    max-width: 1380px;
}


@media (max-width: 992px) {
    .wrapper {
        margin: 0 15px;
    }
}

.wrapper2 {
    margin: 0 auto;
    max-width: 1380px;
}

.wrapper3 {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 400px;
}


.wap-only-show {
    display: none !important;
}

@media (max-width: 992px) {
    .wap-only-show {
        display: block !important;
    }
}

.cp {
    cursor: pointer;
}

.df {
    display: flex;
    flex-wrap: wrap;
}


/*
share_icons
*/
.share_icons {
    display: flex;
    text-align: center;
    justify-content: center;
}

.share_icons a {
    display: inline-block;
    margin: 5px;
    font-size: 22px;
}