@charset "utf-8"; body, html { width: 100% } body { font-size: 14px; line-height: 140%; -webkit-overflow-scrolling: touch; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body, div, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, table, td, tr, ul { margin: 0; padding: 0; } li, ol, ul { list-style: none } dd, dl, dt { margin: 0; padding: 0 } p { line-height: 1.5; } img { border: 0 none; vertical-align: middle } .left0 { left: 0 !important; right: auto !important } .top0 { top: 0 !important; bottom: auto !important; } .top5 { top: 5px !important; bottom: auto !important; } .right0 { right: 0 !important; left: auto !important } .side-fixed { position: fixed; top: 0px; z-index: 99; background: #fff; width: 100% } .top-fixed, .side-fixed { -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; } .mask { position: fixed; top: 0; left: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); animation: fade-in; animation-duration: .5s; -webkit-animation: fade-in .5s; } .fadeInDown, #nav-signed { -webkit-animation: fadeInDown .5s .2s ease both; -moz-animation: fadeInDown .5s .2s ease both; } .fade-in { animation: fade-in; animation-duration: .3s; -webkit-animation: fade-in .3s; } .scrollbar::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; } .scrollbar::-webkit-scrollbar-thumb { background-color: #ccc; } @keyframes fade-in { 0% { opacity: 0; } 40% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 40% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-10px); } 100% { opacity: 1; -moz-transform: translateY(0); } } /* container */ .container { position: relative; margin-right: auto; margin-left: auto } .clearfix:after, .clearfix:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " "; clear: both } .pull-left { float: left !important } .pull-right { float: right !important } .row { position: relative; margin: 0; padding: 0 } .static { position: static !important; } .pointer { cursor: pointer } .hidden { overflow: hidden !important } .relative { position: relative } .fixed { position: fixed } .show, .block { display: block !important } .inline-block { display: inline-block !important } .hide, .visible-inline-lg, .visible-inline-md, .visible-inline-mi, .visible-inline-sm, .visible-inline-xs, .visible-lg, .visible-md, .visible-mi, .visible-sm, .visible-xs { display: none !important } /* form */ select { cursor: pointer; border: none; outline: 0 } input, textarea { outline: medium none; outline: 0; -webkit-tap-highlight-color: transparent } input.btn, input.form-control { outline: 0; -webkit-appearance: none } input[type=checkbox] { vertical-align: 20px } .form-control { display: block; width: 100%; height: 35px; padding: 0 10px; font-size: 14px; line-height: 20px; border-radius: 4px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: #F5F5F5; color: #999999; border: 1px solid #eee; } .input { height: 35px; padding: 0 10px; font-size: 14px; line-height: 20px; border-radius: 4px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: #F5F5F5; color: #999999; border: 1px solid #eee; } textarea.form-control { height: auto; padding: 10px } .form-control.verify { width: 90px; text-align: center; margin-right: 10px; display: inline-block } textarea { outline: none; -webkit-appearance: none; } .form-control:focus { border-color: #fa6567; -webkit-box-shadow: inset 0 1px 1px rgba(250, 101, 103, .075), 0 0 8px rgba(250, 101, 103, .6); } /* text */ h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: inherit; } h1 { font-size: 36px } h2 { font-size: 32px } h3 { font-size: 24px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 14px } .text-center { text-align: center; } .text-left { text-align: left } .text-right { text-align: right } .text-overflow { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap } .txt-hidden { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .txt-hid1 { -webkit-line-clamp: 1; } .txt-hid2 { -webkit-line-clamp: 2; } .txt-hid3 { -webkit-line-clamp: 3; } .txt-hid4 { -webkit-line-clamp: 4; } .txt-hid5 { -webkit-line-clamp: 5; } .txt-line22 { line-height: 22px; } .txt-line25 { line-height: 25px; } .txt-line28 { line-height: 28px; } .txt-line32 { line-height: 32px; } /* font */ .font12 { font-size: 12px !important } .font13 { font-size: 13px !important } .font14 { font-size: 14px !important } .font15 { font-size: 15px !important } .font16 { font-size: 16px !important } .font18 { font-size: 18px !important } .font20 { font-size: 20px !important } .font22 { font-size: 22px !important } .font24 { font-size: 24px !important } .font25 { font-size: 25px !important } .font40 { font-size: 40px !important } .font-bold { font-weight: 700 !important } /* line */ .spot { display: inline-block; margin-right: 5px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; border: 2px solid; } .split-line { display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px; } .top-line, .top-line-dot, .bottom-line, .bottom-line-dot { position: relative; } .top-line:before, .top-line-dot:before { content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; } .bottom-line:after, .bottom-line-dot:before { content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; } .top-line:before { border-top: 1px solid; } .bottom-line:after { border-bottom: 1px solid; } .top-line-dot:before { border-top: 1px dotted; } .bottom-line-dot:before { border-bottom: 1px dotted; } /* border */ .border { border: 1px solid; } .border-0 { border: none; } .border-2 { border: 2px solid; } .border-3 { border: 3px solid; } .border-4 { border: 4px solid; } .border-5 { border: 5px solid; } /* radius */ .radius-0 { border-radius: 0px !important; } .radius-2 { border-radius: 2px; } .radius-4 { border-radius: 4px; } .radius-6 { border-radius: 6px; } .radius-20 { border-radius: 20px; } .radius-50 { border-radius: 50% !important; } .radius-80 { border-radius: 80% !important; } .radius-100 { border-radius: 100% !important; } /* btn */ .btn { display: inline-block; padding: 8px 30px; font-size: 12px; } .btn.btn-xs { padding: 4px 15px; } .btn.btn-sm { padding: 6px 20px; } .btn.btn-md { padding: 8px 25px; } .btn.btn-lg { padding: 12px 30px; } .btn.btn-block { display: block; width: 100%; padding-left: 5px; padding-right: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .btn.disabled { cursor: not-allowed; } /* dropdown */ .dropdown { position: absolute; z-index: 99; display: none } .dropdown.top { bottom: 100%; padding-bottom: 10px; left: 50%; margin-left: -80px; } .dropdown.bottom { top: 100%; padding-top: 10px; left: 50%; margin-left: -80px; } .dropdown.left { left: 100%; padding-left: 10px; bottom: 0; } .dropdown.right { right: 100%; padding-right: 10px; bottom: 0; } .dropdown-box { padding: 10px; width: 160px; border-radius: 2px; } .dropdown-hover { position: relative; } .dropdown-hover:hover .dropdown, .open > .dropdown { display: block; } .arrow-down { margin-left: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; height: 7px; width: 7px; transform: translate(2px, -2px) rotate(-45deg); -webkit-transform: translate(2px, -2px) rotate(-45deg); display: inline-block; -moz-transform: translate(2px, -2px) rotate(-45deg); -ms-transform: translate(2px, -2px) rotate(-45deg); -o-transform: translate(2px, -2px) rotate(-45deg) } /* slideDown */ .slideDown-btn { cursor: pointer } .slideDown-btn .iconfont, .slidedown .iconfont { font-size: 12px; font-weight: bold } .slidedown { margin-top: 5px; } /*footer*/ .footer { padding: 10px 0px 10px 0px; margin-top: 10px; line-height: 35px; } .footer-nav a { margin: 0 10px; } /*tool*/ .top-tool { position: fixed; right: 20px; bottom: 60px; z-index: 10 } .top-tool li { position: relative; display: block; padding: 12px 12px 12px 12px; text-align: center; border-radius: 4px; font-size: 18px; cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, .1); margin-top: 15px; } .top-tool li.back-top { background-color: rgba(0, 0, 0, .6); display: none } .top-tool li:hover.back-top { background-color: rgba(0, 0, 0, .7); } .top-tool li.back-top .iconfont { color: #fff !important; } .top-tool .qrcode-box img { width: 100%; } .top-tool .weixin-qrcode { padding: 20px; } .bottom-nav { background: #fff; z-index: 999; position: fixed; bottom: 0; width: 100%; padding-top: 5px; display: none } .bottom-nav p { margin-bottom: 0px; } .bottom-nav p .iconfont { font-weight: bold } /*theme*/ .theme-body { background: #FFF; padding: 20px; } .theme-title { text-align: center; line-height: 35px; margin-bottom: 20px; font-size: 18px; } .theme-body ul li { float: left; display: inline-block; position: relative; min-height: 1px; padding: 10px; width: 25%; margin-right: 10%; border-radius: 80px; text-align: center; margin-bottom: 10%; cursor: pointer } .theme-body ul li:first-child { background: linear-gradient(to right, #fa6567 0, #fa8587 100%); box-shadow: 0 2px 6px rgba(228, 63, 66, .2); color: #fff } .theme-body ul li:nth-child(2) { background: linear-gradient(to right, #fb7c4d 0, #fc9d78 100%); box-shadow: 0 2px 6px rgba(251, 125, 78, .2); color: #fff } .theme-body ul li:nth-child(3) { margin-right: 0; background: linear-gradient(to right, #777ffb 0, #a8acfc 100%); box-shadow: 0 2px 6px rgba(120, 128, 251, .2); color: #fff } .theme-body ul li:nth-child(4) { background: linear-gradient(to right, #85d3d5 0, #b6e6e8 100%); box-shadow: 0 2px 6px rgba(218, 200, 255, .2); color: #fff } .theme-body ul li:nth-child(5) { background: linear-gradient(to right, #feac5e, #c779d0, #4bc0c8 100%); box-shadow: 0 2px 6px rgba(216, 137, 172, .2); color: #fff } .theme-body ul li:last-child { margin-right: 0; background: #444; box-shadow: 0 2px 6px rgba(51, 51, 51, .1); color: #ffdb70 } .theme-body ul li.on, .theme-body ul li.off { background: #fff; padding: 5px; box-shadow: none; color: #fa6567 } /*comment*/ .comment-item, .ui-comment li, .comment-ul li, .playlog-ul li, .order-list li { overflow: hidden; margin-bottom: 20px; position: relative; } .comment-post-arrow { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; overflow: hidden; position: absolute; top: 5px; left: 14%; } .comment-assist a:hover, .comment-top .user, .comment-top a { color: #f90; } .comment-replay-assist .ui-button { color: #fff; } .comment-sub { background-color: #fff; } .comment-num, .comment-sub { border: 1px solid #fff; } .comment-post { background-color: #f5f5f5; color: #999; } .comment-post-arrow { border-right: 12px solid #f5f5f5; } /*鍙冲疄绾?/ .comment-replay-arrow { border-bottom: 12px solid #e7e7e7; } .comment-replay { background: #e7e7e7; } .comment-num { background-color: #f5f5f5; color: #999; } .comment-num { position: absolute; padding: 0; left: 0; top: 0; text-align: center; border-radius: 5px } .comment-num em { display: block; padding: 5px 10px; margin-bottom: 2px; font-style: inherit; border-radius: 5px 5px 0 0 } .comment-num span { display: block; padding: 0 10px 2px 10px; font-size: 12px } .comment-avatar, .news-avatar { width: 15%; padding-right: 10px; float: left; overflow: hidden } .comment-avatar img, .news-avatar img { border-radius: 100%; width: 100%; height: 100%; max-width: 80px; max-height: 80px; } .comment-lou { text-align: center; margin: 5px; } .comment-post, .comment-focus .news-box, .comment-post-self { width: 85%; float: right; padding: 8px; border-radius: 5px; } .comment-body { width: 100%; overflow: hidden; } .comment-text { line-height: 28px; text-indent: 10px; padding: 5px 0px; } .comment-text img { padding-left: 10px; } .comment-top { padding: 5px 0px } .comment-text, .comment-top { word-wrap: break-word; color: #666; } .comment-top span.time { float: right; padding: 2px 10px; font-size: 13px; } .comment-text em { margin-right: 5px; font-weight: 400 } .comment-assist { height: 24px; line-height: 24px; overflow: hidden; margin: 5px 10px; padding-right: 4px; font-size: 13px } .comment-assist span a { margin-right: 10px } .comment-assist p.fn-left { float: left } .comment-assist p.fn-right { float: right } .ui-form-info { padding-top: 10px; } /*鍥炲*/ .comment-replay { margin: 10px 5px 10px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: relative; } .comment-replay-arrow { width: 0; height: 0; border-right: 12px solid transparent; border-left: 12px solid transparent; overflow: hidden; position: absolute; top: -12px; right: 5px; z-index: 8 } .comment-replay-cnt { overflow: hidden; padding: 10px; } .comment-replay .ui-textarea { width: 99%; height: 60px; line-height: 20px; border-color: #ccc; } .comment-replay-assist .ui-button { float: right; } .comment-replay-assist { overflow: hidden; padding-top: 10px; } .comment-replay-assist p { float: left } /*鍥炲鍐呭*/ .comment-sub { margin: 10px 5px 10px 5px; padding: 10px; border-radius: 5px; } .comment-sub .sublou { margin-right: 10px; } .comment-focus { margin-top: 20px; } /*鍥炲琛ㄦ儏*/ .emotion { cursor: pointer; float: left } .emotion .iconfont { font-size: 22px; } .smileBoxOuter { background-color: #f5f5f5; border: 1px solid #dcdcdc; clear: both; padding: 12px 0 12px 12px; position: absolute; display: none; z-index: 9999 } ul.smileBox { width: 370px; overflow: hidden } ul.smileBox li { width: 36px; height: 36px; float: left; padding: 0; border-bottom: 0 } ul.smileBox li a { background: url(static.gif) no-repeat #fff; width: 34px; height: 34px; display: block; border: 1px solid #dcdcdc } ul.smileBox li a:hover { border: 1px solid #f04848; background-color: #f9f9f9; position: relative; z-index: 2 } ul.smileBox li a.smile2 { background-position: -34px 0 } ul.smileBox li a.smile3 { background-position: -68px 0 } ul.smileBox li a.smile4 { background-position: -102px 0 } ul.smileBox li a.smile5 { background-position: -136px 0 } ul.smileBox li a.smile6 { background-position: -170px 0 } ul.smileBox li a.smile7 { background-position: -204px 0 } ul.smileBox li a.smile8 { background-position: -238px 0 } ul.smileBox li a.smile9 { background-position: -272px 0 } ul.smileBox li a.smile10 { background-position: -306px 0 } ul.smileBox li a.smile11 { background-position: -340px 0 } ul.smileBox li a.smile12 { background-position: -374px 0 } ul.smileBox li a.smile13 { background-position: -408px 0 } ul.smileBox li a.smile14 { background-position: -442px 0 } ul.smileBox li a.smile15 { background-position: -476px 0 } ul.smileBox li a.smile16 { background-position: -510px 0 } ul.smileBox li a.smile17 { background-position: -544px 0 } ul.smileBox li a.smile18 { background-position: -578px 0 } ul.smileBox li a.smile19 { background-position: -612px 0 } ul.smileBox li a.smile20 { background-position: -646px 0 } ul.smileBox li a.smile21 { background-position: -680px 0 } ul.smileBox li a.smile22 { background-position: -714px 0 } ul.smileBox li a.smile23 { background-position: -748px 0 } ul.smileBox li a.smile24 { background-position: -782px 0 } ul.smileBox li a.smile25 { background-position: -816px 0 } ul.smileBox li a.smile26 { background-position: -850px 0 } ul.smileBox li a.smile27 { background-position: -884px 0 } ul.smileBox li a.smile28 { background-position: -918px 0 } ul.smileBox li a.smile29 { background-position: -952px 0 } ul.smileBox li a.smile30 { background-position: -986px 0 } ul.smileBox li a.smile31 { background-position: -1020px 0 } ul.smileBox li a.smile32 { background-position: -1054px 0 } ul.smileBox li a.smile33 { background-position: -1088px 0 } ul.smileBox li a.smile34 { background-position: -1122px 0 } ul.smileBox li a.smile35 { background-position: -1156px 0 } ul.smileBox li a.smile36 { background-position: -1190px 0 } ul.smileBox li a.smile37 { background-position: -1224px 0 } ul.smileBox li a.smile38 { background-position: -1258px 0 } ul.smileBox li a.smile39 { background-position: -1292px 0 } ul.smileBox li a.smile40 { background-position: -1326px 0 } ul.smileBox li a.smile41 { background-position: -1360px 0 } ul.smileBox li a.smile42 { background-position: -1394px 0 } ul.smileBox li a.smile43 { background-position: -1428px 0 } ul.smileBox li a.smile44 { background-position: -1462px 0 } ul.smileBox li a.smile45 { background-position: -1496px 0 } ul.smileBox li a.smile46 { background-position: -1530px 0 } ul.smileBox li a.smile47 { background-position: -1564px 0 } ul.smileBox li a.smile48 { background-position: -1598px 0 } ul.smileBox li a.smile49 { background-position: -1632px 0 } ul.smileBox li a.smile50 { background-position: -1668px 0 } ul.smileBox li a.smile51 { background-position: -1702px 0 } ul.smileBox li a.smile52 { background-position: -1736px 0 } ul.smileBox li a.smile53 { background-position: -1768px 0 } ul.smileBox li a.smile54 { background-position: -1802px 0 } ul.smileBox li a.smile55 { background-position: -1836px 0 } ul.smileBox li a.smile56 { background-position: -1870px 0 } ul.smileBox li a.smile57 { background-position: -1904px 0 } ul.smileBox li a.smile58 { background-position: -1938px 0 } ul.smileBox li a.smile59 { background-position: -1972px 0 } ul.smileBox li a.smile60 { background-position: -2006px 0 } ul.smileBox li a.smile61 { background-position: -2040px 0 } ul.smileBox li a.smile62 { background-position: -2074px 0 } ul.smileBox li a.smile63 { background-position: -2108px 0 } ul.smileBox li a.smile64 { background-position: -2142px 0 } ul.smileBox li a.smile65 { background-position: -2176px 0 } ul.smileBox li a.smile66 { background-position: -2210px 0 } ul.smileBox li a.smile67 { background-position: -2244px 0 } ul.smileBox li a.smile68 { background-position: -2278px 0 } ul.smileBox li a.smile69 { background-position: -2312px 0 } ul.smileBox li a.smile70 { background-position: -2346px 0 } ul.smileBox li a.smile71 { background-position: -2380px 0 } ul.smileBox li a.smile72 { background-position: -2414px 0 } ul.smileBox li a.smile73 { background-position: -2448px 0 } ul.smileBox li a.smile74 { background-position: -2482px 0 } ul.smileBox li a.smile75 { background-position: -2516px 0 } ul.smileBox li a.smile76 { background-position: -2550px 0 } ul.smileBox li a.smile77 { background-position: -2584px 0 } ul.smileBox li a.smile78 { background-position: -2618px 0 } ul.smileBox li a.smile79 { background-position: -2652px 0 } ul.smileBox li a.smile80 { background-position: -2686px 0 } ul.smileBox li a.smile81 { background-position: -2720px 0 } ul.smileBox li a.smile82 { background-position: -2754px 0 } ul.smileBox li a.smile83 { background-position: -2788px 0 } ul.smileBox li a.smile84 { background-position: -2822px 0 } .smilePage { text-align: right; margin-right: 12px; line-height: 24px; padding-top: 12px } .smilePage a { display: inline-block; width: 24px; height: 24px; margin-left: 10px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px } .smilePage a:hover, .smilePage a.current { background-color: #fa6567; color: #fff; font-weight: bold; text-decoration: none } .validate-img { height: 35px; cursor: pointer; } /*鎾斁绐楀彛*/ .embed-responsive { position: relative; display: block; height: 0; padding: 0; padding-bottom: 0px; overflow: hidden; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } #ewave_player { position: relative; overflow: hidden; z-index: 0; } /* col */ .col-lg-1, .col-lg-10, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-pd, .col-sm-1, .col-sm-10, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding: 10px } .col-xs-1, .col-xs-10, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-wide-1, .col-xs-wide-10, .col-xs-wide-15, .col-xs-wide-2, .col-xs-wide-25, .col-xs-wide-3, .col-xs-wide-35, .col-xs-wide-4, .col-xs-wide-45, .col-xs-wide-5, .col-xs-wide-55, .col-xs-wide-6, .col-xs-wide-65, .col-xs-wide-7, .col-xs-wide-75, .col-xs-wide-8, .col-xs-wide-85, .col-xs-wide-9, .col-xs-wide-95 { float: left } .col-xs-10 { width: 10% } .col-xs-9 { width: 11.1111111% } .col-xs-8 { width: 12.5% } .col-xs-7 { width: 14.2857143% } .col-xs-6 { width: 16.6666667% } .col-xs-5 { width: 20% } .col-xs-4 { width: 25% } .col-xs-3 { width: 33.3333333% } .col-xs-2 { width: 50% } .col-xs-1 { width: 100% } .col-xs-wide-10 { width: 10% } .col-xs-wide-9 { width: 90% } .col-xs-wide-8 { width: 80% } .col-xs-wide-7 { width: 70% } .col-xs-wide-6 { width: 60% } .col-xs-wide-5 { width: 50% } .col-xs-wide-4 { width: 40% } .col-xs-wide-3 { width: 30% } .col-xs-wide-2 { width: 20% } .col-xs-wide-15 { width: 15% } .col-xs-wide-95 { width: 95% } .col-xs-wide-85 { width: 85% } .col-xs-wide-75 { width: 75% } .col-xs-wide-65 { width: 65% } .col-xs-wide-55 { width: 55% } .col-xs-wide-45 { width: 45% } .col-xs-wide-35 { width: 35% } .col-xs-wide-25 { width: 25% } .p-xs-20 { padding: 20px !important } .p-xs-10 { padding: 10px !important } .p-xs-5 { padding: 5px !important } .p-xs-0 { padding: 0 !important } .pt-xs-20 { padding-top: 20px !important } .pt-xs-10 { padding-top: 10px !important } .pt-xs-5 { padding-top: 5px !important } .pt-xs-0 { padding-top: 0 !important } .pb-xs-20 { padding-bottom: 20px !important } .pb-xs-10 { padding-bottom: 10px !important } .pb-xs-5 { padding-bottom: 5px !important } .pb-xs-0 { padding-bottom: 0 !important } .pl-xs-20 { padding-left: 20px !important } .pl-xs-10 { padding-left: 10px !important } .pl-xs-5 { padding-left: 5px !important } .pl-xs-0 { padding-left: 0 !important } .pr-xs-20 { padding-right: 20px !important } .pr-xs-10 { padding-right: 10px !important } .pr-xs-5 { padding-right: 5px !important } .pr-xs-0 { padding-right: 0 !important } .m-xs-20 { margin: 20px !important } .m-xs-10 { margin: 10px !important } .m-xs-5 { margin: 5px !important } .m-xs-0 { margin: 0 !important } .mt-xs-20 { margin-top: 20px !important } .mt-xs-18 { margin-top: 18px !important } .mt-xs-15 { margin-top: 15px !important } .mt-xs-10 { margin-top: 10px !important } .mt-xs-5 { margin-top: 5px !important } .mt-xs-0 { margin-top: 0 !important } .mb-xs-20 { margin-bottom: 20px !important } .mb-xs-10 { margin-bottom: 10px !important } .mb-xs-5 { margin-bottom: 5px !important } .mb-xs-0 { margin-bottom: 0 !important } .ml-xs-20 { margin-left: 20px !important } .ml-xs-10 { margin-left: 10px !important } .ml-xs-5 { margin-left: 5px !important } .ml-xs-0 { margin-left: 0 !important } .mr-xs-20 { margin-right: 20px !important } .mr-xs-10 { margin-right: 10px !important } .mr-xs-5 { margin-right: 5px !important } .mr-xs-0 { margin-right: 0 !important } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-wide-1, .col-sm-wide-10, .col-sm-wide-15, .col-sm-wide-2, .col-sm-wide-25, .col-sm-wide-3, .col-sm-wide-35, .col-sm-wide-4, .col-sm-wide-45, .col-sm-wide-5, .col-sm-wide-55, .col-sm-wide-6, .col-sm-wide-65, .col-sm-wide-7, .col-sm-wide-75, .col-sm-wide-8, .col-sm-wide-85, .col-sm-wide-9, .col-sm-wide-95 { float: left } .col-sm-10 { width: 10% } .col-sm-9 { width: 11.1111111% } .col-sm-8 { width: 12.5% } .col-sm-7 { width: 14.2857143% } .col-sm-6 { width: 16.6666667% } .col-sm-5 { width: 20% } .col-sm-4 { width: 25% } .col-sm-3 { width: 33.3333333% } .col-sm-2 { width: 50% } .col-sm-1 { width: 100% } .col-sm-wide-10 { width: 10% } .col-sm-wide-9 { width: 90% } .col-sm-wide-8 { width: 80% } .col-sm-wide-7 { width: 70% } .col-sm-wide-6 { width: 60% } .col-sm-wide-5 { width: 50% } .col-sm-wide-4 { width: 40% } .col-sm-wide-3 { width: 30% } .col-sm-wide-2 { width: 20% } .col-sm-wide-15 { width: 15% } .col-sm-wide-95 { width: 95% } .col-sm-wide-85 { width: 85% } .col-sm-wide-75 { width: 75% } .col-sm-wide-65 { width: 65% } .col-sm-wide-55 { width: 55% } .col-sm-wide-45 { width: 45% } .col-sm-wide-35 { width: 35% } .col-sm-wide-25 { width: 25% } .p-sm-20 { padding: 20px !important } .p-sm-10 { padding: 10px !important } .p-sm-5 { padding: 5px !important } .p-sm-0 { padding: 0 !important } .pt-sm-20 { padding-top: 20px !important } .pt-sm-10 { padding-top: 10px !important } .pt-sm-5 { padding-top: 5px !important } .pt-sm-0 { padding-top: 0 !important } .pb-sm-20 { padding-bottom: 20px !important } .pb-sm-10 { padding-bottom: 10px !important } .pb-sm-5 { padding-bottom: 5px !important } .pb-sm-0 { padding-bottom: 0 !important } .pl-sm-20 { padding-left: 20px !important } .pl-sm-10 { padding-left: 10px !important } .pl-sm-5 { padding-left: 5px !important } .pl-sm-0 { padding-left: 0 !important } .pr-sm-20 { padding-right: 20px !important } .pr-sm-10 { padding-right: 10px !important } .pr-sm-5 { padding-right: 5px !important } .pr-sm-0 { padding-right: 0 !important } .m-sm-20 { margin: 20px !important } .m-sm-10 { margin: 10px !important } .m-sm-5 { margin: 5px !important } .m-sm-0 { margin: 0 !important } .mt-sm-20 { margin-top: 20px !important } .mt-sm-10 { margin-top: 10px !important } .mt-sm-5 { margin-top: 5px !important } .mt-sm-0 { margin-top: 0 !important } .mb-sm-20 { margin-bottom: 20px !important } .mb-sm-10 { margin-bottom: 10px !important } .mb-sm-5 { margin-bottom: 5px !important } .mb-sm-0 { margin-bottom: 0 !important } .ml-sm-20 { margin-left: 20px !important } .ml-sm-10 { margin-left: 10px !important } .ml-sm-5 { margin-left: 5px !important } .ml-sm-0 { margin-left: 0 !important } .mr-sm-20 { margin-right: 20px !important } .mr-sm-10 { margin-right: 10px !important } .mr-sm-5 { margin-right: 5px !important } .mr-sm-0 { margin-right: 0 !important } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-wide-1, .col-md-wide-10, .col-md-wide-15, .col-md-wide-2, .col-md-wide-25, .col-md-wide-3, .col-md-wide-35, .col-md-wide-4, .col-md-wide-45, .col-md-wide-5, .col-md-wide-55, .col-md-wide-6, .col-md-wide-65, .col-md-wide-7, .col-md-wide-75, .col-md-wide-8, .col-md-wide-85, .col-md-wide-9, .col-md-wide-95 { float: left } .col-md-10 { width: 10% } .col-md-9 { width: 11.1111111% } .col-md-8 { width: 12.5% } .col-md-7 { width: 14.2857143% } .col-md-6 { width: 16.6666667% } .col-md-5 { width: 20% } .col-md-4 { width: 25% } .col-md-3 { width: 33.3333333% } .col-md-2 { width: 50% } .col-md-1 { width: 100% } .col-md-wide-10 { width: 10% } .col-md-wide-9 { width: 90% } .col-md-wide-8 { width: 80% } .col-md-wide-7 { width: 70% } .col-md-wide-6 { width: 60% } .col-md-wide-5 { width: 50% } .col-md-wide-4 { width: 40% } .col-md-wide-3 { width: 30% } .col-md-wide-2 { width: 20% } .col-md-wide-15 { width: 15% } .col-md-wide-95 { width: 95% } .col-md-wide-85 { width: 85% } .col-md-wide-75 { width: 75% } .col-md-wide-65 { width: 65% } .col-md-wide-55 { width: 55% } .col-md-wide-45 { width: 45% } .col-md-wide-35 { width: 35% } .col-md-wide-25 { width: 25% } .p-md-20 { padding: 20px !important } .p-md-10 { padding: 10px !important } .p-md-5 { padding: 5px !important } .p-md-0 { padding: 0 !important } .pt-md-20 { padding-top: 20px !important } .pt-md-10 { padding-top: 10px !important } .pt-md-5 { padding-top: 5px !important } .pt-md-0 { padding-top: 0 !important } .pb-md-20 { padding-bottom: 20px !important } .pb-md-10 { padding-bottom: 10px !important } .pb-md-5 { padding-bottom: 5px !important } .pb-md-0 { padding-bottom: 0 !important } .pl-md-20 { padding-left: 20px !important } .pl-md-10 { padding-left: 10px !important } .pl-md-5 { padding-left: 5px !important } .pl-md-0 { padding-left: 0 !important } .pr-md-20 { padding-right: 20px !important } .pr-md-10 { padding-right: 10px !important } .pr-md-5 { padding-right: 5px !important } .pr-md-0 { padding-right: 0 !important } .m-md-20 { margin: 20px !important } .m-md-10 { margin: 10px !important } .m-md-5 { margin: 5px !important } .m-md-0 { margin: 0 !important } .mt-md-20 { margin-top: 20px !important } .mt-md-10 { margin-top: 10px !important } .mt-md-5 { margin-top: 5px !important } .mt-md-0 { margin-top: 0 !important } .mb-md-20 { margin-bottom: 20px !important } .mb-md-10 { margin-bottom: 10px !important } .mb-md-5 { margin-bottom: 5px !important } .mb-md-0 { margin-bottom: 0 !important } .ml-md-20 { margin-left: 20px !important } .ml-md-10 { margin-left: 10px !important } .ml-md-5 { margin-left: 5px !important } .ml-md-0 { margin-left: 0 !important } .mr-md-20 { margin-right: 20px !important } .mr-md-10 { margin-right: 10px !important } .mr-md-5 { margin-right: 5px !important } .mr-md-0 { margin-right: 0 !important } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-wide-1, .col-lg-wide-10, .col-lg-wide-15, .col-lg-wide-2, .col-lg-wide-25, .col-lg-wide-3, .col-lg-wide-35, .col-lg-wide-4, .col-lg-wide-45, .col-lg-wide-5, .col-lg-wide-55, .col-lg-wide-6, .col-lg-wide-65, .col-lg-wide-7, .col-lg-wide-75, .col-lg-wide-8, .col-lg-wide-85, .col-lg-wide-9, .col-lg-wide-95 { float: left } .col-lg-10 { width: 10% } .col-lg-9 { width: 11.1111111% } .col-lg-8 { width: 12.5% } .col-lg-7 { width: 14.2857143% } .col-lg-6 { width: 16.6666667% } .col-lg-5 { width: 20% } .col-lg-4 { width: 25% } .col-lg-3 { width: 33.3333333% } .col-lg-2 { width: 50% } .col-lg-1 { width: 100% } .col-lg-wide-10 { width: 10% } .col-lg-wide-9 { width: 90% } .col-lg-wide-8 { width: 80% } .col-lg-wide-7 { width: 70% } .col-lg-wide-6 { width: 60% } .col-lg-wide-5 { width: 50% } .col-lg-wide-4 { width: 40% } .col-lg-wide-3 { width: 30% } .col-lg-wide-2 { width: 20% } .col-lg-wide-15 { width: 15% } .col-lg-wide-95 { width: 95% } .col-lg-wide-85 { width: 85% } .col-lg-wide-75 { width: 75% } .col-lg-wide-65 { width: 65% } .col-lg-wide-55 { width: 55% } .col-lg-wide-45 { width: 45% } .col-lg-wide-35 { width: 35% } .col-lg-wide-25 { width: 25% } .p-lg-20 { padding: 20px !important } .p-lg-10 { padding: 10px !important } .p-lg-5 { padding: 5px !important } .p-lg-0 { padding: 0 !important } .pt-lg-20 { padding-top: 20px !important } .pt-lg-10 { padding-top: 10px !important } .pt-lg-5 { padding-top: 5px !important } .pt-lg-0 { padding-top: 0 !important } .pb-lg-20 { padding-bottom: 20px !important } .pb-lg-10 { padding-bottom: 10px !important } .pb-lg-5 { padding-bottom: 5px !important } .pb-lg-0 { padding-bottom: 0 !important } .pl-lg-20 { padding-left: 20px !important } .pl-lg-10 { padding-left: 10px !important } .pl-lg-5 { padding-left: 5px !important } .pl-lg-0 { padding-left: 0 !important } .pr-lg-20 { padding-right: 20px !important } .pr-lg-10 { padding-right: 10px !important } .pr-lg-5 { padding-right: 5px !important } .pr-lg-0 { padding-right: 0 !important } .m-lg-20 { margin: 20px !important } .m-lg-10 { margin: 10px !important } .m-lg-5 { margin: 5px !important } .m-lg-0 { margin: 0 !important } .mt-lg-20 { margin-top: 20px !important } .mt-lg-10 { margin-top: 10px !important } .mt-lg-5 { margin-top: 5px !important } .mt-lg-0 { margin-top: 0 !important } .mb-lg-20 { margin-bottom: 20px !important } .mb-lg-10 { margin-bottom: 10px !important } .mb-lg-5 { margin-bottom: 5px !important } .mb-lg-0 { margin-bottom: 0 !important } .ml-lg-20 { margin-left: 20px !important } .ml-lg-10 { margin-left: 10px !important } .ml-lg-5 { margin-left: 5px !important } .ml-lg-0 { margin-left: 0 !important } .mr-lg-20 { margin-right: 20px !important } .mr-lg-10 { margin-right: 10px !important } .mr-lg-5 { margin-right: 5px !important } .mr-lg-0 { margin-right: 0 !important } .visible-lg { display: block !important; } .hidden-lg { display: none !important; } } @media (max-width: 1199px) and (min-width: 992px) { .visible-md { display: block !important; } .hidden-md { display: none !important; } } @media (max-width: 991px) and (min-width: 768px) { .visible-sm { display: block !important; } .hidden-sm { display: none !important; } } @media (max-width: 767px) { .top-10 { padding: 0 !important; margin-top: 10px !important } .visible-xs { display: block !important; } .hidden-xs { display: none !important; } .top-tool { right: 5px; bottom: 70px; } .top-tool li { padding: 10px; margin-top: 15px; } ul.smileBox { width: 270px; overflow: hidden } .gbook .comment-post { width: 100%; } } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-sousuo:before { content: "\e615"; } .icon-shijian:before { content: "\e608"; } .icon-zhou:before { content: "\e60b"; } .icon-play:before { content: "\e696"; } .icon-jijiang:before { content: "\e610"; } .icon-rexing:before { content: "\e607"; } .icon-paihang:before { content: "\e613"; } .icon-user:before { content: "\e602"; } .icon-remen:before { content: "\e638"; } .icon-tv:before { content: "\e6bc"; } .icon-mov:before { content: "\e62e"; } .icon-mingxing:before { content: "\e603"; } .icon-yanyuan:before { content: "\e69a"; } .icon-zongyi:before { content: "\e609"; } .icon-dongman:before { content: "\e612"; } .icon-news:before { content: "\e604"; } .icon-zhuanti:before { content: "\e66c"; } .icon-link:before { content: "\e7db"; } .icon-top:before { content: "\e71e"; } .icon-erweima:before { content: "\e600"; } .icon-liuyan:before { content: "\e665"; } .icon-ding:before { content: "\e839"; } .icon-cai:before { content: "\e840"; } .icon-love:before { content: "\e62f"; } .icon-remind:before { content: "\e633"; } .icon-baocuo:before { content: "\e66e"; } .icon-down:before { content: "\e629"; } .icon-up:before { content: "\e71e"; } .icon-home:before { content: "\e605"; } .icon-right:before { content: "\e63c"; } .icon-left:before { content: "\e63d"; } .icon-pinglun:before { content: "\e621"; } .icon-add:before { content: "\eaf3"; } .icon-xin:before { content: "\e639"; } .icon-juqing:before { content: "\e77a"; } .icon-search:before { content: "\e623"; } .icon-nan:before { content: "\e8b3"; } .icon-nv:before { content: "\e694"; } .icon-guanbi:before { content: "\e63a"; } .icon-xihuan:before { content: "\e6af"; } .icon-s1:before { content: "\e6e3"; } .icon-s2:before { content: "\e6c0"; } .icon-s3:before { content: "\e8ab"; } .icon-s4:before { content: "\e611"; } .icon-s5:before { content: "\e60c"; } .icon-wb:before { content: "\e802"; } .icon-hua:before { content: "\e625"; } @font-face { font-family: 'iconfont'; /* project id 1611402 */ src: url('../fonts/font_1611402_1uikunxly7p.eot'); src: url('../fonts/font_1611402_1uikunxly7p.eot?#iefix') format('embedded-opentype'), url('../fonts/font_1611402_1uikunxly7p.woff2') format('woff2'), url('../fonts/font_1611402_1uikunxly7p.woff') format('woff'), url('../fonts/font_1611402_1uikunxly7p.ttf') format('truetype'), url('../fonts/font_1611402_1uikunxly7p.svg#iconfont') format('svg'); }