/* reset */
html, body, form, p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, dt, dd, select, figure, figcaption { margin: 0; padding: 0; font-size: 16px; font-weight: 400; }
body, select, input, option,textarea { color: #333; font: 16px/1.5 "Microsoft YaHei",Arial; -webkit-text-size-adjust: none; }
html,body{height: 100%}
body{background: #efefef}
ul, ol, li { list-style-type: none; }
em, i, var { font-style: normal; }
input, button, textarea { font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, a:visited { color: #333; }
a { text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a img { border: 0 none; vertical-align: middle;}
input:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }
input::-webkit-input-placeholder { color: #999; }
textarea:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }
textarea::-webkit-input-placeholder { color: #999; }
input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="email"], input[type="number"],input[type="phone"],input[type="tel"],button,textarea {opacity: 1; -webkit-appearance: none; -moz-appearance: none; -webkit-border-image: none; border-image: none; -webkit-border-radius: 0; border-radius: 0; }
.clearfix:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; }
body{min-width: 320px;}
body.cover,body.loading-cover{position: relative;}
body.cover::after,body.loading-cover::after{content: "";position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 1000}
/*common style*/
.fl{float: left!important;}
.fr{float: right!important;}
.mt{margin-top: 10px!important;}
.mr{margin-right: 10px!important;}
.mb{margin-bottom: 10px!important;}
.ml{margin-left:10px!important;}
.pt{padding-top: 10px!important;}
.pr{padding-right: 10px!important;}
.pb{padding-bottom: 10px!important;}
.pl{padding-left: 10px!important;}
.wrapper{background-color: #fff;}
.relative{position: relative;}
.center{margin-left: auto;margin-right: auto;text-align: center;}
.btn{font-size: 14px;-webkit-box-sizing:content-box;border: none;box-sizing:content-box;padding: 0;color: #fff;background-color: #507bbf;height: 28px;line-height: 28px;display: inline-block!important;padding-left:15px;padding-right: 15px;border-radius:2px!important;overflow: hidden;}
.btn.big{height: 40px;line-height: 40px;}
.btn.wide{width:100%;display:block!important;text-align:center;padding-left: 0;padding-right: 0;}
.btn.like::before,.btn.unlike::before{content: "";display: inline-block;width: 15px;height: 17px;vertical-align: middle;margin-right: 5px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAiCAYAAABIiGl0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMGQwMTdmMy0wZTI4LTQ0NDUtOTA3Mi0wOTQzYTkxYTRjZTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk5OTk2Qjc0RDUwMTFFNUJBQTJGRDA4RUYyMTA0QzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk5OTk2QjY0RDUwMTFFNUJBQTJGRDA4RUYyMTA0QzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRiZTg3YWUwLTc0ZGEtNDg0OC04Y2ExLTZiMmZiOTA1ZmNjYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjU2N2FlYzkxLWZlYmEtMTFlNC1hN2Q1LWM5NjY2NzBhMDhjYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgZKwG0AAAFwSURBVHjaYvj//z8DiTgTiE8D8TsgvgHEFWSYwUCqhln/sYM5tLTY/T9+4ECKxUwMxINEAvIlJJjFwAj2NhHqgPgtEAviUfMKiCWB+B8xBhLrYxsCljJA5fmJ9TGxFvsToeYPEP+itsV+RKi5C8RfqWmxGhCrEqFuLymJi4lKwQwC26idqg9DExc+AErxIqRYzEJESrUhIZjxmfcPOasRstibSA84AvFTAuXAXyC+AsSNQHyCUFCvAuJQBuoDTXwWs0LjjpcGFm8CBXUMEIcjCW4B4plAnEIjS0FAH2TxFLSi7gvUYjkG2oFToHz8AU3wJZT+TEOLzzCRUr5SEVxkYhgYcHUgLH4CwgNh8QVSqkVqgusDZfHFgbL4ykBYDGqh3BwIiy8D8Y+BsPgKqY09qqbogbD42kBZfBHZYkY6WfoCiJ8jWyyBpoAbSnNS2eIq9FbmImgrBNYoewdlf4TWyf8ptBBUv08F4vnIggABBgBKM2LS2+TpbQAAAABJRU5ErkJggg==) no-repeat 50% 50%;-webkit-background-size: 15px 17px;background-size: 15px 17px;}
.btn.like::before{-webkit-transform: translateY(-2px);transform: translateY(-2px);}
.btn.unlike{background-color: #f2864f;}
.btn.unlike::before{-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.btn.disabled,.btn:disabled{background-color: #ccc;}
.like.disabled{background-color: #a7bddf!important;}
.unlike.disabled{background-color: #f8c2a7!important;}
.btn:hover,.btn:visited,.btn:active{color: #fff}
.textbox{border:none;display: inline;padding-left: 5px;padding-right:5px;-webkit-box-sizing: border-box;box-sizing: border-box;border:1px solid #e7e7e7;height: 35px;line-height: 35px;}
.selector{position: relative;height: 35px;line-height: 35px;width: 150px;display: inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;}
.selector .cover{position: absolute;text-align: center;background-color: #fff;height: 100%;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 5px;padding-right: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;pointer-events: none;}
.selector select{display: block;height: 35px;line-height: 35px;width: 100%;border: none;outline: none;}
.disabled{pointer-events: none;}
.button, *[role="button"] { display: inline-block; height: 28px; line-height: 28px; font-size: 12px; color: #666; padding: 0 8px; border: 1px solid #ccc; -webkit-border-radius: 2px; border-radius: 2px; }
body > .button, body > *[role="button"] { display: block; margin: 10px; height: 34px; line-height: 34px; text-align: center; font-size: 18px; color: #666; border: 1px solid #e7e7e7; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd),to(#f8f8f8)); background: linear-gradient(180deg,#fdfdfd 0,#f8f8f8 100%); }
body > .banner, body > *[role="banner"] { max-width: 100%; margin: 0 auto; text-align: center; }
/* account */
.account { display: block; position: absolute; width: 25px; height: 25px; right: 52px; top: 10px; -webkit-border-radius: 20px; border-radius: 20px; text-indent: -99em;overflow: hidden;}
.account img { display: block; -webkit-border-radius: 20px; border-radius: 20px; }
.account[data-badge]:after { content: attr(data-badge); display: block; position: absolute; right: -1px; top: -1px; width: 6px; height: 6px; overflow: hidden; color: rgba(0,0,0,0); background: #f00; border: 1px solid #fff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 1px rgba(255,255,255,1), 1px 1px 2px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(255,255,255,1), 1px 1px 2px rgba(0,0,0,.2); }
/*common head*/
body > header { /*position: relative; background: #507bbf; */}
body > header.home-header{width: 100%;padding-bottom:73px;z-index: 10; background: none}
/* body > .download-pop ~ header.home-header,body > .download-top ~ header.home-header { margin-top: 44px; } */
body > header:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; }
/*.logo { display: block; width: 200px; height: 44px; overflow: hidden; line-height: 44px;font: 400 12px/48px Arial; color: #c6d4ed;}
.logo a{display: inline-block;height: 44px;line-height: 44px;vertical-align: top;text-indent: -99em;overflow: hidden;width: 126px}
.logo { display: block; background: url(data:image/png;base64,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) no-repeat 10px 50%; -webkit-background-size: 111px 27px; -moz-background-size: 111px 27px; -o-background-size: 111px 27px; background-size: 111px 27px; }*/
.home-logo { width: 100%; height: 50px; background: #fff url(http://icon.zol-img.com.cn/m/images/logo.png) no-repeat 10px 50%; -webkit-background-size: 141px 26px; -moz-background-size: 141px 26px; -o-background-size: 141px 26px; background-size: 141px 26px; }
body > header .login, body > header .login:visited { color: #fff; }
body > header .login { display: block; position: absolute; line-height: 44px; padding: 0 8px; right: 41px; top: 0; white-space: nowrap; max-width: 100px; overflow: hidden; text-overflow: ellipsis; text-align: right; }
body > header .nav { display: block; position: absolute; z-index: 1; width: 40px; height: 44px; right: 0; top: 0; text-indent: -99px; overflow: hidden; border-left: 1px solid #6288c6; background: #507bbf; }
body > header .nav:after, body > header .nav:before { content: ""; display: block; position: absolute; left: 10px; width: 20px; height: 4px; border-top: 2px solid #fff; }
body > header .nav:before { border-bottom: 2px solid #fff; top: 15px; }
body > header .nav:after { top: 27px; }
body > header .menu, body > header nav { display: none; clear: both; height: 43px; background: #507bbf; border-top: 1px solid #6288c6; padding: 0 10px; }
body > header nav { display: block; height: 44px; border-top: 0 none; padding: 0; }
body > header .menu li, body > header nav a, body > header nav em, body > header nav h1 { float: left; width: 25%; }
body > header .menu a { display: block; margin: 5px; height: 33px; text-align: center; line-height: 33px; color: #fff; }
body > header nav a, body > header nav em, body > header nav h1 { display: block; position: relative; height: 44px; text-align: center; line-height: 43px; color: #fff; }
body > header nav em, body > header nav h1 { color: #acc9f7; }
body > header nav a:visited { color: #fff; }
body > header nav a[aria-pressed]:before { content: ""; display: block; position: absolute; pointer-events: none; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; height: 100%; border: 7px solid #507bbf; background: rgba(27,85,177,.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body > header nav .badge:after { content: "."; display: inline-block; position: absolute; top: 11px; margin-left: 3px; color: rgba(0,0,0,0); width: 10px; height: 10px; overflow: hidden; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA7VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAD+/v4AAAD////+/v4AAADp6ekAAADExMQAAABGRkYAAADr6+teXl4AAAD8/PwAAACysrL8/PwAAAD39/ft7e39/f3v7+/9/f39/f2qqqr29vb29vba2trc3Nyurq6tra2np6f4+PjPz8/x8fH+/v78/Pzw8PDNzc3+/v75+fn5+fkAAAD+/v7////sHR3wUVHrFhb5trb5tLTwTk73oKDsIiLsISHwUFDrGxvsHBz5tbXNnrJhAAAAQXRSTlMAAQIDFAYEBQ0PCwoYGgn+ISwMHfIk+Pk6WzUaL0k9Wjwt9BZ39SqGjNKP9dQh2NmYm3t6IIql3/v326Px1dcl+nsYKTgAAAD9SURBVHheVZHVbsQwFESNcXiD2ywylJn5ZrH4/59T262V7TweaXSP5iIdjAm1LEowRiaStK4O6/W9WUtyw0TvEXSynpBUM96owXJdlvMl1BpcUyIuM9gsdDaQHQkiy9Tbhe/FX1aw71GMMHeeYG7gGp4dThAJ2Q6UBn7BKwsJoq6/Bd/gwHcpsuzgeLt+EtiWgqewqg6dSajq/WGlNOzLujqUj5X85/uHlB/n8pBSSuPzCehMLuLU4VjJs6jdub65vbt/6LQjpuQREckoiptFt1s042iUCPI7SMLSl+lgMM1TlnAzk/Ac5geBzxxPVINSHrq27Yacambwv3f8ANacLd3AnpA/AAAAAElFTkSuQmCC) no-repeat 0 0; -webkit-background-size: 10px 10px; -moz-background-size: 10px 10px; -o-background-size: 10px 10px; background-size: 10px 10px; }
body > header nav em { color: #acc9f7; }
.logo .home {position: absolute;left: 9px;top: 8px;width: 111px;height: 28px;font-size: 0;}
.logo h1{position: absolute;left:125px; top:14px; padding-left: 5px; border-left:1px solid #6288c6; line-height: 16px; text-indent: 0; color:#FFF;}
body > header .menu span { background: #6288c6; }
body > header.expanded .nav { height: 45px; }
body > header.expanded .menu { display: block; }
body > header .signin { position: absolute; display: block; right: 0; top: 13px; line-height: 24px; height: 24px; padding: 0 10px; }
body > header form p { font-size: 28px; text-align: center; margin-bottom: 5px; }
header .version { display: block; position: absolute; font-size: 28px; left: 161px; top: 14px; color: #999; line-height: 32px; height: 32px; padding-right: 13px; }
header .version:after { content: ""; display: block; position: absolute; width: 0; height: 0; right: 0; top: 50%; overflow: hidden; border: 4px solid transparent; border-top-color: #999; }
header .version-expanded:after { border-top-color: transparent; border-bottom-color: #999; margin-top: -4px; }
header .version > select{padding:0 !important;color:#999;font-size:14px;-webkit-appearance: none; -moz-appearance: none; -webkit-border-image: none; border-image: none; -webkit-border-radius: 0; border-radius: 0; border:0 none !important; background:none !important; }
/* Select */
select { border: 1px solid #ececec; background: #fbfbfb; padding-left: 10px; -webkit-appearance: none; -webkit-border-radius: 10px; border-radius: 10px; -webkit-border-image: none; -webkit-box-shadow: none; box-shadow: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
select { padding-right: 25px; background: #fbfbfb url(data:image/gif;base64,R0lGODlhKgAOAIABAJmZmf///yH5BAEAAAEALAAAAAAqAA4AAAI0TACmy8gPG0pRTVrzdXXjDHnfIoKa95TmuZHoCqoqHIsvbdoXTusjX7sBYcIhcWIccpKQAgA7) no-repeat 100% 50%; -webkit-background-size: 21px 7px; -moz-background-size: 21px 7px; -o-background-size: 21px 7px; background-size: 21px 7px; }
/* select:focus { background-image: url(data:image/gif;base64,R0lGODlhKgAOAIABAJmZmf///yH5BAEAAAEALAAAAAAqAA4AAAIyjI8AyO0PlYK0Oimtphjvn3QeuIkiaZkmGp3ByjKwMcc17bL3sZcd97NlKqPYa6GZGAsAOw==); }*/
}
section > header > select{margin:4px 0;border: 1px solid #ccc !important; background-color: #fff !important;}
/* Search */
form[role="search"] { position: relative; clear: both; background: #fff; }
form[role="search"] select { display: block; position: absolute; padding-left: 8px; left: 0; top: 0; width: 70px; height: 40px; border: 1px solid #dcdcdc; }
form[role="search"] input[type="search"] { display: block; width: 100%; padding: 12px 25px 12px 8px; height: 40px;line-height:20px;overflow: hidden;;border: 1px solid #dcdcdc; border-right-width: 60px; }
form[role="search"] input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance: none;}
form[role="search"] select ~ input[type="search"] { border-left-width: 70px; }
form[role="search"]:after { content: ""; display: block; position: absolute; right: 1px; top: 1px; width: 58px; height: 38px; background: -webkit-gradient(linear, 0 0, 0 100%,from(#fffeff),to(#f5f5f5)); background: linear-gradient(180deg,#fffeff 0,#f5f5f5 100%); }
form[role="search"] input[type="submit"] { position: absolute; z-index: 1; right: 0; top: 0; margin: 0; width: 60px; height: 40px; border: 1px solid #dcdcdc; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAMAAAD26OlUAAAC0FBMVEX////19fX19PX///+goKD///+goKD///////////+goKD09fWgoKD19fSgoKD///////+goKCgoKCgoKCgoKCgoKCgoKD////////////////+/v6goKD///+goKCgoKCgoKCgoKD//v7//v+goKD///////////+goKCgoKCgoKCgoKCgoKCgoKCgoKCgoKChoaGioqLDw8OgoKCkpKSzs7PY2NigoKD+/v/+//6jo6OgoKD////x8fHZ2dmgoKCgoKCgoKDw8PD///+goKCkpKSjo6OhoaHFxcWgoKCgoKD39/enp6egoKC0tLSgoKCgoKD///+goKCnp6f///+goKD39/egoKD8/Pz///////+goKD7+/v///////////////+goKCoqKigoKD////////R0dH///////////////+ioqL///////+hoaH////////19PSgoKC4uLj////////////////39/f4+Pj5+fn8/P36+vr7+/v8/Pz9/f3///+goKD29vahoaH9/fyoqKj4+Pn6+/v4+fj3+Pf6+fr7+vv6+vn49/j6+/r5+fj+/f329vf7+vr39/j49/f29/f9/P3JycnLy8v9/v78/fyrq6v5+vr4+fnj4+Pw8PDd3d35+Pj7/Pz8/f38/Pv5+Pn7+/ry8vL6+fn39vb3+Pj5+fr29/b9/v2ioqL9/f739/b39vf9/Pz6+vuqqqrFxcX7+/z8+/v19fWjo6PAwMCzs7OsrKz19vbKysr09PTs7Oz4+Pe+vr7ExMT5+vnv7++wsLDMy8ynp6fGx8bx8PD+/v7c3NzIyMjKysvb29u/v7+pqan7/PvHyMfGxsbf4ODx8fHf396xsbGkpKTg4ODz8vLY2dna2tru7u3x8fL19fTu7u6ysrLZ2dnh4uLc3d3+/f7y8/P29vX08/SmpqbS0tLKycnh4eHa2tvf398EurQLAAAAeHRSTlMAAABUVPv76iT66ABVAJdbi/X6IiPRx5/LDigAB5wICyT5AACGCv0IDM+c5yYyS/aLmfiY9/7emQAAm/cN9tmW+Cz4mub2/vX26s6h/iH9CYeNi9rU9Jzy+jLohPvSVtMm8dlT0JCtJ/b38f1am/4PMwDvqO998Hrq3T51AAADOklEQVR4XpXTBW8bSRyH4bXbnNNw4YLlJmXmK9MhMzMzwyyamRnDzMxYZIZjZr6v0P+40rgbR0r6ene1P+nJWLIUKtaclJ2ZSau2JmWmpSyGuYAau+lpDytJUzfNoOaPSWfmz1OKmrd69ub5N8W5u5co47pxRl7eaLd7WRSEA0W/88zhoqPh6ExaMRrO3RdlpzSOxqDDEWz+TSiJ0tvnit3MO7A7Z2gOBuWN8kaHo1l+kumLfvu9Ingfdqd98ljlcPuxfED0u+zC57Hyck2bRq6Rt/l8bLmc1fjwmdOWXwPXgetAbBsb8oVCbEhgWQHHMmGQS2NuzlTYZwWhQoDKMMHh+SvAW2cTmAIzrO/mhbKK7jL+At8tdHWVwYtQwQ2AXEngFlhDfBcPFw4oDHhCAYBrCHwB1r9Veo6vcrmqzC7ezOt5vZk3u/R8EcAHCbwZ1gmu3cbpOU7f3m6zmTmXzWyDXfU9wPUEvgkLcSYuwkEm7moWuCIcA/AdAm+B1cBFLPVcjcViOhSptzBMfY3JBH9EA1QTeBeswwyuhjnEkLAuBniMwHtgXWYMlfZKe2GhgSlkKu2l8IQKfwG4gcDbYP2jK7Xr7LTBUKnTldLR7DSjOwNwLYE7YIURfTWrdT9traOttBUGGgC4kcBHvoT5M1ZGdx1ye+oQbaxze/Yb6f/A9d5J4DOXYHf86UYeZETIaPUgt9EDb2gYH3gwncBt25tAHkBQayvcqAVBXoT6wKn35FCkvQEldLzF6XXWer0qVa23taEFqS4qoaEsKlbiYz9heeBrZ61K5ax1qhrgU92H3ZGncgGQMqq1WHZ80/PHoAoaVPV8G8ZOW30/BqRFL42cV+LC/s+/+2H4x//9AzDAjTxUQIlKlFV/oYzryGeyxPxHXxTJx58QAk1ipvbzsveehH+vyeIzn1YUd/bGWO/BYsWzz0meh3GDWC7KmKLgSjr7tWq1tr+zhFEkvFwgkbyijpfUq7NeU5Bez8qVSqWSN76Kl1DOW29nyxYulGXPSn8XFMBJCUSOLjlVIpGkSuGRLJG+nxyT4wWy6brkB9T4cgqWH1ITkn/9/RE1IalQfExNSH7yKTXxrgCZKvK/MvmOVwAAAABJRU5ErkJggg==) no-repeat 50% 50%; -webkit-background-size: 20px 21px; -moz-background-size: 20px 21px; -o-background-size: 20px 21px; background-size: 20px 21px; }
form[role="search"] .clear { display: none; position: absolute; z-index: 1; width: 20px; height: 20px; right: 75px; top: 10px; font-size: 20px; line-height: 20px; overflow: hidden; color: #fff; text-align: center; background: #ccc; -ms-touch-action: pan-y; -webkit-border-radius: 20px; border-radius: 20px; }
form[role="search"] .suggestion { display: none; position: absolute; width: 100%; z-index: 2; left: 0; border-left: 79px solid transparent; border-right: 10px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); }
form[role="search"] .suggestion:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; box-shadow: 0 1px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); }
/*form[role="search"] input[type="search"]:focus ~ .suggestion { display: block; }*/
form[role="search"] .suggestion span { display: block; background: #fff; border: 1px solid #ccc; margin-top: -1px; text-align: left; }
form[role="search"] .suggestion span:empty { display: none; }
form[role="search"] .suggestion em { display: block; padding: 10px; line-height: 27px; border-top: 1px solid #f0f1f2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
form[role="search"] .suggestion em:first-child { border-top: 0 none; }
form[role="search"] .suggestion .toolbar { height: 31px; line-height: 32px; text-indent: 10px; background: #f7f7f7; }
form[role="search"] .suggestion .toolbar span { height: 32px; padding: 0 10px; text-indent: 0; background: transparent; border: 0 none; }
form[role="search"] .suggestion .toolbar .clear-history { float: left; border-right: 1px solid #ccc; }
form[role="search"] .suggestion .toolbar .close { float: right; border-left: 1px solid #ccc; }
.hotwords { padding: 7px 0 7px 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAACsElEQVR42rVXPWhUQRCefV6ImONE7hIVNGiKVEqMYIhoY4pYqLWkELSyEgstrGJhY6WNSCxsRCyEqIVgFxS9UtOlENRwxOLABFWCaDyfM+/tM5u9mbc/kAffZrMzs9/OzuzsnkrTFII/pfqw7Yc0XQw1TSLIqth+QHyGiC8JJOvB9i3iD2JtcwmVonYWMYx4BzGhCPRwCnFG96O2058wT5KHxkh9cwkBLli6g46tl8XOY6GyGb4jql2L5YyVOohtB2UL7HxkUwqAvSlkKWKjIej3IdYQ/Zw8EbdlfWtOCL5PCOOriBXEG5xji5+HALW0kAE8FjxspTokjP0drXPdlkmEA/ov4ZtASBgX7C8aOoPlW6pUA9tl/V8FUStJqSeoX2HGV4z+MzNzEyalJ3ApHT2y1XFcdiPuMkfBXOQo4hgfQ4CRDdsEsLNkO02ctuaZkeJtKinER8SeCELCkLZJED8Z+ahNeEoLTMLtAYSEc4ibgmxunTBfVVsLjhqEFcH4UeBCCmwrkuY4YsCom8VH995XJlmaiHsRtXusOGuvrZXUDC/vMytdQvQiVgM9nJbi9NSoNGcF45oRd180acJJQXhFez8syI/ozG4FEC7ThLdKFC5lVZ+XTekdmAzxkgzmHUo/pHgYmdzxJPxFWXrIkVlVYbyuSxVl8oxnlr5PIP5rGf0HnjZNIvwdSfjJ6C942rygGLyKrBpDVh32sWmQh88jvPuLWNxw5QC0HTa0C19odfsivLvB3PKu8zieF2++tLmwwyIDh/5cUbkKg7p+2vmQXWO86y2rLohq9yMKYL9wcZqgYt3DEI4I+u3sEhdfbXkhf1lCeJUhI8wyure5xYEwwQHhuJxk9HdZZXC6K8YG5N8W+UusoV9cY4jDWVoDnP//qst1LusiMI9YAsePlX92n6KWlnlLjAAAAABJRU5ErkJggg==) no-repeat 0 7px; -webkit-background-size: 14px 18px; -moz-background-size: 14px 18px; -o-background-size: 14px 18px; background-size: 14px 18px; }
.hotwords:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; }
.hotwords a { font-size: 14px; float: left; margin-left: 20px; }
.hotwords a:first-child { margin-left: 0; }
.hotwords a, .hotwords a:visited { color: #1f1f1f; }
/*common footer*/
body > footer { position: relative; padding: 0 0 5px 0; font-size: 12px; background: #f5f5f5; padding-top: 10px;}
body > footer p { font-size: 14px; text-align: center; margin-bottom: 5px; }
body > footer .versions { padding: 0 10px; line-height: 22px; color: #999; }
body > footer .versions a, body > footer .versions a:visited { color: #333; line-height: 22px; }
body > footer .versions span, body > footer .versions a { margin: 0 3px; }
body > footer .feedback { position: absolute; right: 10px; padding-right: 10px; margin-top: -20px; }
body > footer .links { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; margin: 0 10px 10px 10px; }
body > footer .links a { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 33%; text-align: center; }
body > footer .login { text-align: center; margin-bottom: 10px; font-size: 14px; text-align: center; }
body > footer .login .button, body > footer .login *[role="button"] { width: 38px; margin: 0 7px; }
body > footer .copyright { font-size: 12px; line-height: 12px; height: 16px; text-align: center; color: #999; }
footer form[role="search"],header form[role="search"] { padding: 0 10px; border-bottom: 1px solid #fff; }
footer form[role="search"] select,header form[role="search"] select { left: 10px; }
footer form[role="search"] input[type="submit"],header form[role="search"] input[type="submit"]{ right: 10px; }
footer form[role="search"]:after,header form[role="search"]:after { right: 11px; }
.norm-pic-list li{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6;height: 80px;}
.norm-pic-list li .pic,.norm-pic-list li .pic img{display: block;width: 120px;height: 80px;}
.norm-pic-list li .title{font-size: 14px;color: #333;line-height: 18px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.norm-pic-list li .title[data-linenum="1"]{-webkit-line-clamp: 1;}
.norm-pic-list li .pic{position: relative;}
.norm-pic-list li .pic img{-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #e7e7e7;}
.norm-pic-list li .pic .timeout { position: absolute; display: block; left: 0; bottom: 0px; width: 78px; height: 20px; line-height: 20px; text-indent: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #fff; background: -webkit-gradient(linear, 0 0, 100% 0,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0))); background: linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%); }
.norm-pic-list li .pic .timeout:after { content: ""; display: block; position: absolute; left: 6px; top: 3px; width: 13px; height: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAilBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////6DghSAAAALXRSTlMAARDv/QPeBhfznc8JW5VHVsoIw44EQTcMi5oLPZSYV14ajzjRXPVjQmRGSdy4oKxNAAAA40lEQVR4XnXSyXKDMBAE0JaEACEMXjDel8RL1v7/30sVFIMwpG+qdxn1DLokm513zu82CYbRJ0pOOpRZxHierqGSdB4zmgmoPc1RyetouO9eGVfLBsgGlytmrVy5sAgJdsFrM0FkthgStibSAAqWeCX8sAByxmpMKmaOml8YEy6sUfFtilK+w9NOkaWHIwIiO6aDo/qPPBNMxNLLGJJ+jJofU3ThJ3L+qgHIl6WoYUoWbb2HVzm09eIhSwFkKY9glZJwlVAZTdkfwLdhpkZng7WcjUSfKTlrDJPcqvvzea9u0tsfs58YtBHNlEMAAAAASUVORK5CYII=) no-repeat 0 0; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; -o-background-size: 13px 13px; background-size: 13px 13px; }
.norm-pic-list .sell-price{font-size: 14px;color: #ff3333;}
.norm-pic-list .sell-price::before{content: "\ffe5";}
.norm-pic-list .origin-price{font-size: 12px;color: #cccccc;text-decoration: line-through;margin-left: 5px;}
.norm-pic-list .origin-price::before{content: "\ffe5";}
.norm-pic-list .params p{font-size: 12px;line-height: 18px;color: #999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.norm-pic-list .tags{font-size: 12px;color: #999999;white-space: nowrap;}
.norm-pic-list .tags span{margin-left: 5px;white-space: nowrap;}
.norm-pic-list .tags span:first-child{margin-left: 0;}
.bread{height: 40px;line-height: 40px;font-size: 14px;white-space: nowrap;padding-left: 10px;padding-right: 10px;background-color: #fff;}
.bread > a{color: #507bbf;padding-right: 5px;/* margin-right: 5px; */}
.bread > a::after{content:"";display: inline-block;height: 7px;width: 7px;border-top: 1px solid #999999;border-right: 1px solid #999;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);margin-left: 5px;}
.bread > h1{display: inline-block;font-size: 14px;font-weight: normal;}
/*2016.3.3 updated by liguorui +border-bottom*/
.norm-title{line-height: 45px; /*height: 45px;border-bottom:1px solid #e7e7e7;*/}
.norm-title.border{border-bottom: 1px solid #e6e6e6}
.norm-title h2{font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 45px;}
.norm-title .change{font-size:12px;color:#666;padding-left:15px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAMAAACaPIWZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUxpcZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmV3hKfwAAAAKdFJOUwDyQtR0syOTEAQ4PfyQAAAAs0lEQVQYGWVRSxbEIAgDQRHuf+Dhp+3ruKgQSSAUII7yJEOSkdn56CC0OrQO6DcHRtMpZsj3IWDekS7x8GgNNFyqVZZJhc6+oqrDbCbuAZ9qB3Sa7SCLYWoXGSDqIqbmHRzQpPC8EtZQySPQtC7f4cFb66E1riuck3f86ntfjLm/8wBjOs75W6Wudvn2Czp6IW4k99MMNrkPzz6Hj59Nqyq2ayS1/3XrXarchKE3DLr//u8P5uAF55EvHcQAAAAASUVORK5CYII=) no-repeat 0 50%; -webkit-background-size: 12px 10px; background-size: 12px 10px;}
.pic-list{width: 100%;overflow: hidden;}
.pic-list li{margin-left: 20px;float: left;}
.pic-list li:first-child{margin-left: 0;}
.pic-list li,.pic-list li a,.pic-list li img{display: block;width: 100px;}
.pic-list li .title{font-size: 12px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pic-list li img{height:75px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #ebebeb;}
.flipview > .container{overflow: hidden;}
.loading{height: 40px;line-height: 40px;width: 100%;text-align: center;display: none;}
.loading .dot{display: inline-block;height: 6px;-webkit-animation: loading 2s infinite;animation: loading 2s infinite;width: 6px;border-radius: 50%;margin-left: 4px;background-color: #909ba5;}
.loading .dot:nth-child(2){animation-delay:0.2s}
.loading .dot:nth-child(3){animation-delay:0.4s}
.loading .dot:nth-child(4){animation-delay:0.6s}
.loading .dot:nth-child(5){animation-delay:0.8s}
.loading .dot:nth-child(6){animation-delay:1s}
.loading .dot:nth-child(7){animation-delay:1.2s}
.loading .dot:first-child{margin-left: 0;}
.back-to-top { display: block; position: fixed; right: 16px; bottom: 8px; width: 35px; height: 35px; opacity: 1; overflow: hidden; color: rgba(0,0,0,0); -webkit-border-radius: 20px; border-radius: 20px; background: rgba(0,0,0,.6) url(data:image/gif;base64,R0lGODlhJAAsALMPALq6usPDw2NjY7W1tdzc3PT09OLi4l1dXdHR0Y6OjvLy8qysrGdnZ/////j4+GZmZiH5BAEAAA8ALAAAAAAkACwAAATQ8MlJq704X2GM0KAmFE2jHGFKjWV5qinblgUKZ/JMf7eV67veilQCEEqIQKvA6+UAD0Qp8FAGbwJHCxqdSqwNJiy7nUgbVAlg2dQwtEXKOa1mg96tQWVeWV8veCV6e159dhaBDYOEaBd+YW0PiYuMdIZ/kxl8GI9imZqFnC0OHHkgmxmPBEeKIaipSAcLCSmvGQkLNiq2QqCNva6hwL6Wwxe8xnLCyZXMGMjO0MzSydTG1sPYwNq93ELePeA34jDku8vOEuYpVpTpEgcGBLopEQA7) no-repeat 50% 50%; -webkit-background-size: 18px 22px; background-size: 18px 22px; }
.layout-loading { display: none; z-index: 1001; position: fixed; width: 28px; height: 28px; left: 50%; top: 50%; margin: -14px 0 0 -14px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAVFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////+UMeA9AAAAG3RSTlMAAgQQIDA9QEpMUGBwfICQlKCssMDE0Nzg8PQ1V+FjAAABn0lEQVR4Xq3W227DIBAE0HWA0rrYNIFSHP7/P3sxLsrOkiKlI0V5yYnG1nIhKWYNudTk4AwNRftcWLLXfzIbi5ho7zLdGFKN4Gm5pJ9cy51cU81b6/f9WWMZy/bS4PHtwvY3nC2De4w757vuTBy26Nc+zopBHjX7JEFLCBHjG/MEUI7jRW/gS9cZKHoD37swYVGi5XC29NwqFCVKR9fYg5YVNbVG3J0uHajYJKy//fd59z3ob12iA9ZnzQjlog3m+sZFqDYsWuH+J64DAxZt0NUfCG4WijYY9kcsg0UbzERURMiGO/JxIpoQ4mxvmsOJThLUrKgjDk8A5aKDcIWiY9AULIpwQpigKMKJCKDHoghhAHC2ZxJghpGDRRhIggGGHIoqETpYVjMUFaHhC1ltUFSCGbaOAEVF6PlmhUVlqNn2yGfbkwwj35Aj7L8ytOwIcHBQyFnYoTNYFI+5BEXH4ApFx6ApPHG1A1AlgIgRstkGrLrQlvtJflYSZIuwjzk8VzCGG3xORz765iPVXJYHLroPXK0fvsxjptNXJvr3fAJQqYYOskEC/AAAAABJRU5ErkJggg==) no-repeat 50% 50%; -webkit-background-size: 28px 28px; background-size: 28px 28px; }
.layout-loading .loading-ring { display: block; position: absolute; width: 48px; height: 48px; left: 50%; top: 50%; margin: -24px 0 0 -24px; -webkit-animation: layout-loading linear 1.5s infinite; animation: layout-loading linear 1.5s infinite; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAKDUlEQVR42u1dV2xcRRSd97xusY0dUigCYkToIfmgN1GEKBF8QAJINCFAQsAPSBCB+ABRJfhAIARBgECAlB8QEBAExAcllNB7L6EkpDvFcYm3cA97hx1mZ96+ttVzpaPdfbZl+5x779y5b96MVygURIPaFEYPoY/QT2gj9BI6CJ72/fg8yhgjbCNsIowwJhrxn/QaSIAuwgBhKqOLCQ+DjOFanjBO2MECDBFWE9YSNjeKIPUWoJOwM2EmoZvgRyA9jBB5jgy8FhTg83rC94QfOWomjQC+4ul9TJSJeD+ix1f6etC1bwnvEz5ncVpSAEn8dEJ7ANF+Qq+Pcz3DkbKOsIzFyLWKAJL4ASbeT4n4pIQHfe8WwsuENwjZZhagh3N8u0ayH4J49XuHlWpmnL3V58EUNk251se/E5G2O5OaiZnG/iY8Tviy2QTIcI7vNpDuV0g/WaWEHEphgETk7U3Yj7AP/11RhACWsxBDzSBAD9fsKuGVyAfpG7kyGalyStyFcCjhaI6UsEJgbnE/4Z1GFQCE7qTU775FBJV85NoNhK11qgL3JxzHYoRNUUsJi9OaR6QlQIa9PqOQbUs9HhO+jvN5I9iuhDMJx/LcpFJK+plwG+GvRhCggwc+P8Dr5eswz0Qbsi3A48PFHBWVRIATLeI5RN0E6OCcbyJe/Zxjjx8RzWFzCFcS9qpQKqPNcSNhRT0E6FSqHD8gArZw9VAQzWVIpwsIF2oTR10QzJxvJ7xaSwE6eLANIr7Alc2oaG6bx14+PSASYDcTXquFAO0W8lVMMPk50RqGAuMmwhEBE0ZEwtVR01FUATKcevyA1DPWpCknzP9+A+GMgEkkxrjLCd9UQwA/hOeP1LGmr5VdQ7ggoG2CMW+hKN57SFWAMOQPi8lhlxKuskwu8foZ4aIwKdiPkPc9BbpNJvJhTxKe0fhQXw8nXJtWBLQpAtgG3FqnHd/gPHlR45spZHcS5lv6XMBlhDeTCOCJUg9fQhUiNwlyfqXMsJg93pSKMPk8mbA9bgpqE+bVBx5XOcNichui/3ouufVUBNuN5wexIsAzpB71/fYG7unU2o4kPMYTVH1CKrh0/SZqBLQZFJXeP+7I/59h8vWwYTD2mMe7FD5DCeAbiFcHu1HHeZk9SvjD4rSIkLOipKCMkm48Q72fdXwbDa2KJcLcGf6VcLw+N/Atud/2ecKRH2gfiuIdM1Pa3pdwdpgIaAvw/u11qLWbzbAS4y1L5wAD8YlBEeBZXqX3O/IrG3pAzxsiAJhLOCqMAKa6f4fjNrQtFqV1qbpdEnYMUH8467w/kmHAfckSBeeI4uqR0CnIczV/LFsizM1L3MY93SSArfopiNa5s1VL+4CwyhABsPOCBNBLKFd2xjM47bMWxz6BI6FiChJOgET2ouV6N4sQ2AuSHU83+Ma37zgNeYY0dIwqgGfxfkd+clthce6jgiLAU/KYs2T2ljDfzj0MXQe0IvBww0mitNQOnU6sz8fNli9F6y0vqbXNEsWb9HpbAmLMy/D0+CpRWjy7gfPWp4QvHH+J7Xd26AFDlpkDAQ7hAQECoNmGdS1rCCsdd6nZV6LYitbT0GwIgCdG2jnVyIcr8DT6mOMtNfvDMsbOggCDyozXF6WVwGscb6mmIc8wyZ3hcwQUFBGkrXW8pWZrNeKlEAPysU7VpAgbYv4y3/FdZkPC3JrulClH9/4ka36cAOU2Zpnw/itAp8H7nVVHAH0Q3uErFZAqghMiXfMtg/CEGgGO9OpZv8H7/4uAjFYFyfe9MX+Za+CVW48wL3TbKlc4C0MlNM0JkJr1Grwfth4CbLTk/l0cb6nZzgbvx+smCLDeMgjv4XhLzbAVArrM6DZnRelG1yoIsMoyCO/teEvNsJr8Z57cjip8r8YA/IOlBD3Y8ZaKIdX8xiLswWNrP/P8EwT42uD9+DzHcZeK4aGNFVzuY0FWN79HClqJO2KDonjzWD7kVlDeH61FiLN4ArRpvMr3BYwBK8X/u3Xq/prHOP4SW5tljC3IKTLsXctM+HjHX+L87+mkq1xLAd40eD9wrLA82+QskfcLXYBllq9jB6lTHI+xLWPx/rII+DOgGlroeIydftoMk1xjCoI9Z0hDgiNgwPGZivdbUxDsBcPXC1yzLnB8RrZ2zZFN993LHtLDE37HKfWqxGqeE7gHNcJ7f5fGoT4PKIsA2NOWKEBn9FzHa6TJl+3OYmAE4Ac/EsVHLfUowITtROEW7Ibx/u4A78/bxgAY2qWPGRQD9hTFTU2dBVunwfvl+7KbVaYHtXH77GOeA6iqwfOHuSpyi7bs5HcGeH8uqAqShgW6DxgiQHBoLXI8W+v+SN5viwBZQuHBglmaevL1CpHyNu4tYL2itH+o7v0529gZtGETys5nFeJVEXAbEw8cr3O8/2tdWtmpl5w7wkzEdMNBNs8b0hBecZP5XuGWIcqqZ4qlcIEFPmVaadM+3Ex+gwdmPQ0BTxDum+R5f0DJ8aZBN3DyWsmD1/Cgq0eAfI+NJ+rRrJMLylT4dSLfj+v9IuQf/QrhKUsqgmFn8dNq/M/n+Z9Tka8x+fJsy4Jl1jshQiz3DLt1MaoidEv3s6SicY6U9yZJ6hngrkHegqwIub1PlL2jUZIuYeVNImAJ9h08ZrRyzp8agvzQz9dF3b5+Lg+87Rr5qhj3i9K9hVYypOtp/L/nLOTj+qiIsNI8zgEOmB88KEpbF+tCALi38JBonY0+QPp0UTqyxEb+SNSxKO4RJvM53diiAMBRsXeLkPvoN7D1cdopGCakOvmRO8VJDvE5lXCr4hU5A2Rf6e0mTTnTlTlQ3pJ6ZJMyVps+6TFWh/GMuCMgEgCc0/tIE0VDvygdEGrzeDngbktSAqdxkNsBhHu4NMsFAKXqUkajnifWxbP/Ls2RTBEgz01INP9I6yjDGYRbCAdVECHHHvO6KK5F2t4gxCPNzLS0XEwRIHeUSUxe2od54sSI8y3EZ7XPiAK0vJfXKTXJVsJMbqbpqdPk9Vn2+tQ2L6/GcbY4TeI6UVyKHRQJqiBYGIZdBj9hz6qm7cQRO1UppU3k6yJgZrsp7dK6Wgc6I5Qv4h5RIYIQOW4AYkn8L6K4EGA0hb9lGnt7n6Vqs5Evr23mSid1sqp9pDkec8JmUIMGoisJIa8hVeHRHhwvLk/YzrNHbhalM+tlK3gKAwNpb0BlFob84Wp4fS0FkIbFXjjAYPcAsoNEyEW4Hha2KMgz8RtFDfZMqpUA0uZxWprN3poG4dmUiAfkCd8126yq1gJIG+Se0qE8icsmjIYwX89bro2xtw+JOpzwXS8B1NIV48SBonR4srqxhTwW19MITJp+ZEVTz/PsG0IAXQwMprjhj7Wou/Eg2iFKD7rlY6afcfbwLQoawhpJAJN1ckXTw8JkuE8jt1XOKBWK7FZuVmbc23i23bCHT/wDUSJJNpE4Nt0AAAAASUVORK5CYII=) no-repeat 0 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.toast {position: fixed;width: 100%;opacity: 0;pointer-events: none;margin: 5px 0 0 0;border: 2px solid rgba(0, 0, 0, 0);top: 44px;left: 0;z-index: 99;font-size: 12px;border-width: 0 60px;padding: 5px 10px;text-align: center;color: #666;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
.toast,.toast a,.toast a:visited {color: #666;}
.toast:before {content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;background: rgba(255, 246, 217, .95);border: 1px solid #f4e2a8;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);}
.visible {opacity: 1!important;pointer-events: all;}
@-webkit-keyframes layout-loading {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes layout-loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@-webkit-keyframes loading{
0%{ -webkit-transform: scale(1); }
20%{ -webkit-transform: scale(2); }
40%{ -webkit-transform: scale(1); }
}
@keyframes loading{
0%{ transform: scale(1); }
20%{ transform: scale(2); }
40%{ transform: scale(1); }
}
/*2016.3.3 updated by liguorui*/
.flex-pic{ height:auto; position: relative;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden; background:center center no-repeat; -webkit-background-size:cover; background-size:cover;}
.flex-pic::before{content:"";display:inline-block;padding-bottom:75%;visibility:none;opacity:0;pointer-events:none;z-index:-1;}
.flex-pic img{ width:100%; height:auto; visibility:hidden;-webkit-box-sizing: border-box;box-sizing: border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:100%;height:auto;}
[data-imgrate="32-9"] .flex-pic::before{padding-bottom: 28.125%;}
.pic,.pic img{display: block;width: 100%;}
.norm-title.blue h1{ color:#487de3;}
.norm-title.ico h1{ padding-left:20px;}
.norm-title .more{ font-size:13px; color:#999; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC6SURBVChTlZK9CcMwEIW9gAdI69pt2hRZwVNkCW+SAfQHalJ7BK/gNmVaNc57cAcGWRciMAL507t399SllC4hhBX72FmLEL7de/8GfG2yMcYbwA9h7ibMn0fYOXdvKhNmeVEuv+BR4IILBbYmy/PwL7yJjd1UhseHgqiwnFpgI/Qo4Jpz7iuQCemooLSh7FBBPNQRSVJ1rJq5JsTEKiV60MwJNrtEmZeaZ7enHfK2jgHQbD41AlB9WtAXy1bKQQJneEUAAAAASUVORK5CYII=") no-repeat right center;
background-size:5px 8px; -webkit-background:5px 8px;}
.game-item{ padding:15px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.game-item .flex-pic{ width: 92px; float: left; margin-right: 12px;}
.game-item img{ display:block; width:100%;}
.game-item a{ display:block; border-radius:3px;overflow: hidden;}
.game-item .title{ height:29px; line-height: 29px; font-size:16px; color:#333;}
.game-item .detail{ color:#515459; line-height:20px; font-size:12px;display:-webkit-box; text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical; overflow: hidden;}
[data-imgrate="183-236"] .flex-pic::before{padding-bottom: 128.9617%;}
.game-item-list{border-top:1px solid #e7e7e7;}
.game-item-list .game-item{border-top: none;}
.game-item-list .game-item .title{ height:38px; line-height:38px; font-size:14px;}
.game-item-list .game-item .detail{ margin-top:0 !important;}
.game-item-list .game-item .detail p{ font-size:12px; height:19px; line-height:19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.game-item-list .game-item .detail span{ display:inline-block;}
.game-item-list .game-item .detail .space{ width:4em; height:19px; letter-spacing: 24px;overflow: hidden; vertical-align: bottom;}
.btn[data-color="e76f4f"]{background-color: #e76f4f;}
.text-box{border: none; box-shadow: none; background: #fff; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-tap-highlight-color: rgba(0,0,0,0); border: 1px solid #e6e6e6; height: 20px; line-height: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 10px; font-size: 12px; color: #575757; }
.text-box.small{width: 77px;}
.text-box.wide{width: 100%;}
.text-box.error{border-color: #e00;}