/* 未能缩小。正在返回未缩小的内容。
(889,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(889,222): run-time error CSS1039: Token not allowed after unary operator: '-time'
 */
/*!
 * ui-dialog.css
 * Date: 2014-07-03
 * https://github.com/aui/artDialog
 * (c) 2009-2014 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
 */
.ui-dialog {
    *zoom:1;
    _float: left;
    position: relative;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 6px;
    outline: 0;
    background-clip: padding-box;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}
.ui-popup-show .ui-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ui-popup-focus .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ui-popup-modal .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
}
.ui-dialog-grid {
    width: auto;
    margin: 0;
    border: 0 none;
    border-collapse:collapse;
    border-spacing: 0;
    background: transparent;
}
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent;
}
.ui-dialog-header {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
}
.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 13px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}
.ui-dialog-close:hover,
.ui-dialog-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 15px;
    overflow:hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: default;
}
.ui-dialog-body {
    padding: 20px;
    text-align: center;
}
.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: left;
}
.ui-dialog-footer {
    padding: 0 20px 20px 20px;
}
.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    padding: 6px 0;
    line-height: 1.428571429;
    font-size: 14px;
    color: #888;
    white-space: nowrap;
}
.ui-dialog-statusbar label:hover {
    color: #333;
}
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
    vertical-align: middle;
}
.ui-dialog-button {
    float: right;
    white-space: nowrap;
}
.ui-dialog-footer button+button {
    margin-bottom: 0;
    margin-left: 5px;
}
.ui-dialog-footer button {
    width:auto;
    overflow:visible;
    display: inline-block;
    padding: 6px 12px;
    _margin-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.ui-dialog-footer button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #333333;
  text-decoration: none;
}

.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-dialog-footer button {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.ui-dialog-footer button:active{
  background-image: none;
}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-dialog-footer button.ui-dialog-autofocus {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none;
}
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
    top: -8px;
}
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
    top: 8px;
}
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
    left: -8px;
}
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
    left: 8px;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow:hidden;
    _color:#FF3FFF;
    _filter:chroma(color=#FF3FFF);
    border:8px dashed transparent;
}
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b{
    display: block;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
    bottom: -16px;
    border-top:8px solid #7C7C7C;
}
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
    bottom: -15px;
    border-top:8px solid #fff;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b  {
    left: 15px;
}
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b  {
    left: 50%;
    margin-left: -8px;
}
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
    top: -16px;
    border-bottom:8px solid #7C7C7C;
}
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    top: -15px;
    border-bottom:8px solid #fff;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px;
}
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%;
}
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
    right: -16px;
    border-left:8px solid #7C7C7C;
}
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    right: -15px;
    border-left:8px solid #fff;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
    left: -16px;
    border-right:8px solid #7C7C7C;
}
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    left: -15px;
    border-right:8px solid #fff;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}


@-webkit-keyframes ui-dialog-loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes ui-dialog-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0 auto;
    font-size: 0;
    text-indent: -999em;
    color: #666;
}
.ui-dialog-loading {
    width: 100%\9;
    text-indent: 0\9;
    line-height: 32px\9;
    text-align: center\9;
    font-size: 12px\9;
}

.ui-dialog-loading::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
    -webkit-transform: rotate(360deg);
    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
    transform: rotate(360deg);
    animation: ui-dialog-loading 1.5s infinite linear;
    display: none\9;
}

html { position: relative; width: 100%; min-height: 100%; }
body { font-family: sans-serif,'Microsoft YaHei', 宋体, "Segoe UI", Verdana, Helvetica, Sans-Serif; color: #232323; line-height: 22px; background-color: #f5f5f5; overflow-x: hidden; }
/*body ::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5}
body ::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#F5F5F5}
body ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.6);background-color:#555}*/
ul, dl, ol { list-style: none; margin: 0; }
* { margin: 0; padding: 0; outline: none; }
a:hover, a:active { text-decoration: none; }
del { color: #777; }
[v-cloak]{display:none;}
.bg-body{background:#f5f5f5;}
.nomargin{margin:0;}
.with-mask{overflow:hidden;}
section { /*position: absolute; z-index: 100; left: 100%; top: 0; bottom: 0;*/width: 100%;word-wrap:break-word;word-break:break-all; display: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
section.active { left: 0; z-index: 102; display: block; }
section section { position: static; display: block; background: none; }
section header { position: fixed; left: 0; top: 0; z-index: 105; display: block; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,.1); text-align: center; /*color:#fff;
    background-color:#fc6520;*/ color: #000; background-color: #f7f7f7; }
section header .btn-back { position: absolute; top: 0px; bottom: 0px; left: 0px; }
section header .btn-back .btn { padding: 0 10px; line-height: 46px; border-radius: 0; }
section header .title { display: inline-block; margin: 0; /*font-weight: bold;*/ line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
section header .load { position: absolute; top: 15px; left: 60px; display: block; width: 16px; height: 16px; background: url(images/load.gif) no-repeat; display: none; }
section header .right, section header .btn-right { position: absolute; right: 5px; top: 12px; z-index: 1001; }
section header .btn-right { top: 7px; }
section header .logo { display: inline-block; height: 48px; color: #05754c; line-height: 48px; overflow: hidden; }
section header .logo img { height: 40px; margin-left: 0; }
section header .member { position: absolute; top: 4px; right: 4px; }
section header .member img { width: 40px; height: 40px; border-radius: 20px; background-color: #fff; }
section header .member .note { position: absolute; bottom: -4px; right: 0; padding: 0 4px; background-color: #f66; border-radius: 4px; color: #fff; font-size: 10px; }
section .menu { position: fixed; left: 0; right: 0; top: 49px; z-index: 102; display: block; }
section .menu.menu-bottom { position: static; }
section .menu ul { display: flex; width: 100%; margin: 0; }
section .menu li { flex:1; padding: 0; }
section .menu a { display: block; padding: 8px 0; text-align: center; font-size: 12px; line-height: 1.2; color: rgb(77,82,93); white-space: nowrap; overflow: hidden; /*-webkit-transition:-webkit-transform .2s;
    transition:transform .2s;*/ }
section .menu a:active { /*-webkit-transform:scale(0.8);
    transform: scale(0.8);*/ opacity: .8; }
section .menu a.active { color: #fc6520; /*color:#F7E37C;*/ /*background-color: #f22;*/ }
section .menu img{max-width:22px;max-height:22px;}
section .menu .glyphicon {font-size:20px; }
section article { display: block; /*margin:4px;*/ padding-bottom: 60px; }
section article:last-child { padding-bottom: 10px; }
section article img { display: inline-block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
section header ~ article { margin-top: 50px; }
section .menu ~ article { margin-top: 90px; }
section article .crumb { display: block; margin: 10px 0; color: #666; font-weight: bold; }
section footer { position: fixed; left: 0; right: 0; bottom: 0; display: block; border-top: 1px solid rgba(0,0,0,.1); text-align: center; color: #333; /*background-color:#f5e6c8;*/ background-color: #f7f7f7; z-index: 1000; }
section footer footer { position: relative; }
footer [class^=col-] { padding: 0; }
section iframe { z-index: 1; }
section.anim:after { content: ""; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; }
section.animating { position: fixed; z-index: 103; display: block; box-shadow: rgba(180,0,0,.2) -2px 0 2px; }
section.animating header, section.animating footer { position: absolute; }
section.animating article { /*display:none;*/ visibility: hidden; }
section.toggle { position: fixed; z-index: 103; }
.copyright { display: block; margin: 30px 0 20px; /*border-top: 1px solid #ddd;*/ font-size: 12px; text-align: center; color: #777; }
.copyright a { color: #777; }
.tab-head { width:100%;padding: 0 10px; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1); }
.tab-head.fixed { position: fixed; left: 0; top: 0px; z-index: 900; }
section header ~ article .tab-head{top:50px;}
.tab-head ul{white-space:nowrap;overflow-x:auto;overflow-y:hidden;}
.tab-head li {display:inline-block; padding: 0; }
.tab-head li a { display: block; height: 48px; padding: 0 5px; line-height: 48px; font-size: 15px; color: #666666; text-align: center; }
.tab-head li.active a { border-bottom: 1px solid #fc6520; color: #fc6520; }
.tab-head ~ .list { padding-top:60px;}
.aside-bar-left { position: fixed; top:50px;bottom: 0; width: 21.4%;max-width:164.352px;padding-bottom:53px; text-align:center;overflow:auto;}
section article:last-child .aside-bar-left{bottom:0;}
.aside-content{float:right;width:78.6%;padding-left:0px;}
.cat{border:none;}
.sub-cats { position: fixed; z-index: 200; top: 50px;bottom:40px; width: 78.6%; max-width: 604px;max-height:100%; background: #fff; height: 44px;white-space:nowrap; margin-bottom: 10px; padding: 5px 50px 5px 5px; overflow-x: auto;overflow-y:hidden; }
.sub-cats.open { height: auto; white-space: normal; overflow-y: auto; background: rgba(255,255,255,.9); }
.sub-cats:empty { display: none; margin-bottom: 0; }
.sub-cats .cat { display: inline-block; margin: 0px 5px 5px 0px; padding: 5px; border: 1px solid #ddd; border-radius: 6px;background:#fff; }
.aside-bar-left .cat-master.active { background: #e7e8eb;color:#fc6520;border-color:#ddd; border-left:2px solid #fc6520;}
.sub-cats .cat.active{border-color:#fc6520;color:#fc6520;}
.sub-cats .btn-more{position:fixed;top:55px;right:0;padding:0 4px;background:#fff;color:#555;line-height:40px;z-index:200;}
.sub-cats~div{margin-top:44px;}
.sub-cats:empty ~ div{margin-top:0;}
@media(min-width:768px) {
    section article { width: 768px; margin-left: auto; margin-right: auto; }
    section header, section footer,.tab-head.fixed,.ad { width: 768px; left: 50%; margin-left: -384px; }
}
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
textarea { min-height: 75px; }
.left { float: left; }
.right { float: right; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-important { color: #f00; }
.text-orange { color: #fc6520; }
.text-price { color: #fc6520; }
.text-price-big{font-size:16px;}
.offset { margin: 10px; }
.offset-left { margin-left: 10px; }
.offset-right { margin-right: 10px; }
.offset-top { margin-top: 10px; }
.offset-bottom { margin-bottom: 10px; }
a.btn-primary:visited,
a.btn-info:visited,
a.btn-success:visited,
a.btn-danger:visited { color: #fff; }
/*a.btn-default:visited{color:#fff;}*/
img { border: 0; }
img,video{max-width:100%;}
/*img[data-src] { min-width: 80px; min-height: 80px; }*/
.tag { display: inline-block; margin: 0 8px 10px 0; padding: 2px 5px; border-radius: 4px; border: 1px solid #ddd; color: #666; }
.desc p { margin-bottom: 2px; }
.unshow { display: none; }
fieldset.well { background-color: #fff; font-size: 12px; color: #999; position: relative; margin-top: 35px; border: 2px #eaeaea solid; padding: 10px; }
.well legend { position: absolute; top: -25px; left: -10px; border: 0; font-size: 12px; margin-bottom: 0; padding-left: 10px; padding-right: 10px; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 20px; color: #cfcfcf; }
.collapsed { max-height: 60px; overflow: hidden; }
.nodata { position: absolute; top: 50%; left: 50%; display: block; margin-left: -80px; text-align: center; }
.full { border-radius: 0; border: none; }
.bg-white { background: #fff; }
.flex{display:flex;align-items:center;}
.flex-1{flex:1;}
.with-loading{position:relative;min-height:200px;}
.with-loading:before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;background:rgba(0,0,0,.5);}
.with-loading:after{position:absolute;top:50%;left:50%;z-index:101; width:50px;height:50px;margin-left:-25px;margin-top:-25px;background:url(/Content/images/loading4.gif);}
/*booklist*/
.booklist li { position: relative; width: 33%; height: 160px; float: left; margin: 5px 0 15px 0; overflow: hidden; }
.booklist li .item { position: relative; margin: 0 5px; text-align: center; white-space: nowrap; text-overflow: ellipsis; line-height: 20px; overflow: hidden; }
.booklist li img { height: 140px; }
/*list*/
.list-item, a.list-item { position: relative; color: #333; cursor:pointer;}
.list-item dl { margin-bottom: 0; }
.list-item dt.pic {width: 110px; height: 110px; float: left; border: 1px solid #ddd; text-align: center; line-height: 108px; overflow: hidden; }
.list-item dt.pic img { width: 100%; height: 100%; object-fit: contain; }
.list-item dt.pic ~ dd { padding-left: 120px; }
.list-item dt.num { float: left; }
.list-item dt.num ~ dd { padding-left: 35px; }
.list-item dd { margin-bottom: 8px; }
.list-item dd:last-child { margin-bottom: 0; }
.list-item dd:empty { display: none; }
.list-item .book-sharestatus { font-weight: normal; }
.list-item .book-sharestatus:empty { display: none; }
.list-item .title { white-space: normal; }
.booklist .mask, .list-item .mask { position: absolute; left: 0; bottom: 20px; display: block; width: 100%; height: 30px; background-color: rgba(0,0,0,.6); color: #fff; line-height: 30px; text-align: center; }
.list-item .mask { bottom: 0; width: 100%; height: 100%; }
.list-item .checkbox { position: absolute; left: 6px; bottom: 6px; display: block; width: 30px; height: 30px; margin: 0; background: url(images/check.png) no-repeat; }
.list-item .checkbox.checked { background-position: left bottom; }
.mask .choosed { position: absolute; bottom: 5px; right: 5px; display: block; width: 16px; height: 16px; background: url(images/tick.png) no-repeat; }
.list-item .mask .choosed { left: 50%; top: 50%; bottom: auto; margin-top: -8px; margin-left: -8px; }
.bookitem { margin-bottom: 10px; }
.bookitem dd, .bookitem li { line-height: 22px; }
.bookitem dt { /*float:left;*/ display: block; /*width:110px;*/ text-align: center; overflow: hidden; }
.bookitem dt img { max-width: 100%; }
.bookitem .title{font-size:16px;}
/*.bookitem dt~dd{margin-left:120px;}*/
.book-inner-item a { display: block; width: 120px; height: 170px; padding: 5px; margin-right: 10px; float: left; border: 1px solid #bbb; color: #333; overflow: hidden; }
.book-inner-item .pic { height: 80px; text-align: center; overflow: hidden; }
.book-inner-item .pic img { max-width: 100%; max-height: 80px; }
.book-inner-item p { height: 22px; margin-bottom: 4px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.book-inner-item .price { color: #f00; }
#bookNoteSummary:empty, #bookNotes:empty, #doubanComment:empty, .bookitem dd:empty, #shareStatus:empty, #itemProps:empty { display: none; }
#bookSection dl { margin-bottom: 0; }
#bookSection dl.intro > dt { margin-top: 10px; margin-bottom: 5px; padding-left: 6px; border-left: 2px solid #fc6520; color: #000; line-height: 1; }
#bookSection dl.intro > dt:first-child { margin-top: 0; }
#bookSection dl.intro dd{margin:10px auto;}
#bookSection .intro-head{text-align:center;}
#itemProps p { float: left; width: 50%; margin-bottom: 0; font-size: 10px; }
#bookSection footer .fix-item {position:relative; padding:6px 10px; font-size:12px;line-height: 1.2; color:rgb(77,82,93); }
#bookSection footer .fix-item i { font-size: 20px; color: #7a7a7a; }
#bookSection footer .cart-num{position:absolute;right:10px;top:0;width:12px;height:12px;padding:0px;font-weight:normal;}
#bookSection footer .cart-num:empty{display:none;}
#bookSection .tool-cart { display: none; }
#bookSection .btn{height:40px;margin:5px 0;line-height:14px;}
#bookSection #btnBuy { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
#bookSection #btnCart { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
#bookSection #btnBooking{line-height:30px;}
#bookSection #btnBooking, #bookSection #btnNonStock { border-radius: 20px; }
#bookSection .btn-share{padding:4px;color:#666;line-height:12px;border:none;background:#fff;}
.item-imgs li { float: left; /*max-width: 500px;*/ width: 100%; display: none; }
.item-imgs img { width:100%; }
/*bootstrap*/
.list-group.full .list-group-item { border-left: none; border-right: none; }
.list-group.full .list-group-item:first-child { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.list-group.full .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; }
.list-group-item { padding: 10px 8px; }
.list-group-item hr { margin: 10px 25px 10px 0; }
.list-group-item > .right { margin-right: 20px; }
.list-group-item > .right:last-child,
.list-group-item > .right:first-child { margin-right: 0; }
.list-group-item .list-group-item-heading { font-size: 16px; color: #000; word-break: break-all; }
.list-group-item .arrow { position: absolute; top: 50%; right: 10px; margin-top: -7px; color: #999; }
.list-group .row { position: relative; margin-left: 0; margin-right: 0; border-bottom: 1px solid #ddd; background-color: #fff; overflow: hidden; }
.list-group .row .list-group-item { border-width: 0; }
.list-group .row .line { position: absolute; top: 0; left: 50%; bottom: 0; z-index: 100; display: block; width: 1px; margin-left: -1px; border-left: 1px solid #ddd; overflow: hidden; }
a.badge { color: #fff; }
a.badge:visited { color: #fff; }
.badge.bg-primary { background-color: #337ab7; }
.badge.bg-info { background-color: #5bc0de!important; }
.badge.bg-success { background-color: #5cb85c!important; }
.badge.bg-danger { background-color: #d9534f!important; }
.badge.bg-warning { background-color: #f0ad4e!important; }
.badge.bg-disable { background-color: #ccc!important; }
.panel, .list-group { margin-bottom: 10px; }
.panel-heading, .panel-footer { padding: 8px; }
.panel-heading { position: relative; /*text-shadow: 0 1px 1px rgba(0,0,0,.2);*/ }
.panel-heading b { padding-left: 10px; border-left: 2px solid #fc6520; margin-left: -8px; }
.panel-body { padding: 10px 8px; }
.panel.full { border-radius: 0;box-shadow:none;border:none; }
.goods-box{min-height:200px;}
.goods-box .panel { background: none; }
.panel.full .panel-heading { border-radius: 0; }
.panel-red { border-color: #FF697A; }
.panel-red .panel-heading { background-color: #FF697A; color: #fff; }
.panel-yellow { border-color: #FC9720; }
.panel-yellow .panel-heading { background-color: #FC9720; color: #fff; }
.panel-green { border-color: #5EBE00; }
.panel-green .panel-heading { background-color: #5EBE00; color: #fff; }
.panel-blue { border-color: #3D98FF; }
.panel-blue .panel-heading { background-color: #3D98FF; color: #fff; }
.panel-purple { border-color: #a400ab; }
.panel-purple .panel-heading { background-color: #a400ab; color: #fff; }
.panel-coffe { border-color: #b8704a; }
.panel-coffe .panel-heading { background-color: #b8704a; color: #fff; }
.btn-block { /*width:90%;*/ margin: 10px auto; }
.btn-yellow, a.btn-yellow { border-color: #fc6520; background-color: #fc6520; color: #fff; }
.btn-yellow:hover, a.btn-yellow:hover { border-color: #FD5406; background-color: #FD5406; color: #fff; }
.btn-normal, a.btn-normal { border-color: #ddd; background-color: #fff; color: #333; }
/*end bootstrap*/
/*dropdown-menu*/
.dropdown { position: relative; }
.dropdown-menu { position: absolute; left: 2px; right: 2px; padding: 4px; }
header .dropdown-menu { position: fixed; top: 50px; }
.dropdown-menu li { display: table; float: left; width: 25%; border: 1px solid #ddd; border-width: 0 1px 1px 0; background-color: #eee; }
@media(max-width:768px) {
    .dropdown-menu li { width: 33.333%; }
}
.dropdown-menu li a { display: table-cell; height: 50px; padding: 0; text-align: center; vertical-align: middle; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; }
.nav { margin-bottom: 10px; }
.nav.small li > a { padding: 4px; }
/*end dropdown-menu*/
/*aside*/
.aside-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1025; background-color: rgba(0,0,0,.6); }
.aside { position: fixed; z-index: 1026;max-height:100%; display: block; background-color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: 0; overflow:auto;}
.aside-bottom { left: 0; bottom: -200%; right: 0; /*border-top: 3px solid #e16a06;*/border-top-left-radius:15px;border-top-right-radius:15px; }
.aside-right { top: 0; right: -100%; bottom: 0; width: 80%; border-left: 3px solid #e16a06; overflow-x: hidden; overflow-y: auto; }
.aside-header { /*position:fixed;z-index:200;width:100%;*/padding: 5px; border-bottom: 1px solid #ddd;background:#f1f1f1; }
/*.aside-right .aside-header{width:80%;}*/
.aside-header .title { font-size: 18px; font-weight: bold; text-align: center; }
.aside-header .btn-ok { float: left; }
.aside-header .btn-cancel { position:absolute;top:4px;right:4px;z-index:100;width:20px;height:20px;padding:0;border-radius:50%; }
.aside-header dd{padding-right:30px;}
.aside-body { padding: 15px 5px;/*margin-top:40px;*/ }

/*aside end*/
/*cell*/
.cell { position: relative; display: block; width: 100px; height: 100px; border: 1px solid #999; float: left; background-color: #efefef; text-align: center; color: #666; }
.cell img { border: 0; width: 100%; height: 100%; }
.cell .delete { position: absolute; left: 0; top: 0; right: 0; color: #f00; text-align: center; background-color: rgba(0,0,0,.6); }
.cell .error { position: absolute; left: 0; right: 0; bottom: 0; color: #f00; text-align: center; background-color: rgba(0,0,0,.6); }
/*cell end*/
/*note*/
.note-item dt { display: block; width: 40px; float: left; border-radius: 4px; text-align: center; }
.note-item dt img { width: 40px; height: 40px; border-radius: 20px; }
.note-item dd { padding-left: 50px; }
.note-item .imgs img { max-width: 30%; margin-right: 2px; margin-bottom: 5px; }
.note-item .imgs img:only-child { max-width: 100%; margin-right: 0; }
.btn-detail:empty, .bookTags:empty { display: none; }
/*note end*/
/*WaterFall*/
.waterfall { text-align: justify; }
.column { display: inline-block; vertical-align: top; }
/*waterfall end*/
/*selector*/
.datepicker, .citypicker, .timepicker { display: -webkit-box; }
.datepicker select,
.citypicker select,
.timepicker select { width: auto; padding: 0 5px; display: -webkit-box; -webkit-box-flex: 1; }
/*selector end*/
/*qqface*/
span.emotion { width: 42px; height: 20px; background: url(/content/images/face.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer; }
span.emotion:hover { background-position: 2px -28px; }
.qqFace { position: fixed; bottom: 0; left: 0; right: 0; margin: 1px; padding: 2px; border: 1px #dfe6f6 solid; background: #fff; }
.qqFace ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.qqFace li { float: left; padding: 0; }
.qqFace li img { cursor: pointer; border: 1px #fff solid; }
.qqFace li img:hover { border: 1px #0066cc solid; }
/*qqface end*/
/*map*/
.map { position: absolute; top: 50px; bottom: 0; left: 0; width: 100%; z-index: 9; }
/*MemberMessage*/
#MemberMessageList li { margin-bottom: 10px; }
#MemberMessageList li .pic { position: relative; display: block; float: left; }
#MemberMessageList li.me .pic { float: right; }
#MemberMessageList li .pic img { width: 40px; height: 40px; border-radius: 20px; }
#MemberMessageList li .pic .caret { position: absolute; top: 4px; right: -12px; display: block; width: 0; height: 0; border: 10px solid #000; border-color: transparent #efefef transparent transparent; }
#MemberMessageList li.me .pic .caret { top: 4px; left: -12px; border-color: transparent transparent transparent #d6e9c6; }
#MemberMessageList li .content { float: left; margin-left: 10px; max-width: 80%; padding: 5px; border-radius: 5px; background: #efefef; word-wrap: break-word; word-break: break-all; }
#MemberMessageList li.me .content { float: right; margin-right: 10px; background: #d6e9c6; }
#MemberMessageList li .content p { margin-bottom: 5px; }
/*membersection*/
.member-head { margin: -10px -4px 10px; padding: 10px; border-bottom: 2px solid #ddd; text-align: center; }
.member-logo { width: 100px; height: 100px; border-radius: 50px; }
.who-cell { display: inline-block; width: 20%; text-align: center; }
.who-cell img { width: 40px; height: 40px; border-radius: 20px; }
.who-cell span { display: inline-block; max-width: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*category*/
.category-container li { display: block; width: 20%; float: left; margin: 2px 0; }
.category-container a { display: inline-block; margin: 5px; padding: 0 5px; border-radius: 4px; text-align: center; vertical-align: middle; font-size: 11px; font-weight: bold; line-height: 35px; color: #333; background-color: #fff; border: 1px solid #ccc; /*text-shadow: 0 1px 1px rgba(0,0,0,.2);*/ word-wrap: break-word; word-break: break-all; overflow: hidden; }
/*.category-container a:nth-child(5n+0) {margin-right: 0;}*/
.category-container a.more { color: #fff; background-color: #FF697A; }
.categories .category-level-1 b { /*padding-left: 6px;*/ }
.categories .category-level-2 { margin: 0; padding: 0; border-bottom: none; }
.categories .category-level-2 a { margin-bottom: -1px; padding: 5px; border: 1px solid #ddd; border-width: 0 1px 1px 0; color: #666; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*category end*/
.article-content { word-break: break-all; word-wrap: break-word; overflow-x: hidden; }
.article-content img { display: block; max-width: 100%; margin: 0 auto; word-wrap: break-word; word-break: break-all; }
.article-content a { text-decoration: underline; }
/*tag-cloud*/
.tag-cloud { display: inline-block; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #ddd; }
.tag-cloud.h1 { font-size: 20px; }
.tag-cloud.h2 { font-size: 18px; }
.tag-cloud.h3 { font-size: 16px; }
.tag-cloud.h4 { font-size: 14px; }
.tag-cloud.h5 { font-size: 12px; }
/*news*/
.news-cover h4, .news-item h4 { margin-top: 0; font-weight: 400; font-size: 16px; color: #000; }
.news-cover .pic { margin-bottom: 10px; max-height: 120px; overflow: hidden; }
.news-cover .pic img { width: 100%; }
.news-item .pic { width: 78px; height: 78px; float: right; line-height: 78px; text-align: center; }
.news-item .pic img { max-width: 78px; max-height: 78px; }
.news-item dt ~ dd { padding-right: 88px; }
.news-cover.muti .pic { position: relative; margin-bottom: 0; }
.news-cover.muti h4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px; margin: 0; background: rgba(0,0,0,0.6); color: #fff; }
.article-item { padding: 15px; }
.article-item dt.pic { width: 78px; height: 78px; float: right;text-align: center; overflow: hidden; }
.article-item dt.pic img { display: inline-block; width: 100%; height: 100%;object-fit:contain; }
.article-item dt ~ dd { padding-right: 88px; }
.article-item dd { margin-bottom: 15px; }
.article-item dd:last-child { margin-bottom: 0; }
.article-item dd:empty { display: none; }
.btn-praise { font-size: 16px; cursor: pointer; }
/*spinner*/
.l-spinner { display: inline-block; height: 100%; vertical-align: middle; }
.l-spinner input { width: 40px; height: 100%; min-height: 34px; padding: 0 4px; border: 1px solid #ddd; border-width: 1px 0; float: left; }
.l-spinner .up, .l-spinner .down { display: inline-block; float: left; height: 100%; }
.l-spinner .btn { width: 30px; height: 100%; min-height: 34px; padding: 0; border-radius: 0; }
.l-spinner .btn[disabled] { color: #d3d3d3; }
/*l-toolbar*/
.l-toolbar { position: fixed; right: 0px; bottom: 50px; z-index: 200; display: block; width: 34px; text-align: center; color: #fff; }
.l-toolbar .icon { width: 80%; }
.l-toolbar .glyphicon { font-size: 24px; }
.l-toolbar .tool-item { width: 100%; padding: 5px 0; background:rgba(0,0,0,.5); color: #eee; border: none; border-bottom: 1px solid #ddd; cursor: pointer; }
/*subject-list*/
.subject-list li { margin-bottom: 5px; }
.subject-list img { display: block; width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.subject-title { padding-left: 6px; border-left: 2px solid #fc6520; margin: 10px 0; }
.subject-mark { padding: 4px 10px; border: 1px solid #ddd; border-width: 1px 0; background: #fff; }
.subject-mark:empty { display: none; }
/*col-item*/
.col-items{padding:4px;}
.col-items-more{margin:0 8px;}
.col-item { position:relative;display: block; width: 50%; z-index: 10; float: left; /*margin-bottom: 10px;*/ }
.col-item.one{width:100%;float:none;}
.col-item dl { /*margin: 0 5px 0 10px;*/ padding: 2px;/*border: 1px solid #f1f1f1; border-width: 0 1px 1px 0;*/ background: #fff; overflow: hidden;margin:4px;border-radius:4px; }
/*.col-item:nth-child(2n) dl { border-right: none; }*/
.col-item dt {position:relative; height:120px;margin-bottom: 10px; text-align: center; }
.col-item.one dt{width:110px;height:110px;float:left;overflow:hidden;}
.col-item dd { margin-bottom: 4px;padding:0 4px; text-align: left; }
.col-item.one dt.pic ~ dd { padding-left: 120px; }
.col-item dt img { height: 100%; width: 100%;object-fit:contain; }
dt .badge{position:absolute;top:4px;left:4px;}
.col-item:first-child .badge{ background: #f00; color: #fff; }
.col-item:nth-child(2) .badge{ background: #fc6520; color: #fff; }
.col-item:nth-child(3) .badge{ background: #3D98FF; color: #fff; }
.col-item h4 { display: block; margin: 0;height:28px; color: #000; font-size: 14px;line-height:14px; overflow: hidden; }
.col-item dd.small, .col-item small { height: 20px;display:block; overflow: hidden; }
.col-item.three{width:33.33333333%;}
.col-item .icon-cart{position:absolute;top:auto;bottom:30px;right:10px;font-size:20px;}
.col-item .pic{position:relative;}
.col-item .pic .label { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(255,0,0,.6); }
.oneline { white-space: nowrap; overflow: auto; }
.oneline .col-item { float: none; display: inline-block; width: 16.66666666%; min-width: 120px; vertical-align: middle; }
.oneline .col-item h4, .oneline .col-item small, .oneline .col-item .small { white-space: normal; }

/*book-group*/
.group-item { margin: 5px 0; }
.group-item b, .group-item a { display: inline-block; margin: 0 5px 5px 0; }
.group-item b { font-weight: normal; }
.group-item a { padding: 0 5px; border: 1px solid #ddd; color: #333; }
.group-item a.active, .group-item a:hover { border-color: #fc6520; color: #fc6520; }
/*picshow-btns*/
.picshow-btns { position: absolute;left:0; right: 0; bottom: 0; z-index: 100; text-align: center; }
.picshow-btns a { display: inline-block; width: 10px; height: 10px; margin: 0 4px; border-radius: 5px; background: rgba(180,180,180,.5); color: #fff; line-height: 10px; text-align: center; text-decoration: none; overflow: hidden; }
.picshow-btns a.activeSlide, .picshow-btns a.active { background-color: #fc6520; }
/*artdialog*/
ui-dialog-content { word-break: break-all; word-wrap: break-word; }
/*juchi*/
.juchi {display:block;height:10px;background-size: 10px 10px; background-repeat: repeat-x; background-position: 0 100%; background-image: -webkit-gradient( radial, 50% 0,5,50% 0,6,from(#d86707),color-stop(50%, #d86707),color-stop(50%, #FFF), to(#FFF)); }
/*homesection*/
.searchbar { position: relative;padding: 10px; background: #fff;}
.searchbar.square .form-control, .searchbar.square .btn{ border-radius: 0; }
.searchbar.round .form-control:first-child{ border-top-left-radius: 17px; border-bottom-left-radius: 17px; }
.searchbar.round .btn:last-child { border-top-right-radius: 17px; border-bottom-right-radius: 17px; }
#homeSection .logo { background: #fff; }
/*#homeSection .logo:empty { display: none; }*/
#homeSection .logo img { max-width: 100%; margin-left: 0; }
#homeSection .logo h4 { text-indent: 4px; }
#newsPaper { max-height: 100px; overflow: hidden; }
#banner .list-group-item { width: 100%; height: 90px; margin: 0; padding: 5px; border: none; overflow: hidden; }
#bannerAd,.img-slider {overflow: hidden; }
#bannerAd:empty,.img-slider:empty { display: none; }
#bannerAd .list-group-item { /*max-width: 500px;*/ width: 100%;margin: 0; padding: 0; float: left; border: none;border-radius:0;text-align:center; display: none; }
#bannerAd img,.img-slider img { /*width: 100%;height:100%;*/max-width:100%;max-height:333px;}
#homeSection .navbar { margin-bottom: 10px; padding: 5px 0; border: none;border-bottom: 1px solid #eff4fa;background: #fff; }
#homeSection .navbar li { margin: 0; padding: 0;float:left;width:20%; }
#homeSection .navbar li a { display: block; margin: 0 auto 8px; font-size: 14px; color: #fc6520; text-align: center; }
#homeSection .navbar li:last-child a { margin-right: 0; }
#homeSection .navbar li a:hover { text-decoration: none; }
#homeSection .navbar i { display: block; width: 45px; height: 45px; margin: 0 auto 4px; background: #f61d4b; color: #fff; border-radius: 50%; font-size: 22px; text-align: center; line-height: 45px; }
#homeSection .navbar img { display: block; max-width: 45px;max-height:45px; margin: 0 auto 4px; text-align: center; }
#homeSection .navbar span { color: #555; }
#homeSection #adPaper{margin-bottom:0;}
#homeSection .panel{background:none;}
/*#homeSection .panel-heading { text-align: center; }*/
#homeSection .panel-heading hr { position: absolute; top: 0px; left: 60px; right: 60px; z-index: 1; border-color: #ccc; }
#homeSection .panel-heading b { position: relative; z-index: 10; display: inline-block; padding: 0 10px; border: none;color: #444; }
#homeSection .panel-footer { border: none; text-align: center;}
#homeSection .loading { padding: 5px 10px; background: #fff; border: 1px solid #ddd; }
.notice {position:relative; margin-bottom: 0; padding:0px;overflow:hidden;}
.notice-icon { position:absolute;top:4px;left:4px; color: #f00; }
.notice-content { margin-left: 22px; display:flex;min-height:22px;}
.notice-content p{margin:0;}
.panel-heading.bg-white, .panel-footer.bg-white { background: #fff; }

.btn-back{position:fixed;top:20px;left:10px;z-index:1000;width:40px;height:40px;line-height:36px;background:rgba(60,60,60,.6);font-size:80%;color:#fff;text-align:center;border:none;border-radius:50%;}
.btn-right-menu{position:fixed;top:20px;right:10px;z-index:200;width:40px;height:40px;line-height:36px;background:rgba(252,101,32,.6);font-size:80%;color:#fff;text-align:center;border:none;border-radius:50%;}
.hide-back .btn-back{display:none;}

.ad{position:fixed;bottom:0;width:100%;max-width:768px;z-index:5000;background:rgba(188,188,188,.6);}
.ad .btn-close{position:absolute;right:4px;top:4px;}
.ad .word { font-size: 18px; font-weight: 600; color: #f00; margin: 14px 40px 20px 10px; }
.ad .flag{position:absolute;left:10px;bottom:0px;font-size:12px;font-weight:400;color:#fc6520;}
.ad img{width:100%;}
.coupon-list {white-space: nowrap;background:#fff; overflow-x: auto;overflow-y: hidden;}
.coupon-item { display: inline-block; margin-right: 10px; /*background: #d9534f;*/ color: #fff; text-align: center; /*border-style: dotted; border-width: 0px 3px;*/ cursor: pointer; background-image: radial-gradient(circle at 8px 8px,transparent 0%,transparent 4px,#e15852 4px,#e15852 100%); background-position: 2px -8px; padding: 0 5px 0 15px; }
.coupon-item .price{font-size:18px;}
/*.coupon-item .cond{margin-left: 10px; background: #fff4ec;color: #f23030;}*/
.coupon-item .btns{float: right;width: 30px;background: #f00;text-align: center;border-left:2px dotted #fff;}
.coupon-item .btn-red{display:inline-block;width: 22px;padding: 10px 0px;color: #fff;background: #f00;line-height:1.2;border:none;white-space:normal;word-break:break-all;}
.coupon-item p{margin:6px;white-space:normal;}
.ke-upload-area { position: relative; overflow: hidden; margin: 0; padding: 0; }
.ke-upload-area .ke-upload-file { position: absolute; font-size: 60px; top: 0; right: 0; padding: 0; margin: 0; z-index: 811212; border: 0 none; opacity: 0; }
#MessageSection .ke-button { height: 54px; display:inline-block;background:none;border:none;}
#MessageSection .ke-inline-block { padding: 0; }
.cart-empty{position:absolute;top:50%;left:50%;width:140px;height:140px;margin-top:-70px;margin-left:-70px;text-align:center;}
.cart-icon{margin:auto;display:inline-block;width:60px;height:60px;background:#ddd;border-radius:50%;color:#aaa;font-size:40px;line-height:60px;}

.payment .list-item dt.pic { width: 36px; height: 36px; border: none; text-align: center; line-height: 36px; }
.payment .list-item dt.pic ~ dd { padding-left: 45px; }
.payment .list-item .icon-radio { display: block; width: 12px; height: 12px; background: url(/content/images/checkboxradio.gif) -12px -12px; }
.payment .list-item .icon-radio.active { background-position: -12px 0; }
.buttons-recharge .col-xs-4 { padding: 0 4px; }
/*.buttons-recharge button { border-color: #46b8da; color: #46b8da; }*/
.buttons-recharge button.selected { background: #46b8da; color: #fff; }

.cssmarquee { position: relative; width: 100%;overflow: hidden; }
.cssmarquee .wrapper { position: relative; width: 100%; height: 100%; top: 0; left: 0; /*animation: cssmarqueeWrapper 10s linear infinite;*/ }
.cssmarquee .marqueeWords { --time: 10s; position: relative; height: 100%; left: 100%; top: 0; display: inline-block; margin: 0; text-align: left; white-space: nowrap; transform: translateX(0); animation: cssmarquee var(--time,10s) linear infinite;}
.cssmarquee .marqueeWords:hover{ animation-play-state: paused; }
@keyframes cssmarqueeWrapper {
    0% { transform: translateX(100%); /* parent 100% */ }
    100% { transform: translateX(0); }
}

@keyframes cssmarquee {
    0% { transform: translateX(0);left:100%; }
    100% { transform: translateX(-100%); left:0;}
}
.promotion {position:relative;display:flex;min-height:76px; margin-bottom: 10px; padding: 10px; background: #fff;}
.promotion-tag { margin-right: 6px; background: none; border: none; color: #e15852; padding: 0; }
.promotion-desc { flex: 1; overflow: auto;padding-right:40px; }
.promotion-desc pre{background:none;border:none;padding:0;margin:0;white-space:normal;}
.promotion-list a { color: #d9534f; }
.promotion-arrow { position:absolute;top:50%;right:4px;margin-top:-11px;} 
.coupons-item { background: #fcf8e3; margin-bottom: 10px; }
.coupons-item .media-left { text-align: center; padding: 4px; }
.coupons-item .media-left b { display: inline-block; width: 100px; }
.coupons-item .media-body { background: #fff; padding: 4px; }
.coupons-item .icon-code { font-size: 20px; cursor:pointer;}
.intro p,.article-content p{margin-bottom:0;}
.coupon-wrap{padding:20px;background:#fff;} 
.coupon-box { margin: 20px; padding: 8px; text-align: center; background-image: radial-gradient(circle at 9px 8px,transparent 0%, transparent 8px,#e15852 8px, #e15852 100%); background-position: 10px -8px; /* background-size: 100% 100px; */ color: #fff; }
.coupon-price{font-size:30px;} 
.item-tag { position: relative; }
.item-tag-legend { position: absolute; left: 0; top: -33px; padding: 6px 10px;border-top-left-radius:6px;border-top-right-radius:6px; background: #f2dede;font-weight:bold; }
.sub-subject{white-space:nowrap;overflow:auto;}
.sub-subject.fixed-top{position:sticky;top:0;z-index:200;}
.sub-subject.fixed-top-sub { position: sticky; top: 43px; z-index: 200; }
.sub-subject li{display:inline-block;float:none;}
.ui-popup-modal{max-height:100%;overflow:auto;}
.img-circle{width:40px;height:40px;overflow:hidden;border:1px solid #ddd;border-radius:50%;background:#fff;}

.cascader-menus { max-width: 100%; overflow: auto; white-space: nowrap; font-size: 0; border: 1px #ccc solid; }
.cascader-menus .menus { display: inline-block; min-width: 100px; max-width: 200px; height: 204px; overflow-y: auto; border-right: 1px #ccc solid; list-style: none;vertical-align:bottom; }
.cascader-menus .menus:last-child { border-right: none; }
.cascader-menus .menus li { position: relative; font-size: 14px; padding: 0 10px; line-height: 30px; }
.cascader-menus .menus li:hover { cursor: pointer; background-color: #eee; }
.cascader-menus .menus li.active { background-color: #eee; color: #409eff; }
.cascader-menus .menus .arrow { position: absolute; right: 10px; }

.grid{clear:both;}
.grid-item{float:left;padding:5px;margin-right:10px;margin-bottom:10px;text-align:center;cursor:pointer;line-height:22px;}
.grid-item:last-child{margin-right:0;}
.grid-item .img-circle{display:inline-block; background:#efefef;font-size:20px;line-height:38px;}

.gz-img-single .img-wrap { display: block; margin: 0; height: auto; flex: 1; position: relative; }
.gz-img-single .img-wrap img { display: block; width: 100%; }
.gz-img-single .img-wrap .img-btn { display: block; position: absolute; bottom: 25px; left: 40px; width: 80px; height: 30px; line-height: 30px; text-align: center; }

.gz-img-window { min-height: 100px; }
.gz-img-window.row0 .display { height: 0; width: 100%; margin: 0; padding-bottom: 50%; position: relative; }
.gz-img-window.row2 .img-wrap { width: 50%; height: 150px; }
.gz-img-window.row3 .img-wrap { width: 33%; height: 150px; }
.gz-img-window.row4 .img-wrap { width: 25%; height: 150px; }
.gz-img-window .img-wrap { float: left; box-sizing: border-box; }
.gz-img-window .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.display img { width: 100%; height: 100%; }
.display .display-left { width: 50%; height: 100%; position: absolute; top: 0; left: 0; }
.display .display-right { width: 50%; height: 100%; position: absolute; top: 0; left: 50%; }
.display .display-right .display-right1 { width: 100%; height: 50%; position: absolute; top: 0; left: 0; }
.display .display-right .display-right2 { width: 100%; height: 50%; position: absolute; top: 50%; left: 0; }
.display .display-right .display-right2 .left { width: 50%; height: 100%; position: absolute; top: 0; left: 0; }
.display .display-right .display-right2 .right { width: 50%; height: 100%; position: absolute; top: 0; left: 50%; }

.gz-textarea{width:100%;position:relative;}

.gz-video { border-radius: 8px; }
.gz-video-ct { width: 100%; min-height: 200px; }

.gz-navbar.row3 .item { width: 33.3333%; }
.gz-navbar.row4 .item { width: 25%; }
.gz-navbar.row5 .item { width: 20%; }
.gz-navbar .item { float: left; text-align: center; padding: 10px 0; }
.gz-navbar .item-image { margin-bottom: 4px; text-align: center; }
.gz-navbar .item-image img { height: 44px; width: 44px; object-fit: cover; }
.gz-navbar .item-image .icon { display: block; width: 44px; height: 44px; margin: auto; background: #f61d4b; color: #fff; border-radius: 50%; font-size: 22px; text-align: center; line-height: 44px; }
.gz-navbar .item-text { height: 20px; line-height: 20px; width: 70px; margin: 0 auto; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sticky { position: sticky; top: 0; z-index: 200; }
.top-nav { transition: all ease 1s; position: fixed; top: 0; width: 100%; z-index: -1;opacity:0; }
.top-nav.active{opacity:1;z-index:201;}