1056 lines
57 KiB
CSS
1056 lines
57 KiB
CSS
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
|
||
body, html { height: 100%; color:#888; background:#FFF; }
|
||
body { overflow-x:hidden; overflow-y:hidden; }
|
||
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
||
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
|
||
body, button, input, select, textarea { font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"; }
|
||
input, select, textarea { font-size: 100%; }
|
||
table { border-collapse: collapse; border-spacing: 0; }
|
||
fieldset, img { border: 0; }
|
||
iframe { display: block; }
|
||
i, address, caption, cite, code, dfn, em, th, var { font-style: normal; }
|
||
ol, ul, dl { list-style: none; }
|
||
a { color: #888; text-decoration: none; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
|
||
a:hover { color: #FF6600; }
|
||
a:focus { outline: none; }
|
||
::selection { background-color: #FF6600; color: #FFF; }
|
||
::-moz-selection { background-color: #FF6600; color: #FFF; }
|
||
.clear { *zoom: 1;}
|
||
.clear:before { content: ""; display: table; }
|
||
.clear:after { content: ""; display: table; clear: both; }
|
||
|
||
|
||
|
||
|
||
.fixtop { position:fixed; z-index:9999; top:0; width:100%; height:96px; min-width:320px; }
|
||
.fixtop .fixtop-left { position:absolute; left:0; height:96px; width:310px; background:url(../images/game/top_left.png) no-repeat; background-size:contain; }
|
||
.fixtop .fixtop-right { position:absolute; right:0; height:96px; width:320px; background:url(../images/game/top_right.png) no-repeat; background-size:contain; }
|
||
.fixtop .fixtop-center { position:absolute; left:310px; height:96px; width:calc(100% - 630px); background:url(../images/game/top_center.png) repeat-x; background-size:contain; }
|
||
.fixtop .fixtop-title { margin:0 auto; width:192px; position:relative; z-index:99999; margin-top:4px; }
|
||
.fixtop .fixtop-title img { width:100%; }
|
||
|
||
@media (max-width: 767px) {
|
||
.fixtop { height:48px; }
|
||
.fixtop .fixtop-left { height:48px; width:155px; }
|
||
.fixtop .fixtop-right { height:48px; width:160px; }
|
||
.fixtop .fixtop-center { height:48px; left:155px; width:calc(100% - 315px); }
|
||
.fixtop .fixtop-title { width:96px; margin-top:2px; }
|
||
}
|
||
|
||
.fixtop-ext { position:fixed; z-index:999; top:0; width:100%; background:url(../images/game/market_top.png) repeat-x; height:126px; background-size:contain; }
|
||
@media (max-width: 767px) {
|
||
.fixtop-ext { height:63px; }
|
||
}
|
||
|
||
.fixbottom { position:fixed; z-index:9999; bottom:0; width:100%; height:80px; min-width:320px; }
|
||
.fixbottom .fixbottom-left { position:absolute; left:0; height:80px; width:280px; background:url(../images/game/bottom_left.png) no-repeat; background-size:contain; }
|
||
.fixbottom .fixbottom-right { position:absolute; right:0; height:80px; width:350px; background:url(../images/game/bottom_right.png) no-repeat; background-size:contain; }
|
||
.fixbottom .fixbottom-center { position:absolute; left:280px; height:80px; width:calc(100% - 630px); background:url(../images/game/bottom_center.png) repeat-x; background-size:contain; }
|
||
.fixbottom .fixbottom-button { margin:0 auto; width:178px; height:62px; margin-top:10px; position:relative; z-index:99999; background:url(../images/game/back.png) no-repeat; background-size:contain; cursor:pointer; }
|
||
.fixbottom .fixbottom-button-close { background:url(../images/game/back2.png) no-repeat; background-size:contain; }
|
||
|
||
@media (max-width: 767px) {
|
||
.fixbottom { height:40px; }
|
||
.fixbottom .fixbottom-left { height:40px; width:140px; }
|
||
.fixbottom .fixbottom-right { height:40px; width:175px; }
|
||
.fixbottom .fixbottom-center { height:40px; left:140px; width:calc(100% - 315px); }
|
||
.fixbottom .fixbottom-button { margin:0 auto; width:178px; height:62px; margin-top:5px; }
|
||
.fixbottom .fixbottom-button { width:89px; height:31px; margin-top:5px; }
|
||
}
|
||
|
||
.fixleft { position:fixed; z-index:99; left:0; height:100%; width:24px; background:url(../images/game/fix_left.png) repeat-y; background-size:contain; }
|
||
@media (max-width: 767px) {
|
||
.fixleft { width:12px; }
|
||
}
|
||
.fixright { position:fixed; z-index:99; right:0; height:100%; width:24px; background:url(../images/game/fix_right.png) repeat-y; background-size:contain; }
|
||
@media (max-width: 767px) {
|
||
.fixright { width:12px; }
|
||
}
|
||
|
||
.blank-bottom { height:80px; }
|
||
@media (max-width: 767px) {
|
||
.blank-bottom { height:40px; }
|
||
}
|
||
|
||
.interlayer { width:100%; height:240px; }
|
||
.interlayer .interlayer-left { float:left; width:74px; height:240px; background:url(../images/game/interlayer_left.png) no-repeat; background-size:contain; }
|
||
.interlayer .interlayer-right { float:left; width:74px; height:240px; background:url(../images/game/interlayer_right.png) no-repeat; background-size:contain; }
|
||
.interlayer .interlayer-center { float:left; width:calc(100% - 148px); height:240px; background:url(../images/game/interlayer_center.png) repeat-x; background-size:contain; }
|
||
.interlayer .interlayer-center-item { float:left; width:25%; }
|
||
|
||
.interlayer .interlayer-center-item .info { width:100px; height:70px; margin:0 auto; color:#F8F0E0; font-size:14px; text-align:center; }
|
||
.interlayer .interlayer-center-item .info b { display:block; width:100px; height:30px; line-height:30px; background:url(../images/game/tip.png) no-repeat; background-size:contain; }
|
||
.interlayer .interlayer-center-item .info b:last-child { margin-top:6px; }
|
||
|
||
.interlayer .interlayer-center-item .basket { cursor:pointer; padding-top:10px; margin:0 auto; width:118px; height:102px; background:url(../images/game/box.png) no-repeat; background-size:contain; }
|
||
.interlayer .interlayer-center-item .basket img { margin:0 auto; display:block; width:50px; height:50px; }
|
||
|
||
.interlayer .interlayer-center-item .name { height:24px; line-height:20px; font-weight:bold; font-size:18px; text-align:center; color:#9A5300; }
|
||
|
||
|
||
@media (max-width: 767px) {
|
||
.interlayer { width:100%; height:120px; }
|
||
.interlayer .interlayer-left { width:37px; height:120px; }
|
||
.interlayer .interlayer-right { width:37px; height:120px; }
|
||
.interlayer .interlayer-center { width:calc(100% - 74px); height:120px; }
|
||
|
||
.interlayer .interlayer-center-item .info { width:50px; height:35px; margin:0 auto; color:#FFF; font-size:12px; text-align:center; }
|
||
.interlayer .interlayer-center-item .info b { display:block; width:50px; height:15px; line-height:16px; background:url(../images/game/tip.png) no-repeat; background-size:contain; }
|
||
.interlayer .interlayer-center-item .info b:last-child { margin-top:3px; }
|
||
|
||
.interlayer .interlayer-center-item .basket { padding-top:5px; width:59px; height:51px; }
|
||
.interlayer .interlayer-center-item .basket img { width:25px; height:25px; }
|
||
|
||
.interlayer .interlayer-center-item .name { height:12px; line-height:12px; font-weight:bold; font-size:9px; text-align:center; color:#9A5300; }
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
.content { padding:130px 34px; min-width:320px; width:100%; height:100%; background:#FFF; overflow-y:auto; }
|
||
.content-market { padding:160px 24px; background:url(../images/game/background.png) no-repeat; background-size:cover; }
|
||
@media (max-width: 767px) {
|
||
.content { padding:65px 17px; }
|
||
.content-market { padding:80px 12px; }
|
||
}
|
||
|
||
|
||
.content-market .error { margin: 100px auto; display:block; width:60%; }
|
||
|
||
|
||
/*---------------------------*/
|
||
.upcolor { color:#FF0000!important; }
|
||
.downcolor { color:#00B22D!important; }
|
||
|
||
|
||
|
||
.container { width:100%; padding:0; margin:0 auto; position:relative; }
|
||
|
||
|
||
@font-face {
|
||
font-family: 'icon'; /* project id 87244 */
|
||
src: url('//at.alicdn.com/t/font_8928sbvzllq5mi.eot');
|
||
src: url('//at.alicdn.com/t/font_8928sbvzllq5mi.eot?#iefix') format('embedded-opentype'),
|
||
url('//at.alicdn.com/t/font_8928sbvzllq5mi.woff') format('woff'),
|
||
url('//at.alicdn.com/t/font_8928sbvzllq5mi.ttf') format('truetype'),
|
||
url('//at.alicdn.com/t/font_8928sbvzllq5mi.svg#icon') format('svg');
|
||
}
|
||
|
||
|
||
.icon {
|
||
font-family:"icon" !important;
|
||
font-style:normal;
|
||
-webkit-font-smoothing: antialiased;
|
||
-webkit-text-stroke-width: 0.2px;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
}
|
||
|
||
|
||
|
||
|
||
.side { float:none; width:100%; padding:10px 0; }
|
||
.main { float:none; width:100%; padding:10px 0; }
|
||
|
||
|
||
|
||
|
||
|
||
.side .sidemenu { overflow:hidden; }
|
||
.side .sidemenu dt { height:50px; padding:10px 0; line-height:30px; border-bottom:1px solid #DDD; font-size:18px; font-weight:bold; color:#FF6600; }
|
||
.side .sidemenu dt i { font-weight:normal; padding-right:10px; }
|
||
.side .sidemenu dd { padding:15px 25px; border-bottom:1px solid #EEE; }
|
||
.side .sidemenu .select a { color:#FF6600; }
|
||
|
||
|
||
|
||
|
||
|
||
.main .newslist { overflow:hidden; }
|
||
.main .newslist li { margin-bottom:20px; }
|
||
.main .newslist li .newslist-item-head { min-height:50px; padding:10px 0; line-height:30px; font-size:18px; font-weight:bold; border-bottom:1px solid #EEE; }
|
||
.main .newslist li .newslist-item-info { padding:10px 0; color:#999; }
|
||
.main .newslist li .newslist-item-info span { padding-right:20px; }
|
||
.main .newslist li .newslist-item-info span img { display:inline-block; vertical-align:middle; padding:0 3px; }
|
||
.main .newslist li .newslist-item-text { line-height:30px; }
|
||
|
||
|
||
.main .newsitem { overflow:hidden; }
|
||
.main .newsitem .newsitem-head { min-height:50px; padding:10px 0; line-height:30px; font-size:18px; font-weight:bold; border-bottom:1px solid #EEE; }
|
||
.main .newsitem .newsitem-info { padding:10px 0; color:#999; }
|
||
.main .newsitem .newsitem-info span { padding-right:20px; }
|
||
.main .newsitem .newsitem-info span img { display:inline-block; vertical-align:middle; padding:0 3px; }
|
||
.main .newsitem .newsitem-text { line-height:30px; font-size:14px; }
|
||
.main .newsitem .newsitem-text img { max-width:100%; }
|
||
|
||
.main .main-head { height:50px; padding:10px 0; line-height:30px; font-size:18px; font-weight:bold; border-bottom:1px solid #EEE; position:relative; color:#8C98B6; }
|
||
.main .main-head a { position:absolute; right:0; font-size:12px; font-weight:normal; color:#FFF; background:#FF6600; padding:5px 10px; line-height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
.main .main-head a:hover { background:#FFA64D; }
|
||
.main .main-text { line-height:30px; padding:10px 0; font-size:14px; }
|
||
.main .main-text b { color:#FF6600; display:block; padding-top:20px; padding-bottom:10px; }
|
||
.main .main-text p { display:block; padding-bottom:10px; }
|
||
.main .main-text .question { border-bottom:1px dashed #DDD; color:#8C98B6; font-weight:bold; font-size:14px; padding-bottom:5px; }
|
||
.main .main-text .question i { font-weight:normal; padding-right:5px; }
|
||
.main .main-text .answer { line-height:30px; font-size:12px; padding:10px 0 10px 20px; }
|
||
|
||
|
||
.main .main-banner { overflow:hidden; }
|
||
.main .main-banner img { width:100%; }
|
||
|
||
.main .main-farm { overflow:hidden; padding:20px 0; }
|
||
.main .main-farm p { line-height:35px; padding:10px 0; display:block; font-size:14px; }
|
||
|
||
.main .main-farm .main-farm-joss { overflow:hidden; }
|
||
.main .main-farm .main-farm-joss dd { float:left; width:50%; margin-bottom:30px; }
|
||
.main .main-farm .main-farm-joss dd .img { float:left; }
|
||
.main .main-farm .main-farm-joss dd .img img { width:80px; height:120px; }
|
||
.main .main-farm .main-farm-joss dd .txt { float:left; padding-left:20px; }
|
||
.main .main-farm .main-farm-joss dd .txt span { display:block; line-height:40px; }
|
||
|
||
@media (max-width: 767px) {
|
||
.main .main-farm .main-farm-joss dd { float:none; width:100%; }
|
||
}
|
||
|
||
|
||
.main .main-farm .main-farm-land { overflow:hidden; }
|
||
.main .main-farm .main-farm-land dd { float:left; width:50%; margin-bottom:30px; }
|
||
.main .main-farm .main-farm-land dd .img { float:left; }
|
||
.main .main-farm .main-farm-land dd .img img { width:120px; height:80px; }
|
||
.main .main-farm .main-farm-land dd .txt { float:left; padding-left:20px; }
|
||
.main .main-farm .main-farm-land dd .txt span { display:block; line-height:25px; }
|
||
|
||
|
||
|
||
|
||
|
||
@media (max-width: 991px) {
|
||
.main .main-farm .main-farm-land dd { float:none; width:100%; }
|
||
}
|
||
|
||
|
||
|
||
.main .main-farm-menu { overflow:hidden; padding:30px; border-bottom:1px dashed #EEE; }
|
||
.main .main-farm-menu dd { float:left; width:16%; text-align:center; font-size:14px; font-weight:bold; }
|
||
.main .main-farm-menu dd a { color:#8C98B6; }
|
||
.main .main-farm-menu dd a.select { color:#FF6600; }
|
||
@media (max-width: 767px) {
|
||
.main .main-farm-menu { padding:10px 0; }
|
||
.main .main-farm-menu dd { font-size:12px; font-weight:normal; width:32%; padding:10px 0; }
|
||
}
|
||
|
||
|
||
.main .main-farm-guide { overflow:hidden; padding-bottom:20px; }
|
||
.main .main-farm-guide b { display:block; font-size:14px; font-weight:bold; color:#FF6600; }
|
||
.main .main-farm-guide p { display:block; line-height:30px; font-size:14px; }
|
||
.main .main-farm-guide img { float:left; max-width:100%; margin:10px 0; }
|
||
|
||
.main .main-farm-pet { overflow:hidden; border-bottom:1px dashed #EFEFEF; padding:20px 0; }
|
||
.main .main-farm-pet .img { float:left; width:200px; }
|
||
.main .main-farm-pet .img img { width:100%; display:block; }
|
||
.main .main-farm-pet .txt { float:left; padding-left:20px; width:calc(100% - 200px); line-height:35px; }
|
||
.main .main-farm-pet .txt b { color:#FF6600; }
|
||
|
||
@media (max-width: 767px) {
|
||
.main .main-farm-pet .img { float:none; width:100%; }
|
||
.main .main-farm-pet .img img { width:60%; display:block; margin:0 auto; }
|
||
.main .main-farm-pet .txt { float:none; width:100%; padding-top:10px; }
|
||
}
|
||
|
||
|
||
|
||
.main .main-guide { padding:10px 0; }
|
||
.main .main-guide .step {padding:20px 0; }
|
||
.main .main-guide .text { border-bottom:1px dashed #DDD; padding-bottom:20px; line-height:30px; }
|
||
.main .main-guide .no-bottom-border { border-bottom:none; }
|
||
|
||
|
||
|
||
.main .main-contact { padding:30px 0 0 0; }
|
||
.main .main-contact dd { float:left; width:25%; text-align:center; }
|
||
.main .main-contact dd i { font-size:72px; display:block; margin:0 auto; }
|
||
.main .main-contact dd .qq { color:#59B3F2; }
|
||
.main .main-contact dd .weibo { color:#F3806D; }
|
||
.main .main-contact dd .wechat { color:#61D35F; }
|
||
.main .main-contact dd .business { color:#FFAA33; }
|
||
.main .main-contact dd b { display:block; line-height:40px; height:40px; }
|
||
.main .main-contact dd span { display:block; line-height:30px; height:30px; }
|
||
.main .main-contact dd span em { padding-left:10px; font-size:14px; color:#000; cursor:pointer; position:relative; }
|
||
.main .main-contact dd span em cite { background:#000; width:120px; height:120px; display:none; background:url(../images/contact.png) no-repeat; }
|
||
.main .main-contact dd span em:hover cite { display:block; position:absolute; z-index:999; left:-40px; top:25px; }
|
||
.main .main-contact dd span em .qq { background-position:0 0; }
|
||
.main .main-contact dd span em .wb { background-position:-120px 0; }
|
||
.main .main-contact dd span em .wx { background-position:-240px 0; }
|
||
|
||
|
||
|
||
@media (max-width: 767px) {
|
||
.main .main-contact dd { float:none; width:100%; }
|
||
.main .main-contact dd i { font-size:80px; }
|
||
}
|
||
|
||
@media (min-width: 768px) and (max-width: 991px){
|
||
.main .main-contact dd { float:left; width:50%; }
|
||
.main .main-contact dd i { font-size:80px; }
|
||
}
|
||
|
||
|
||
.pager { width:100%; padding-top:20px; overflow:hidden; }
|
||
.pager a { display:block; float:left; padding:5px 10px; min-width:35px; text-align:center; margin-right:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:25px; }
|
||
.pager a:hover { background:#FF6600; color:#FFF; }
|
||
.pager span { display:block; float:left; padding:5px 10px; margin-right:10px; }
|
||
.pager .current { background:#FF6600; color:#FFF; }
|
||
.pager:before { content: ""; display: table; }
|
||
.pager:after { content: ""; display: table; clear: both; }
|
||
|
||
@media (max-width: 767px) {
|
||
.pager a { padding:5px; min-width:30px; margin-right:0; }
|
||
}
|
||
|
||
|
||
|
||
|
||
.hide { display: none; }
|
||
.show { display: block; }
|
||
|
||
.field-validation-error { color:#FF6600; display:block; text-align:center; }
|
||
.field-validation-valid { color:#FF6600; display:block; text-align:center; }
|
||
.input-validation-error { border: 1px solid #FF6600;}
|
||
|
||
|
||
.border-radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
|
||
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],button { -webkit-appearance: none; }
|
||
|
||
textarea { -webkit-appearance: none;}
|
||
|
||
input,button { height:45px; padding:0 10px; border:1px solid #ddd; background:#FFF; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
|
||
input[type='button'],input[type='submit'],button { cursor:pointer; background:#FFF; }
|
||
input[type='button']:hover,input[type='submit']:hover,button:hover { background:#E6E6E6; }
|
||
input:hover, input:focus { border:#54A7F1 1px solid; }
|
||
|
||
|
||
|
||
.button { display:table-cell; height:45px; padding:0 10px; border:1px solid #ddd; background:#FFF; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
|
||
a.button { display:table-cell; height:45px; padding:0 10px; border:1px solid #ddd; background:#FFF; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:45px; text-align:center; }
|
||
a.button:hover { border:1px solid #FF6600; background:#FF6600; color:#FFF; }
|
||
|
||
.button-color-1 { background:#FF6600!important; border-color:#FF6600!important; color:#FFF; }
|
||
.button-color-1:hover { background:#FF822F!important; border-color:#FF822F!important; color:#FFF; }
|
||
|
||
.button-color-2 { background:#53A0E3!important; border-color:#53A0E3!important; color:#FFF; }
|
||
.button-color-2:hover { background:#71AFE8!important; border-color:#71AFE8!important; }
|
||
|
||
.button-color-3 { background:#8C98B6!important; border-color:#8C98B6!important; color:#FFF; }
|
||
.button-color-3:hover { background:#A7AFC7!important; border-color:#A7AFC7!important; }
|
||
|
||
.button-color-4 { background:#5B910B!important; border-color:#5B910B!important; color:#FFF; }
|
||
.button-color-4:hover { background:#77BD0E!important; border-color:#77BD0E!important; }
|
||
|
||
|
||
.color-1 { color:#FF6600!important; }
|
||
.color-2 { color:#53A0E3!important; }
|
||
.color-3 { color:#8C98B6!important; }
|
||
.color-4 { color:#5B910B!important; }
|
||
|
||
.bg-color-1 { background:#FF6600!important; }
|
||
.bg-color-2 { background:#53A0E3!important; }
|
||
.bg-color-3 { background:#8C98B6!important; }
|
||
.bg-color-4 { background:#5B910B!important; }
|
||
|
||
|
||
.button-stretch { width:100%; }
|
||
a.button-stretch { display:block; width:100%; }
|
||
|
||
|
||
.form-group { width:100%; }
|
||
.form-group .form-group-input { position: relative; display:table-cell; white-space: nowrap; width:1%; }
|
||
.form-group .form-group-input input,.form-group .form-group-input button { white-space: nowrap; vertical-align: middle; }
|
||
.form-group .form-group-input:first-child input,.form-group .form-group-input:first-child button { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||
.form-group .form-group-input:last-child input,.form-group .form-group-input:last-child button { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
||
.form-group .form-group-input:not(:first-child):not(:last-child) input,.form-group .form-group-input:not(:first-child):not(:last-child) button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
|
||
|
||
.form-group .form-group-addon { height:45px; border:1px solid #DDD; background:#F5F5F5; padding:0 10px; position: relative; display:table-cell; width:1%; white-space: nowrap;vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
.form-group .form-group-addon:first-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||
.form-group .form-group-addon:last-child { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
||
.form-group .form-group-addon:not(:first-child):not(:last-child) { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
|
||
|
||
.form-group .form-group-addon-white { background:#FFF; }
|
||
.form-group .form-group-addon-disabled { background:#F7F9FF; }
|
||
|
||
|
||
.form-group .form-group-sort { height:45px; border:1px solid #DDD; background:#F5F5F5; padding:0 10px; position: relative; display:table-cell; width:1%; white-space: nowrap;vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
.form-group .form-group-sort:first-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||
.form-group .form-group-sort:last-child { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
||
.form-group .form-group-sort:not(:first-child):not(:last-child) { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
|
||
|
||
.form-group .form-group-sort a {background:url("../images/arrow.png") no-repeat right; padding-right:16px; }
|
||
.form-group .form-group-sort a.sortAsc{background:url("../images/arrow_up.png") no-repeat right; color:#FF6600;}
|
||
.form-group .form-group-sort a.sortDesc{background:url("../images/arrow_down.png") no-repeat right;color:#FF6600;}
|
||
|
||
|
||
.form-group .form-group-sort-white { background:#FFF; }
|
||
.form-group .form-group-sort-disabled { background:#F7F9FF; }
|
||
|
||
|
||
|
||
.form-group .form-group-textarea { position: relative; display:table-cell; white-space: nowrap; width:1%; }
|
||
.form-group .form-group-textarea textarea { -webkit-appearance: none; display:block; border:1px solid #DDD; padding:10px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius:0 3px 3px 0; }
|
||
.form-group .form-group-textarea-disabled textarea { background:#F7F9FF; }
|
||
|
||
.form-group .form-group-switch { height:45px; border:1px solid #DDD; background:#FFF; padding:0 10px; position: relative; display:table-cell; width:1%; white-space: nowrap;vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
.form-group .form-group-switch:first-child { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||
.form-group .form-group-switch:last-child { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
||
.form-group .form-group-switch:not(:first-child):not(:last-child) { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
|
||
.form-group .form-group-switch cite { display:block; width:80px; height:25px; cursor:pointer; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
|
||
.form-group .form-group-switch cite i { background:#FFF; display:block; height:21px; width:38px; text-align:center; line-height:21px; position:absolute; left:2px; top:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
|
||
.form-group .form-group-switch .on { background:#32C532; }
|
||
.form-group .form-group-switch .off { background:#FF0000; }
|
||
.form-group .form-group-switch .off i { left:2px; color:#FF6600; }
|
||
.form-group .form-group-switch .on i { left:40px; color:#32C532; }
|
||
|
||
|
||
|
||
.form-group .stretch { width:100%; }
|
||
.form-group .no-left-border { border-left:none; }
|
||
.form-group .no-right-border { border-right:none; }
|
||
.form-group .no-vertical-border { border-left:0; border-right:none; }
|
||
|
||
|
||
|
||
|
||
|
||
.form-group .disabled { cursor:not-allowed; }
|
||
.form-group .progress { cursor:progress; }
|
||
|
||
|
||
.loginbox { padding:30px 0; }
|
||
.loginbox .loginbox-inner { overflow:hidden; border:1px solid #DDD; margin:0 auto; width:50%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
.loginbox .loginbox-inner-head { text-align:center; background:#FAFAFA; height:50px; line-height:50px; border-bottom:1px solid #DDD; padding:0 20px; font-weight:bold; font-size:18px; }
|
||
.loginbox .loginbox-inner-form { padding:20px;}
|
||
.loginbox .loginbox-inner-form { padding:10px 20px; }
|
||
.loginbox .loginbox-inner-form .form-group { padding:10px 0; }
|
||
.loginbox .loginbox-inner-form .form-group .code { padding:0 2px; background:#FFF; }
|
||
.loginbox .loginbox-inner-form .form-group .code img { width:80px; height:38px; display:block; cursor:pointer; }
|
||
.loginbox .loginbox-inner-form .form-group a { display:block; cursor:pointer; margin-right:20px; float:left; }
|
||
.loginbox .loginbox-inner-form .form-group a.check:before { content:'\e623'; font-family:icon; padding-right:5px; color:#888; }
|
||
.loginbox .loginbox-inner-form .form-group a.ischeck { color:#FF6600; }
|
||
.loginbox .loginbox-inner-form .form-group a.ischeck:before { content:'\e624'; font-family:icon; padding-right:5px; color:#FF6600; }
|
||
|
||
@media (max-width: 767px) {
|
||
.loginbox { padding:10px 0; }
|
||
.loginbox .loginbox-inner { width:100%; }
|
||
.loginbox .loginbox-inner-head { padding:0 10px; }
|
||
.loginbox .loginbox-inner-form { padding:10px;}
|
||
}
|
||
|
||
|
||
|
||
.message { padding:10px 20px; margin:10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:30px; }
|
||
.message-succ { background: rgba(91,145,11,0.1); color:#5B910B; }
|
||
.message-fail { background: rgba(255,102,0,0.1); color:#FF6600; }
|
||
.message-info { background: rgba(83,160,227,0.1); color:#53A0E3; }
|
||
.message-warn { background: rgba(140,152,182,0.1); color:#8C98B6; }
|
||
.message-help { background: rgba(83,160,227,0.05); color:#999999; }
|
||
|
||
.redirect { overflow:hidden; padding:10%; margin:10px 0; }
|
||
.redirect:before { color:#5B910B; content:'x'; display:block; width:60px; height:60px; line-height:60px; float:left; font-size:48px; text-align:center; font-family:"icon" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
|
||
.redirect cite { display:block; float:left; margin-left:20px; height:60px; }
|
||
.redirect cite h2 { height:30px; line-height:30px; text-align:left; }
|
||
.redirect cite h5 { height:30px; line-height:30px; font-size:12px; font-weight:normal; }
|
||
.redirect cite h5 span { padding-right:5px; color:#F56363; }
|
||
|
||
.redirect-succ { background: rgba(91,145,11,0.02); }
|
||
.redirect-succ h2 { color:#5B910B; }
|
||
.redirect-succ:before { color:#5B910B; content:'\e60e'; }
|
||
|
||
.redirect-fail { background: rgba(245,99,99,0.02); }
|
||
.redirect-fail h2 { color:#F56363; }
|
||
.redirect-fail:before { color:#F56363; content:'\e60d'; }
|
||
|
||
.redirect-info { background: rgba(83,160,227,0.02); }
|
||
.redirect-info h2 { color:#53A0E3; }
|
||
.redirect-info:before { color:#53A0E3; content:'\e60c'; }
|
||
|
||
|
||
|
||
.tablebox { overflow-x: scroll; min-height: 0.01%; }
|
||
.tablebox table { border-collapse: collapse; border-spacing: 0; width:100%;max-width:100%; }
|
||
.tablebox table td { border-bottom:1px solid #EEE; padding:8px 4px; }
|
||
/*
|
||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||
.tablebox table td { white-space:normal; border-bottom:1px solid #EEE; padding:8px 4px; }
|
||
}
|
||
*/
|
||
.tablebox table tr:last-child td { border-bottom:1px solid #DDD; }
|
||
.tablebox table th { white-space: nowrap; background:#F6F6F6; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:8px 4px; font-weight:bold; text-align:left; }
|
||
.tablebox table tr:hover td { background:#FAFAFA; }
|
||
.tablebox table td a {cursor:pointer;}
|
||
|
||
.tablebox table .bgsale td { background: rgba(91,145,11,0.03); }
|
||
.tablebox table .bgbuy td { background: rgba(245,99,99,0.03);}
|
||
.tablebox table .algin { text-align:center; color:#8C98B6; }
|
||
|
||
|
||
.market { padding:30px 0; }
|
||
|
||
|
||
|
||
.side-menu-toggle { overflow:hidden; list-style:none; padding:0; margin:0; }
|
||
.side-menu-toggle .link { height:55px; line-height:55px; border-bottom:1px solid #EEE; border-top:1px solid #EEE; margin-top:-1px; font-size:14px; cursor: pointer; display: block; }
|
||
.side-menu-toggle .link:hover { color: #FF6600; }
|
||
.side-menu-toggle .link:before { content:'<27><>'; font-size:14px; font-family:'<27><><EFBFBD><EFBFBD>'; padding-right:10px; color:#CCC; }
|
||
.side-menu-toggle li:first-child .link { margin-top:0; border-top:1px solid #FFF; }
|
||
.side-menu-toggle li.open .link { color: #FF6600; }
|
||
.side-menu-toggle li.open .link:before { content:'<27><>' }
|
||
.side-menu-toggle .side-menu-toggle-sub { display: none; list-style:none; padding:10px 0; margin:0; }
|
||
.side-menu-toggle .side-menu-toggle-sub li { height:35px; line-height:35px; }
|
||
.side-menu-toggle .side-menu-toggle-sub a { display: block; padding-left:30px; }
|
||
.side-menu-toggle .side-menu-toggle-sub a:hover { color: #FF6600; }
|
||
.side-menu-toggle .side-menu-toggle-sub a.select { color: #FF6600; }
|
||
.side-menu-toggle .side-menu-toggle-sub-show { display:block; }
|
||
|
||
|
||
|
||
.uc-head { font-size:14px; font-weight:bold; height:55px; padding-top:20px; }
|
||
.uc-head-border { border-bottom:1px solid #DDD; margin-bottom:20px; }
|
||
|
||
|
||
.uc-wechatpay-title { overflow:hidden; border:1px solid #EFEFEF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:30px; margin-bottom:20px; }
|
||
.uc-wechatpay-title .info { float:left; padding:10px; }
|
||
.uc-wechatpay-title .order { float:left; border-left:1px solid #EFEFEF; padding:10px; }
|
||
.uc-wechatpay-title .money { float:right; padding:10px; border-left:1px solid #EFEFEF; }
|
||
|
||
@media (max-width: 767px) {
|
||
.uc-wechatpay-title {margin-bottom:10px; }
|
||
.uc-wechatpay-title .info { float:none; padding:10px; width:100%; }
|
||
.uc-wechatpay-title .order { float:none; border-left:none; border-top:1px solid #EFEFEF; padding:10px; width:100%; }
|
||
.uc-wechatpay-title .money { float:none; padding:10px; border-left:none; border-top:1px solid #EFEFEF; width:100%; }
|
||
}
|
||
.uc-wechatpay-qrcode { overflow:hidden; }
|
||
.uc-wechatpay-qrcode img { max-width:100%; width:301px; height:301px; margin:0 auto; display:block; display:block; border:1px solid #EFEFEF; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
|
||
.uc-wechatpay-qrcode cite { text-align:center; display:block; margin:0 auto; width:301px; padding:20px; background:#EFEFEF; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
|
||
|
||
.uc-wechatpay-qrcode canvas { width:300px; height:300px; display:block; margin: 0 auto; }
|
||
|
||
.uc-pop { overflow:hidden; padding:20px 0; }
|
||
.uc-pop .uc-pop-qrcode { overflow:hidden; float:left; width:50%; }
|
||
.uc-pop .uc-pop-qrcode .qrcode { width:306px; height:306px; padding:25px; display:block; margin: 0 auto; border:1px solid #EFEFEF; }
|
||
.uc-pop .uc-pop-qrcode .qrcode canvas { width:256px; height:256px; display:block; margin: 0 auto; }
|
||
.uc-pop .uc-pop-qrcode cite { text-align:center; display:block; margin:0 auto; width:306px; padding:15px 0; background:#EFEFEF; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
|
||
.uc-pop .uc-pop-qrcode span { text-align:center; display:block; margin:0 auto; width:306px; padding:15px 0; background:#EFEFEF; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
|
||
|
||
|
||
@media (max-width: 767px) {
|
||
.uc-pop .uc-pop-qrcode { overflow:hidden; float:none; width:100%; margin-bottom:20px; }
|
||
}
|
||
|
||
|
||
|
||
.uc-home { overflow:hidden; padding-top:10px 0; }
|
||
.uc-home .face { float:left; width:100px; position:relative; }
|
||
.uc-home .face .img { width:100px; height:100px; padding:5px; position:relative; z-index:9; }
|
||
.uc-home .face .img img { width:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
|
||
.uc-home .face .cov { width:100%; height:100%; background: rgba(0,0,0,0.1); position:absolute; top:0; left:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align:center; color:#FFF; line-height:100px; }
|
||
.uc-home .face .cov span { display:none; }
|
||
.uc-home .face .cov input { display:table-cell; height:100%; width:100%; position:absolute; z-index:10; top:0; left:0; cursor:pointer; opacity:0; }
|
||
.uc-home .face:hover .cov { z-index:10; background: rgba(0,0,0,0.3); }
|
||
.uc-home .face:hover .cov span { display:block; }
|
||
|
||
|
||
.uc-home .text { float:left; padding-left:50px; width:calc(100% - 420px); }
|
||
.uc-home .text h1 { font-size:17px; line-height:40px; }
|
||
.uc-home .text h2 { font-size:12px; font-weight:normal; line-height:30px; }
|
||
.uc-home .text h3 { font-size:12px; font-weight:normal; line-height:30px; }
|
||
|
||
.uc-home .cert { float:left; width:300px; }
|
||
.uc-home .cert cite { display:block; width:100px; float:left; margin-top:10px; }
|
||
.uc-home .cert cite i { display:block; text-align:center; margin:0 auto; width:50px; height:50px; line-height:50px; font-size:32px; background:#EEE; color:#CCC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
|
||
.uc-home .cert cite .color { background:#FF6600; color:#FFF; }
|
||
.uc-home .cert cite span { display:block; line-height:40px; text-align:center; }
|
||
.uc-home .cert cite i:hover { background:#FF6600; color:#FFF; }
|
||
.uc-home .cert cite a { cursor:pointer; }
|
||
|
||
@media (max-width: 767px) {
|
||
|
||
.uc-home { padding:0; margin-bottom:0; }
|
||
.uc-home .face { width:60px; }
|
||
.uc-home .face .img { width:60px; height:60px; padding:0; }
|
||
.uc-home .face .img img { width:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
|
||
.uc-home .face .cov { line-height:60px; }
|
||
.uc-home .text { padding:0; padding-left:10px; width:calc(100% - 60px); }
|
||
|
||
.uc-home .text h1 { font-size:14px; line-height:20px; }
|
||
.uc-home .text h1 cite { display:none; }
|
||
.uc-home .text h2 { font-size:12px; font-weight:normal; line-height:20px; }
|
||
.uc-home .text h3 { font-size:12px; font-weight:normal; line-height:20px; }
|
||
|
||
.uc-home .cert { margin-top:20px; border-top:1px solid #EEE; width:100%; }
|
||
.uc-home .cert cite { width:33%; margin-top:20px; }
|
||
.uc-home .cert cite i { width:40px; height:40px; line-height:40px; font-size:24px; }
|
||
}
|
||
|
||
@media (min-width: 768px) and (max-width: 991px) {
|
||
.uc-home .text { float:left; padding-left:50px; width:calc(100% - 100px); }
|
||
.uc-home .cert { width:100%; border-top:1px solid #EEE; margin-top:20px; padding-top:20px; }
|
||
.uc-home .cert cite { width:33%; }
|
||
}
|
||
|
||
|
||
.uc-money { padding:20px 0 10px 0; border-top:1px solid #EFEFEF; margin-top:40px; position:relative; }
|
||
.uc-money dd { float:left; width:25%; text-align:center; }
|
||
.uc-money dd cite { font-size:24px; display:block; height:80px; line-height:80px; }
|
||
.uc-money dd cite small { font-size:14px; font-weight:normal; }
|
||
.uc-money dd span { color:#AAA; display:block; height:30px; }
|
||
.uc-money dt { float:right; width:16%; }
|
||
.uc-money dt a { display:block; margin-top:10px; }
|
||
.uc-money dt .gotofarm { margin-top:50px; }
|
||
|
||
@media (max-width: 767px) {
|
||
.uc-money { padding:10px 0; }
|
||
.uc-money dd { width:33%; }
|
||
.uc-money dd cite { font-size:12px; display:block; height:40px; line-height:40px; }
|
||
.uc-money dd cite small { font-size:10px; font-weight:normal; }
|
||
.uc-money dt { float:none; width:100%; }
|
||
.uc-money dt a { width:calc(50% - 5px); float:left; }
|
||
.uc-money dt a:first-child { margin-right:5px; }
|
||
.uc-money dt .gotofarm { width:100%; margin-top:50px; }
|
||
}
|
||
|
||
@keyframes spinning {
|
||
0% { transform: rotate(0); }
|
||
100% { transform:rotate(360deg); }
|
||
}
|
||
.spinning { -webkit-animation: spinning 3s linear infinite; animation: spinning 3s linear infinite; }
|
||
|
||
|
||
.uc-safe { overflow:hidden; padding:10px 40px; }
|
||
.uc-safe i { display:block; float:left; width:60px; height:60px; line-height:60px; font-size:32px; }
|
||
.uc-safe cite { display:block; float:left; line-height:30px; margin-left:50px; }
|
||
.uc-safe span { display:block; float:right; margin-top:8px; }
|
||
@media (max-width: 767px) {
|
||
.uc-safe { padding:0; }
|
||
.uc-safe i { display:none; }
|
||
.uc-safe cite { float:none; margin:0; }
|
||
.uc-safe span { float:none; width:100%; }
|
||
.uc-safe span a { display:block; }
|
||
}
|
||
@media (min-width: 768px) and (max-width: 991px) {
|
||
.uc-safe { overflow:hidden; padding:10px 20px; }
|
||
.uc-safe i { display:block; float:left; width:60px; height:60px; line-height:60px; font-size:32px; overflow:hidden; }
|
||
.uc-safe cite { margin-left:20px; }
|
||
}
|
||
|
||
|
||
.togglebox { position:absolute; z-index:9999; display:none; padding:5px 0; border:1px solid #DDD; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0,0,0,.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); }
|
||
.togglebox-top { bottom:100%; margin-bottom:2px; }
|
||
.togglebox-right { right:0; }
|
||
|
||
.uc-form { width:100%; }
|
||
.uc-form .form-group { padding:10px 0; }
|
||
.uc-form .form-group .code { padding:0 2px;background:#FFF; }
|
||
.uc-form .form-group .code img { width:80px; height:38px; display:block; cursor:pointer; }
|
||
.uc-form .form-group .file { position:absolute; left:0; top:0; height:45px; width:100%; display:table-cell; opacity:0; cursor:pointer; }
|
||
.uc-form .form-image { padding:10px 0; min-height:400px; }
|
||
.uc-form .form-image .form-image-item { float:left; width:50%; position:relative; }
|
||
.uc-form .form-image .form-image-item img { width:100%; }
|
||
.uc-form .form-image .form-image-item:first-child { padding-right:10px;}
|
||
.uc-form .form-image .form-image-item:last-child { padding-left:10px;}
|
||
.uc-form .form-image .form-image-item span { position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); color:#FFF; padding:5px 10px; }
|
||
.uc-form .form-image .form-image-item:last-child span { left:10px; }
|
||
|
||
.uc-form .form-group .lbtn { float:left; width:50%; padding-right:10px; }
|
||
.uc-form .form-group .rbtn { float:right; width:50%; padding-left:10px; }
|
||
|
||
|
||
|
||
.uc-form .togglebox { min-width:100px; }
|
||
.uc-form .togglebox dl { overflow:hidden; }
|
||
.uc-form .togglebox dl dd { height:35px; line-height:35px; padding:0 10px; cursor:pointer; }
|
||
.uc-form .togglebox dl dd:hover { background:#EFEFEF; color:#FF6600; }
|
||
.uc-form .togglebox dl dd i { font-size:16px; padding-right:5px; }
|
||
|
||
.uc-form .form-group .productinputshow img { float:left; display:block; width:30px; }
|
||
.uc-form .form-group .productinputshow span { float:left; display:block; margin-left:10px; line-height:30px; }
|
||
.uc-form .form-group .remarks { padding-left:10px; }
|
||
@media (max-width: 767px) {
|
||
.uc-form .form-group .remarks { display:none; }
|
||
.uc-form .form-group .lbtn { padding-right:5px; }
|
||
.uc-form .form-group .rbtn { padding-left:5px; }
|
||
}
|
||
|
||
.uc-form .productstogglebox { min-width:200px; }
|
||
.uc-form .productstogglebox dl { overflow:hidden; }
|
||
.uc-form .productstogglebox dl dd { height:35px; line-height:35px; padding:0 10px; cursor:pointer; }
|
||
.uc-form .productstogglebox dl dd:hover { background:#EFEFEF; color:#FF6600; }
|
||
.uc-form .productstogglebox dl dd img { float:left; display:block; width:25px; margin-top:5px; }
|
||
.uc-form .productstogglebox dl dd span { float:left; display:block; margin-left:15px; }
|
||
|
||
|
||
|
||
|
||
.uc-form .paymode { padding:10px 0; }
|
||
.uc-form .paymode dd { background:url(../images/check-01.png) right bottom no-repeat; float:left; margin-bottom:20px; margin-right:20px; padding:2px 24px 2px 5px; border:1px solid #EFEFEF; cursor:pointer; }
|
||
.uc-form .paymode dd:hover { background:url(../images/check-02.png) right bottom no-repeat; border:1px solid #FF6600; }
|
||
.uc-form .paymode .select { background:url(../images/check-02.png) right bottom no-repeat; border:1px solid #FF6600; }
|
||
.uc-form .paymode dd cite { display:block; float:left; width:120px; height:35px; background:url(../images/pay.png) no-repeat; }
|
||
.uc-form .paymode dt { height:45px; position:relative; }
|
||
.uc-form .paymode dt i { position:absolute; display:block; width:100%; height:20px; border-bottom:1px solid #EFEFEF; }
|
||
.uc-form .paymode dt b { position:absolute; display:block; height:20px; line-height:20px; padding:0 10px; background:#FFF; top:10px; left:20px; }
|
||
.uc-form .paymode dt em { display:none;}
|
||
.uc-form .paymode dd .wechatpay { background-position:0 0; }
|
||
.uc-form .paymode dd .cmb { background-position:0 -35px; }
|
||
.uc-form .paymode dd .ccb { background-position:0 -70px; }
|
||
.uc-form .paymode dd .abc { background-position:0 -105px; }
|
||
.uc-form .paymode dd .boc { background-position:0 -140px; }
|
||
.uc-form .paymode dd .icbc { background-position:0 -175px; }
|
||
.uc-form .paymode dd .psbc { background-position:0 -210px; }
|
||
.uc-form .paymode dd .comm { background-position:0 -245px; }
|
||
.uc-form .paymode dd .cmbc { background-position:0 -280px; }
|
||
.uc-form .paymode dd .citic { background-position:0 -315px; }
|
||
.uc-form .paymode dd .cib { background-position:0 -350px; }
|
||
.uc-form .paymode dd .alipay { background-position:0 -385px; }
|
||
.uc-form .paymode .hidebank {display:block; }
|
||
|
||
|
||
|
||
@media (max-width: 767px) {
|
||
.uc-form .paymode { padding:0; }
|
||
|
||
.uc-form .paymode dt em { position:absolute; display:block; height:20px; line-height:20px; padding:0 10px; background:#FFF; top:10px; right:20px; }
|
||
.uc-form .paymode dd { float:left; margin-bottom:20px; margin-right:10px; cursor:pointer; }
|
||
.uc-form .paymode .hidebank {display:none; }
|
||
}
|
||
|
||
|
||
|
||
|
||
.kline { padding:30px 0 15px 0;}
|
||
.kline .kline-head { overflow:hidden; }
|
||
.kline .kline-head dt { float:left; border-right:1px solid #EEE; padding:0 30px 0 10px; }
|
||
.kline .kline-head dt .price { float:left; font-size:40px; height:50px; line-height:50px; font-weight:bold; }
|
||
.kline .kline-head dt .rise { float:left; margin-left:30px; height:50px; }
|
||
.kline .kline-head dt .rise cite { display:block; height:25px; line-height:25px; }
|
||
.kline .kline-head dt img { float:left; display:block; margin-right:20px; }
|
||
|
||
.kline .kline-head dd { float:left; height:50px; margin-left:30px; }
|
||
.kline .kline-head dd span { display:block; height:15px; line-height:15px; color:#AAA; }
|
||
.kline .kline-head dd cite { display:block; height:35px; line-height:35px; font-size:18px; }
|
||
|
||
@media (max-width: 767px) {
|
||
.kline .kline-head dt { width:100%; padding:0; }
|
||
.kline .kline-head dd { width:25%; margin-left:0; margin-top:20px; }
|
||
.kline .kline-head dd cite { font-size:12px; }
|
||
}
|
||
|
||
.kline .kline-main { position:relative; margin-top:30px; }
|
||
.kline .kline-main .kline-switch { position:absolute; width:100%; top:-20px; left:5px; z-index:2; height:35px; overflow:hidden; }
|
||
.kline .kline-main .kline-switch span { display:block; background:#E7F2F8; width:45px; float:left; text-align:center; height:25px; line-height:25px; cursor:pointer; margin:5px; }
|
||
.kline .kline-main .kline-switch span:first-child { margin-right:0; margin-left:6px; }
|
||
.kline .kline-main .kline-switch .select { background:#53A0E3; color:#FFF; }
|
||
|
||
.kline .kline-main .flush-switch { position:absolute; top:-15px; right:10px; cursor:pointer; z-index:3; }
|
||
.kline .kline-main .flush-switch:before { content:'\e623'; font-family:icon; padding-right:5px; color:#888; }
|
||
.kline .kline-main .flush-switch-select { position:absolute; top:-15px; right:10px; cursor:pointer; z-index:3; color:#FF6600; }
|
||
.kline .kline-main .flush-switch-select:before { content:'\e624'; font-family:icon; padding-right:5px; color:#FF6600; }
|
||
|
||
|
||
|
||
|
||
.kline .kline-main .kline-chart { position:relative; z-index:1; height:350px; }
|
||
.kline .kline-main .kline-chart .kline-chart-loading { position:absolute; top:calc(50% - 30px); left:calc(50% - 45px); width: 90px; height: 60px; text-align: center; font-size: 10px; }
|
||
.kline .kline-main .kline-chart .kline-chart-loading > div { background-color:#F56363; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
|
||
.kline .kline-main .kline-chart .kline-chart-loading .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
|
||
.kline .kline-main .kline-chart .kline-chart-loading .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
|
||
.kline .kline-main .kline-chart .kline-chart-loading .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
|
||
.kline .kline-main .kline-chart .kline-chart-loading .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
|
||
|
||
.kline .kline-main .kline-ma { position:absolute; top:20px; left:10px; z-index:2; }
|
||
.kline .kline-main .kline-ma i { display:block; width:20px; height:8px; float:left; margin-top:1px; }
|
||
.kline .kline-main .kline-ma b { display:block; height:10px; line-height:10px; float:left; font-weight:normal; margin-left:5px; font-size:10px; }
|
||
.kline .kline-main .kline-ma .ma05 { color:#1aadce; }
|
||
.kline .kline-main .kline-ma .ma05 i { background:#1aadce; }
|
||
.kline .kline-main .kline-ma .ma10 { margin-top:5px; color:#FF7F00; }
|
||
.kline .kline-main .kline-ma .ma10 i { background:#FF7F00; }
|
||
.kline .kline-main .kline-ma .ma30 { margin-top:5px; color:#910000; }
|
||
.kline .kline-main .kline-ma .ma30 i { background:#910000; }
|
||
|
||
@-webkit-keyframes stretchdelay {
|
||
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
|
||
20% { -webkit-transform: scaleY(1.0) }
|
||
}
|
||
@keyframes stretchdelay {
|
||
0%, 40%, 100% {
|
||
transform: scaleY(0.4);
|
||
-webkit-transform: scaleY(0.4);
|
||
} 20% {
|
||
transform: scaleY(1.0);
|
||
-webkit-transform: scaleY(1.0);
|
||
}
|
||
}
|
||
|
||
|
||
.product-switch { overflow:hidden; padding-bottom:20px; }
|
||
.product-switch li { float:left; font-weight:bold; padding:20px 5px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; border-left:1px solid #DDD; width:8.3%; text-align:center; }
|
||
.product-switch li:nth-child(1) { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
|
||
.product-switch li:nth-child(12) { border-right:1px solid #DDD; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
|
||
.product-switch .select { background:url(../images/check-03.png) center bottom no-repeat; border-bottom:1px solid #FF6600; }
|
||
.product-switch .select a { color:#FF6600; }
|
||
|
||
|
||
@media (max-width: 767px) {
|
||
.product-switch li { width:16.6%; }
|
||
.product-switch li:nth-child(1) { -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
|
||
.product-switch li:nth-child(6) { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; border-right:1px solid #DDD; }
|
||
.product-switch li:nth-child(7) { -webkit-border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; border-left:1px solid #DDD; }
|
||
.product-switch li:nth-child(12) { -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; }
|
||
.product-switch li:nth-child(1),.product-switch li:nth-child(2),.product-switch li:nth-child(3),.product-switch li:nth-child(4),.product-switch li:nth-child(5),.product-switch li:nth-child(6) {border-bottom:none; }
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
.trade-form { float:left; width:70%; }
|
||
.trade-form .headbox { border-bottom:1px solid #EEE; padding:17px 0; }
|
||
.trade-form .headbox dd { float:left; width:25%; height:31px; line-height:31px; }
|
||
.trade-form .headbox dd span { color:#AAA; }
|
||
.trade-form .headbox dd a { display:block; padding:0 10px; border:1px solid #F56363; width:100px; height:31px; line-height:29px; text-align:center; color:#F56363; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
|
||
.trade-form .formbox { margin-top:20px; }
|
||
.trade-form .formbox h2 { font-size:18px; font-weight:bold; height:35px; line-height:35px; position:relative; }
|
||
.trade-form .formbox h2 i { font-weight:normal; font-size:20px; padding-right:5px; }
|
||
.trade-form .formbox h2 a { display:block; position:absolute; right:0; top:5px; font-weight:normal; font-size:12px; }
|
||
|
||
.trade-form .formbox .form-group { padding:10px 0; }
|
||
.trade-form .formbox .form-group .text-left { float:left; line-height:25px; color:#888; }
|
||
.trade-form .formbox .form-group .text-right { float:right; line-height:25px; color:#888; }
|
||
|
||
|
||
.trade-form .formbox .no-padding-bottom { padding-bottom:0; }
|
||
|
||
.trade-form .formbox .buy { float:left; width:50%; padding-right:40px; }
|
||
.trade-form .formbox .sale { float:right; width:50%; padding-left:40px; border-left:1px solid #EEE; }
|
||
|
||
.trade-form .formbox .togglebox { min-width:40px; }
|
||
.trade-form .formbox .togglebox dl { overflow:hidden; }
|
||
.trade-form .formbox .togglebox dl dd { height:25px; line-height:25px; padding:0 10px; cursor:pointer; }
|
||
.trade-form .formbox .togglebox dl dd:hover { background:#EFEFEF; color:#F56363; }
|
||
|
||
|
||
.padding-bottom { padding-bottom:20px; }
|
||
.padding-top { padding-top:20px; }
|
||
.padding-left { padding-left:20px; }
|
||
.padding-right { padding-right:20px; }
|
||
|
||
.trade-entrust { float:left; width:30%; padding-left:40px; }
|
||
.trade-entrust h3 { height:20px; line-height:20px; margin-bottom:10px; }
|
||
.trade-entrust-my { padding:40px 0 20px 0; }
|
||
.trade-entrust-my h3 { height:20px; line-height:20px; margin-bottom:10px; }
|
||
|
||
|
||
|
||
|
||
@media (max-width: 767px) {
|
||
.trade-form .headbox { padding:15px 0; }
|
||
.trade-form .headbox dd { float:left; text-align:center; width:auto; padding-right:5px; }
|
||
|
||
.trade-form .formbox { margin-top:10px; }
|
||
|
||
.trade-form { float:none; width:100%; }
|
||
.trade-form .formbox .buy { float:none; width:100%; padding:0; }
|
||
.trade-form .formbox .sale { float:none; width:100%; margin-top:10px; border-left:none; padding:0; }
|
||
|
||
.trade-entrust { float:none; width:100%; padding:0; margin-top:10px; }
|
||
.trade-entrust-my { margin:10px 0 10px 0; }
|
||
}
|
||
@media (min-width: 768px) and (max-width: 991px) {
|
||
.trade-form .formbox .buy { float:left; width:calc(50% - 20px); }
|
||
.trade-form .formbox .sale { float:right; width:50%; padding-left:20px; border-left:1px solid #EEE; }
|
||
.trade-entrust { float:left; width:30%; padding-left:20px; }
|
||
.trade-entrust-my { margin:20px 0 20px 0; }
|
||
}
|
||
|
||
|
||
|
||
.trade-entrust-my input[type=checkbox] { height:auto; display:block; }
|
||
|
||
|
||
.thepager { padding-top:10px;}
|
||
.thepager cite { display:block; float:left; padding:0 20px; }
|
||
.thepager span { display:block; float:left; cursor:pointer; color:#FF6600; }
|
||
.thepager .none { cursor:default; color:#AAA; }
|
||
|
||
|
||
|
||
|
||
.ajxpager { line-height:30px; text-align:center; padding:10px; }
|
||
|
||
.sothers { border-top:1px solid #EEE; margin-top:20px; padding-top:20px; padding-bottom:10px; }
|
||
.sothers dt { width:100%; font-weight:bold; color:#FF6600; }
|
||
.sothers dd { float:left; width:50%; margin-top:15px; padding-right:20px; color:#8C98B6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
||
.sothers dd:before { content:'+'; }
|
||
|
||
@media (max-width: 767px) {
|
||
.sothers dd { float:none; padding-right:0; width:100%; }
|
||
}
|
||
|
||
|
||
|
||
|
||
.likes { border-top:1px solid #EEE; padding:20px 0; margin-top:20px; }
|
||
.likes dd { float:left; width:25%; cursor:pointer; }
|
||
.likes dd i { display:block; float:left; width:40px; height:40px; }
|
||
.likes dd cite { display:block; float:left; padding-left:10px; }
|
||
.likes dd cite span { display:block; height:20px; line-height:20px; }
|
||
.likes dd cite span b { color:#FF6600; padding-right:5px; }
|
||
.likes .i1 { background:url(../images/1.gif) no-repeat center center; background-size:contain; }
|
||
.likes .i2 { background:url(../images/2.gif) no-repeat center center; background-size:contain; }
|
||
.likes .i3 { background:url(../images/1.gif) no-repeat center center; background-size:contain; -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg); }
|
||
.likes .i4 { background:url(../images/3.gif) no-repeat center center; background-size:contain; }
|
||
|
||
@media (max-width: 767px) {
|
||
.likes dd { width:50%; margin-bottom:20px; }
|
||
}
|
||
|
||
|
||
|
||
|
||
.reward { border-top:1px solid #EEE; padding:20px 0; }
|
||
.reward .fruits { overflow:hidden; }
|
||
.reward .fruits dd { float:left; width:8.3%; border:1px solid #EEE; padding:5px; cursor:pointer; margin-right:-1px; margin-top:-1px; position:relative; }
|
||
.reward .fruits dd img { display:block; margin:0 auto; width:100%; max-width:53px; }
|
||
.reward .fruits .select { border:1px solid #FF6600; background:url(../images/check-02.png) no-repeat right bottom; z-index:99999; }
|
||
.reward .fruits dt { float:none; height:40px; line-height:40px; color:#FF6600; }
|
||
|
||
@media (max-width: 767px) {
|
||
.reward .fruits dd {width:16.6%; }
|
||
.reward .fruits dd img { width:35px; }
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
.reward .numbers { overflow:hidden; padding-bottom:20px; }
|
||
.reward .numbers dd { line-height:30px; cursor:pointer; font-size:14px; float:left; margin-right:20px; }
|
||
.reward .numbers dd:hover { color:#FF6600; }
|
||
.reward .numbers dd:before { content:'\e623'; font-family:icon; padding-right:5px; }
|
||
.reward .numbers .select { color:#FF6600; }
|
||
.reward .numbers .select:before { content:'\e624'; font-family:icon; padding-right:5px; }
|
||
.reward .numbers dt { float:none; height:30px; line-height:30px; color:#FF6600; }
|
||
|
||
|
||
|
||
.reward .comments { overflow:hidden; padding-bottom:20px; }
|
||
.reward .comments dd { line-height:30px; cursor:pointer; font-size:14px; }
|
||
.reward .comments dd:hover { color:#FF6600; }
|
||
.reward .comments dd:before { content:'\e623'; font-family:icon; padding-right:5px; }
|
||
.reward .comments .select { color:#FF6600; }
|
||
.reward .comments .select:before { content:'\e624'; font-family:icon; padding-right:5px; }
|
||
.reward .comments dt { float:none; height:30px; line-height:30px; color:#FF6600; }
|
||
|
||
|
||
.contributes { overflow:hidden; }
|
||
|
||
|
||
.contributes .reasons { overflow:hidden; padding-bottom:10px; }
|
||
.contributes .reasons dd { line-height:30px; cursor:pointer; font-size:14px; float:left; margin-right:20px; }
|
||
.contributes .reasons dd:hover { color:#FF6600; }
|
||
.contributes .reasons dd:before { content:'\e623'; font-family:icon; padding-right:5px; }
|
||
.contributes .reasons .select { color:#FF6600; }
|
||
.contributes .reasons .select:before { content:'\e624'; font-family:icon; padding-right:5px; }
|
||
.contributes .reasons dt { float:none; height:30px; line-height:30px; color:#FF6600; }
|
||
|
||
|
||
|
||
|
||
.contributes .tbox { display:block; width:100%; margin:20px 0; }
|
||
.contributes .cbox { overflow:hidden; position:relative; margin-bottom:20px; padding-bottom:30px; border:1px solid #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
.contributes .cbox textarea { display:block; width:100%; line-height:20px; padding:10px; position:relative; border:none; background:none; }
|
||
|
||
.contributes .cbox .image { display:block; width:100%; line-height:20px; padding:10px; position:relative; min-height:120px; background:url(../images/add.png) center center no-repeat; }
|
||
.contributes .cbox .image input { display:table-cell; height:100%; width:100%; position:absolute; z-index:10; top:0; left:0; cursor:pointer; opacity:0; }
|
||
.contributes .cbox .image img { display:block; margin:0 auto; }
|
||
.contributes .cbox .image-nb { background:none;}
|
||
|
||
|
||
|
||
.contributes .cbox .edit { position:absolute; left:1px; bottom:1px; background:#FFF; width:calc(100% - 2px); border-top:1px solid #EEE; }
|
||
.contributes .cbox .edit dd { padding:5px 10px; float:left; cursor:pointer; }
|
||
|
||
.contributes .add { overflow:hidden; margin:20px 0; }
|
||
.contributes .add dd { float:left; border:1px solid #EEE; padding:10px; margin-right:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer; }
|
||
|
||
.contributes .preview { border:1px solid #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:none; padding:10px; line-height:35px; }
|
||
.contributes .preview img { max-width:100%; margin:20px auto; display:block; }
|
||
|
||
.potrait { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
|
||
|
||
@keyframes twinkling{
|
||
0%{
|
||
top:-5px;
|
||
}
|
||
50%{
|
||
top:-7px;
|
||
}
|
||
100%{
|
||
top:-5px;
|
||
}
|
||
}
|
||
@-webkit-keyframes twinkling{
|
||
0%{
|
||
top:-5px;
|
||
}
|
||
50%{
|
||
top:-7px;
|
||
}
|
||
100%{
|
||
top:-5px;
|
||
}
|
||
}
|
||
.hot { color:#FF0000; border:1px solid #FF0000; display:block; height:15px; line-height:12px; font-size:10px; width:25px; text-align:center;position:absolute; right:-30px; top:-5px; -webkit-animation: twinkling 1s infinite ease-in-out; -moz-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
|
||
|
||
.uc-search { overflow:hidden; padding-bottom:20px; }
|
||
.uc-search dd { float:left; padding-right:20px; width:20%; }
|
||
.uc-search dd select { border:none; width:100%; }
|
||
|
||
@media (max-width: 1199px) {
|
||
.uc-search dd { float:none; padding-right:0; padding-bottom:10px; width:100%; }
|
||
}
|
||
|
||
.uc-search-1 { overflow:hidden; padding-bottom:20px; }
|
||
.uc-search-1 dd { float:left; padding-right:20px; }
|
||
.uc-search-1 dd:nth-child(1) { width:18%; }
|
||
.uc-search-1 dd:nth-child(2) { width:20%; }
|
||
.uc-search-1 dd:nth-child(3) { width:18%; }
|
||
.uc-search-1 dd:nth-child(4) { width:33%; }
|
||
.uc-search-1 dd:nth-child(5) { width:11%; }
|
||
.uc-search-1 dd select { border:none; width:100%; }
|
||
|
||
@media (max-width: 1199px) {
|
||
.uc-search-1 dd { float:none; padding-right:0; padding-bottom:10px; width:100%!important; }
|
||
}
|
||
|
||
|
||
.flipy { -webkit-animation: iFlipy .8s ease-in-out forwards; -moz-animation: iFlipy .8s ease-in-out forwards; animation: iFlipy .8s ease-in-out forwards; display:block; }
|
||
@keyframes iFlipy{
|
||
0%{
|
||
-webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);
|
||
}
|
||
100%{
|
||
-webkit-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg);
|
||
}
|
||
}
|
||
@-webkit-keyframes iFlipy{
|
||
0%{
|
||
-webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);
|
||
}
|
||
100%{
|
||
-webkit-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg);
|
||
}
|
||
}
|