@import url("font-face.css");
@import url("swiper.css");
@import url('animated.css');
* { margin: 0; padding: 0; outline: none; word-wrap: break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    *:hover { outline: none; }
 
html { font-size: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "Microsoft YaHei", "微软雅黑", "黑体"; }
ul,
ol,
dl { list-style-type: none; list-style: none; }
header,
footer,
section,
aside,
details,
menu,
article,
section,
nav,
address,
hgroup,
figure,
figcaption,
legend { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
h1,
h2,
h3,
h4,
h5,
h6,
small { font-size: 100%; font-weight: normal; }
input,
label,
img,
th,
textarea { vertical-align: middle; }
img,
iframe { border: none; max-width: 100%; }
a { text-decoration: none; outline: none; color: #333333; }
    a:hover { text-decoration: none; _zoom: 1; outline: 0; }
    a:focus { outline: none; }
    a:focus,
    a:active,
    a:hover,
    a:focus { outline: 0; }
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: 400; }
input,
button,
textarea,
select,
optgroup,
option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input,
button { overflow: visible; vertical-align: middle; outline: 0; }
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input[type="text"],
    input[type="password"] { -webkit-appearance: none; outline: 0; }
    button,
    input[type='button'],
    input[type='reset'],
    input[type='submit'] { -webkit-appearance: button; cursor: pointer; }
code,
kbd,
pre,
samp { font-family: monaco, menlo, consolas, 'courier new', courier, monospace; }
code { font-size: 90%; color: #5683ad; background-color: rgba(232, 241, 248, 0.0980392); padding: 1px 2px; border: 1px solid #bcd8f1; border-radius: 3px; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; overflow: auto; }
:before,
:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input { line-height: normal !important; }
}

html,
body { max-width: 100%; min-height: 100%; color: #333333; font-size: 14px; }
.wrapper { clear: both; margin: 0 auto; }
    .wrapper:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.clearfix:after,
ul:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.panel-table { display: table; }
    .panel-table > * { display: table-cell; vertical-align: top !important; }
.g-left { float: left; display: inline; }
.g-right { float: right; display: inline; }
a { -webkit-transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -o-transition: all 0.22s ease-in-out; transition: all 0.22s ease-in-out; }
.wrapper { max-width: 1200px; }
.g-bg { background-color: #f8f8f8; }
.bg-white { background-color: #fff !important; }
.m-block,
.m-img { display: none; }
.g-head .tab_box .g-drugs li p,
.dr-info .info-tip .swiper-slide p { display: none !important; }
.g-search .box { position: relative; padding-right: 50px; }
    .g-search .box input { display: block; width: 100%; height: 34px; line-height: 34px; padding: 0 10px; border: 2px #03bf9d solid; background-color: #fff; }
    .g-search .box a, .g-search .box button { display: inline-block; position: absolute; z-index: 1; zoom: 1; right: 0; top: 0; width: 50px; line-height: 34px; text-align: center; color: #fff; background-color: #03bf9d; font-size: 20px; border-radius: 0 2px 2px 0; }
        .g-search .box a:hover { background-color: #01a28c; }
.g-search .tag { padding-top: 6px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .g-search .tag a { margin-right: 10px; color: #999; font-size: 12px; }
        .g-search .tag a:hover { color: #f44f4f; }
.g-search.u-sobox { padding: 50px 15%; margin-bottom: 30px; background-color: #d1fdf8; }
    .g-search.u-sobox .box { padding-right: 80px; }
        .g-search.u-sobox .box input { height: 45px; padding: 0 20px; line-height: 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 15px; border: none; background-color: #fff; }
        .g-search.u-sobox .box a { width: 70px; line-height: 45px; font-size: 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #03bf9d; background-image: -webkit-linear-gradient(90deg,#03bf9d,#08ce96); background-image: -moz-linear-gradient(90deg,#03bf9d,#08ce96); background-image: -o-linear-gradient(90deg,#03bf9d,#08ce96); background-image: linear-gradient(90deg,#03bf9d,#08ce96); }
    .g-search.u-sobox .tag { padding-top: 15px; }
        .g-search.u-sobox .tag a { margin-right: 1rem; color: #03bf9d; font-size: 14px; }
            .g-search.u-sobox .tag a:hover { color: #f44f4f; }
.g-drugs { margin: 0 0; }
    .g-drugs > li { float: left; margin: 0 0 10px; width: 25%; }
    .g-drugs li { text-align: center; }
        .g-drugs li a { display: block; padding: 20px 8% 25px; line-height: 1.2; /*&:hover { .box-shadow(0 0 8px rgba(0, 0, 0, 0.09)); }*/ }
        .g-drugs li img { width: 70%; background-position: center; background-repeat: no-repeat; background-size: contain; }
        .g-drugs li b { display: block; padding-top: 10px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; margin-bottom: 0.5rem; }
            .g-drugs li b:hover { color: #f44f4f; text-decoration: underline; }
            .g-drugs li b:active { color: #03bf9d; }
        .g-drugs li p { color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; }
        .g-drugs li .g-price { padding-top: 8px; text-align: center; }
            .g-drugs li .g-price span { padding: 0 0.2em; }
            .g-drugs li .g-price .price { font-size: 18px; color: #f00; }
            .g-drugs li .g-price .init { color: #999; text-decoration: line-through; }
.lay-code-modal { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
    .lay-code-modal .lay-codebox { text-align: center; padding: 20px 0; }
        .lay-code-modal .lay-codebox h1 { font-size: 1.26rem; color: #333; font-weight: 400; padding: 1rem 0; }
        .lay-code-modal .lay-codebox img { width: 180px; margin: 0 auto; }
        .lay-code-modal .lay-codebox p { padding-top: 10px; line-height: 20px; font-size: 13px; color: #999; }
.nolist { display: block; width: 100%; min-height: 80px; position: relative; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
    .nolist span { display: inline-block !important; position: absolute; z-index: 1; zoom: 1; width: 100%; text-align: center; line-height: 20px; color: #ccc; left: 0; top: 50%; margin-top: -40px; font-size: 12px; }
        .nolist span i { display: inline-block; line-height: 60px; font-size: 60px; color: #ddd; margin-bottom: 10px; }
.g-html { line-height: 2; font-size: 16px; color: #4d4d4d; overflow: hidden; }
    .g-html > * { max-width: 100%; }
    .g-html img { max-width: 100%; background: url(images/loading_min.png) center #f9f9f9 no-repeat !important; }
    .g-html a { color: #333333; }
        .g-html a:hover { color: #f44f4f; }

@media screen and (max-width: 640px) {
    body { padding: 3.5rem 0 4rem; background-color: #f6f6f6; }
    .m-block,
    .m-img { display: block; }
    .u-sobox,
    .g-footer,
    .g-bread { display: none; }
    .g-drugs { margin: 0 -1%; }
        .g-drugs > li { float: left; margin: 0 1% 0.5rem; width: 48%; }
        .g-drugs li { text-align: center; }
            .g-drugs li a { display: block; padding: 20px 8% 25px; line-height: 1.2; background-color: #fff; }
            .g-drugs li b { padding-top: 1rem; font-size: 1rem; }
            .g-drugs li p { font-size: 0.85rem; color: #777; }
            .g-drugs li .g-price { padding-top: 0.5rem; font-size: 0.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
                .g-drugs li .g-price .price { font-size: 1.1rem; }
                .g-drugs li .g-price .init { color: #bbb; }
    .g-html { font-size: 1rem; }
}
/* 隐藏价格 */
.g-price { display: none !important; }
.dr-info .info-tip .swiper-slide p { display: block !important; }

@media screen and (max-width: 640px) {
    .g-price,
    .summary { display: none !important; }
}