﻿
.input .box { background-color: #fcfcfc; }
.input textarea { color: #000 !important; }
.input input { color: #000 !important; }

/*错误页*/
#error { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; }
#error .main { width: 380px; margin: auto; text-align: center; }
#error .main .text { padding: 40px 0px 30px 0px; font-size: 20px; }
#error .main .btn-normal { margin: auto; }
#error a:link { color: #000; }
/*404*/
#notfind { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; }
#notfind .main { width: 380px; margin: auto; text-align: center; }
#notfind .main .text { padding: 40px 0px 30px 0px; font-size: 20px; }
#notfind .main .btn-normal { margin: auto; }
#notfind a:link { color: #000; }

/*成功提示*/
#success { margin: auto; }
#success .sitemap { border-bottom: 1px solid rgba(153, 153, 153, 0.3); padding-bottom: 24px; }
#success .info { margin: 100px 0px 100px 0px; text-align: center; }
#success .info .name { font-size: 20px; font-weight: bold; padding: 12px 0px 8px 0px; }
#success .info .desc { line-height: 22px; padding-bottom: 16px; }
#success a { margin: 0px 4px; }

/*验证码页面*/
#vcode .main { padding: 30px; width: 300px; margin: 0 auto; }
#vcode .title { height: 48px; line-height: 48px; text-align: center; font-size: 16px; font-weight: bold; text-align: center; border-bottom: 1px solid #e0e0e0; }
#vcode .title .flr { height: 24px; width: 24px; line-height: 24px; margin: 12px 12px 0px 0px; }
#vcode .title .flr:hover { background: #ddd; }
#vcode .info .fll { width: 49%; }
#vcode .info .flr { width: 49%; }
#vcode .info .flr input { font-size: 18px; font-weight: bold; color: blue !important; }
#vcode .info img { width: 100%; height: 38px; border: 1px solid #ddd; vertical-align: middle; }
#vcode .buttons { margin-top: 24px; text-align: center; }

/*反馈*/
#feedback { }
#feedback .title { height: 48px; line-height: 48px; text-align: center; font-size: 16px; font-weight: bold; text-align: center; border-bottom: 1px solid #e0e0e0; }
#feedback .title .flr { height: 24px; width: 24px; line-height: 24px; margin: 12px 12px 0px 0px; }
#feedback .title .flr:hover { background: #ddd; }
#feedback .main { padding: 32px; }
#feedback .main .text { padding-bottom: 32px; }
#feedback .main .items .item { width: 48%; float: left; margin-right: 4%; padding-bottom: 12px; }
#feedback .main .items .item-multiline { width: 100%; margin-right: 0px; }
#feedback .main .items .item-multiline .box { width: 532px; height: 126px; padding: 8px 12px; line-height: 22px; border: 1px solid #ddd; }
#feedback .main .items textarea { font-size: 14px; color: #000 !important; }
#feedback .main .items input { font-size: 14px; color: #000 !important; }
#feedback .main .items .item:nth-child(2n) { margin-right: 0px; }
#feedback .main .items .item > div:first-child { padding-bottom: 8px; }
#feedback .main .items .item > div:first-child em { font-size: 16px; vertical-align: middle; }
#feedback .main .bottons { padding-top: 16px; text-align: right; }
#feedback .main .bottons .btn-light { margin-left: 24px; }
#feedback .main .bottons .bsize-l { display: inline-block; }
#feedback .main .input .box { background-color: #fcfcfc; }
#feedback .result { text-align: center; display: none; }
#feedback .result .pic { padding: 60px 0px 17px 0px; }
#feedback .result .desc { padding-top: 16px; }
#feedback .result .buttons { margin-top: 46px; }
#feedback a:link { color: #000; }

/*搜索历史*/
#searchhistory { padding-bottom: 24px; }
#searchhistory .main { height: 190px; }
#searchhistory .main div { padding: 8px 0px; line-height: 36px; }
#searchhistory .main h4 { font-weight: bold; }
#searchhistory .main .fll { width: 70%; text-align: left; box-sizing: border-box; overflow: hidden; }
#searchhistory .main .fll h4 { padding-left: 16px; }
#searchhistory .main .fll p { padding: 0px 16px; height: 40px; line-height: 40px; cursor: pointer; }
#searchhistory .main .fll .list { border-right: 1px solid #e0e0e0; min-height: 120px; }
#searchhistory .main .flr { width: 30%; text-align: center; }
#searchhistory a:link { color: #000; }

/*客服页面*/
#support .main .title { height: 20px; padding: 10px 12px 10px 24px; font-weight: bold; }
#support .main .title .flr { width: 20px; line-height: 20px; cursor: pointer; text-align: center; }
#support .main .title .flr:hover { background: #ddd; }
#support .main .item { padding: 18px 24px; border-bottom: 1px solid #eee; font-size: 12px; }
#support .main .pic div { width: 48px; height: 48px; border-radius: 50%; margin: 0px auto 6px; }
#support .main .pic img { max-height: 100%; max-width: 100%; }
#support .main .pic p { text-align: center; max-width: 60px; }
#support .main .info div { padding: 0px 0px 8px 16px; }
#support .main .info div:last-child { padding: 0px 0px 0px 16px; }
#support .main .info span { width: 150px; word-break: break-all; word-wrap: break-word; margin-left: 8px; }
#support a:link { color: #000; }

/*预览图片*/
#viewerimage .secondary { height: 50px; line-height: 50px; padding: 0 24px; font-weight: bold; border-bottom: 1px solid #f0f0f0; }
#viewerimage .secondary .flr { width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: 12px; cursor: pointer; }
#viewerimage .secondary .flr:hover { background: #ddd; }
#viewerimage .main { height: 510px; text-align: center; padding: 16px 0px; overflow: auto; }
#viewerimage .loading { position: fixed; }
#viewerimage .operate { width: 260px; height: 40px; position: fixed; bottom: 20px; background-color: rgba(0,0,0,0.75); opacity: 0.8; border-radius: 4px; left: 50%; margin-left: -170px; z-index: 100; }
#viewerimage .operate .items { font-size: 14px; color: #fff; width: 200px; margin: 0 auto; }
#viewerimage .operate .item { height: 100%; width: 40px; text-align: center; line-height: 40px; }
#viewerimage .operate .item:hover { cursor: pointer; background: rgba(255, 255, 255, 0.2); }
#viewerimage .c3-icon { width: 20px; height: 20px; background: url(/res/image/c3-icon.png?version=1.44.37.20240320) no-repeat; display: inline-block; vertical-align: middle; }
#viewerimage .icon-zoom-plus { background-position: -20px -500px; }
#viewerimage .icon-zoom-minus { background-position: -80px -500px; }
#viewerimage .icon-fullscreen { background-position: -140px -500px; }
#viewerimage .icon-reload-white { background-position: -260px -500px; }
