12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223 |
- @charset "utf-8";
- /* CSS Document */
- body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"Microsoft YaHei",Arial;-webkit-text-size-adjust:none;}
- html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
- input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
- a{color:#fff;text-decoration:none;}
- .tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
- .dis{display:block;}.undis{display:none;}
- .fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
- .hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
- .hr_1{height:1px;}.hr_10{height:10px;}
- input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
- button{cursor: pointer;}
- body{min-width: 1200px;}
- .red{color: #f1280f !important;}
- .green{color: #3dc18e !important;}
- input:focus{
- box-shadow: 0px 0px 4px 0px #0090ff;
- -moz-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
- -webkit-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
- }
- #buy_usable,#sell_usable{cursor: pointer;}
- .m-top100 {
- margin-top: 100px!important;
- }
- .clear:after {
- content: '';
- display: block;
- clear: both;
- height: 0;
- overflow: hidden;
- visibility: hidden;
- }
- .clear {
- zoom: 1;
- }
- .flex {
- display: flex;
- display: -webkit-flex;
- }
- .flex_just {
- -webkit-justify-content: center;
- justify-content: center;
- }
- .flex_center {
- -webkit-align-items: center;
- -webkit-align-content: center;
- }
- .flex_colum {
- -webkit-flex-direction: column;
- flex-direction: column;
- }
- .flex_1 {
- flex: 1;
- -webkit-flex: 1;
- }
- .flex_around {
- justify-content: space-around;
- }
- .flex_between {
- justify-content: space-between;
- }
- .flex_start {
- justify-content: flex-start;
- }
- .flex_end {
- justify-content: flex-end;
- }
- .banner {
- background: url(../ecshe_img/main_banner.jpg) no-repeat center #081738;
- height: 685px;
- width: 100%;
- margin: 0 auto;
- }
- .banner2 {
- height: 500px;
- margin: 0 auto;
- width: 100%;
- text-align: center;
- background-color: #1e2332;
- }
- .banner2 .coin-btc-details {
- width: 1200px;
- overflow: hidden;
- margin: 0 auto;
- padding-top: 20px;
- }
- .banner2 .coin-btc-details .main-title {
- display: inline-block;
- float: left;
- width: 330px;
- line-height: 62px;
- text-align: left;
- }
- .banner2 .coin-btc-details .icon_coin-btc {
- width: 30px;
- height: 30px;
- vertical-align: middle;
- }
- .banner2 .coin-btc-details .coin-name {
- display: inline-block;
- font-size: 28px;
- color: #fff;
- vertical-align: middle;
- margin: auto 10px auto 5px;
- }
- .banner2 .coin-btc-details .coin-brief {
- display: inline-block;
- padding: 0 10px;
- height: 28px;
- color: #fff;
- text-align: center;
- line-height: 28px;
- font-size: 13px;
- border: 1px solid #fff;
- border-radius: 12px;
- text-decoration: none;
- vertical-align: middle;
- }
- .banner2 .coin-btc-details .coin-brief:hover {
- background-color: #313131;
- }
- .banner2 .coin-btc-details .total-box{
- width: 100%;
- }
- .banner2 .coin-btc-details .total-box li {
- float: left;
- text-align: center;
- width: 181px;position:relative;height: 100px;
- }
- .banner2 .coin-btc-details .total-box li p {
- font-size: 20px;
- color: #fff;
-
-
- }
- .banner2 .coin-btc-details .total-box li h3 {
- height: 40px;
- line-height:60px;
- overflow: hidden;
- font-size: 20px;
- font-weight: 300;
- color: #fff;
- }
- .banner2 .coin-btc-details .total-box li h3.red {
- color: #f1280f;
- }
- .banner2 .coin-btc-details .total-box li h3 span {
- font-size: 15px;
- }
- .banner2 .coin-btc-details .total-box li p:last-child {
- font-size: 12px;
- color: #636a76;
- }
- .banner2 .coin-btc-details .total-box .total-price {
- width: 201px;
- text-align: left;
- }
- .banner2 .coin-btc-details .total-box .total-price h3 {
- font-size: 30px;
- line-height:46px;
- }
- .banner2 .coin-btc-details .total-box .total-price h3 span {
- font-size: 20px;
- }
- .banner2 .coin-btc-details .total-box .total-increase {
- width: 100px;
- }
- .swiper-container {
- width: 100%;
- height: 180px!important;
- margin-top: 120px!important;
- }
- .swiper-container img {
- margin: 0 auto;
- width: 100%;
- }
- .swiper-container .content {
- color: #fff;
- text-align: center;
- }
- .swiper-container {
- width: 1200px;
- margin: 0 auto;
- }
- .swiper-container .icon-items {
- color: #fff;
- width: 222px;
- height: 130px;
- line-height: 130px;
- border-radius: 8px;
- border: solid 1px #213365;
- padding: 0 22px;
- background-color: rgba(22,41,90, .3);
- }
- .swiper-container .icon-items:hover {
- border: solid 1px #5773c8;
- background-color: rgba(46,73,154, .45);
- }
- .swiper-container .icon-items .img_icon{
- display: inline-block;
- width: 80px;
- height: 80px;
- vertical-align:middle;
- }
- .swiper-container .icon-items .text-content {
- float: right;
- line-height: 30px;
- text-align: right;
- font-size: 18px;
- margin-top: 19px;
- }
- .swiper-container .icon-items .text-content p {
-
- }
- .swiper-pagination-bullet {
- width: 12px!important;
- height: 12px!important;
- opacity: 1!important;
- background: #1e2d60!important;
- }
- .swiper-pagination-bullet-active {
- background: #1e2d60!important;
- width: 24px!important;
- border-radius: 5px!important;
- }
- .content-2 {
- background: url(../ecshe_img/main_banner2.jpg) no-repeat center;
- height: 458px;
- width: 100%;
- color: #fff;
- text-align: center;
- }
- .banner-brief {
- color: #fff;
- text-align: center;
- }
- .banner-brief .text-1 {
- display: inline-block;
- line-height: 50px;
- margin-top: 228px;
- font-size: 50px;
- letter-spacing: 10px;
- margin-bottom: 42px;
- }
- .banner-brief .text-2 {
- line-height: 60px;
- font-size: 40px;
- letter-spacing: 10px;
- }
- .text-2 span {
- font-size: 60px;
- }
- .menu-tabs {
- height: 100px;
- line-height: 100px;
- width: 100%;
- margin: 0 auto;
- background-color: #1f2636;
- }
- .menu-tabs .logo {
- display: inline-block;
- margin-top: -5px;
- width: 168px;
- height: 62px;
- overflow: hidden;
- vertical-align: middle;
- margin-left: 46px;
- }
- .menu-tabs .logo img {
- width: 168px;
- height: 62px;
- }
- .menu-tabs .tabs {
- display: inline-block;
- font-size: 16px;
- color: #fff;
- margin-left: 61px;
- }
- .menu-tabs .r-box {
- display: inline-block;
- float: right;
- color: #fff;
- margin-right: 46px;
- }
- .menu-tabs .r-box a {
- display: inline-block;
- width: 88px;
- height: 32px;
- line-height: 32px;
- color: #fff;
- font-size: 16px;
- text-align: center;
- }
- .menu-tabs .r-box label {
- display: inline-block;
- vertical-align: middle;
- width: 88px;
- height: 32px;
- line-height: 32px;
- font-size: 16px;
- color: #fff;
- text-align: center;
- cursor: pointer;
- }
- .menu-tabs .r-box a.register {
- background: #677ae2;
- color: #fff;
- }
- .menu-tabs .r-box .register:hover {
- background: #5773c8;
- }
- .menu-tabs .r-box .uuser{
- display: inline-block;
- cursor: pointer;
- }
- .menu-tabs .r-box .uuser label {
- display: block;
- width: 88px;
- height: 32px;
- line-height: 32px;
- color: #fff;
- font-size: 16px;
- text-align: center;
- background: #677ae2;
- cursor: pointer;
- border-radius: 8px;
- }
- .menu-tabs .r-box .uuser label:hover {
- background: #5773c8;
- }
- .menu-tabs .r-box .login:hover {
- color: #93b3ff;
- }
- .menu-tabs .r-box .language {
- display: inline-block;
- margin-right: 46px;
- }
- .menu-tabs .r-box .language img {
- vertical-align: middle;
- }
- .menu-tabs .r-box .language span {
- color: #6476a0;
- }
- .menu-tabs .r-box .language .arrow-down {
- width: 16px;
- height: 14px;
- }
- .menu-tabs .language-box {
- display: none;
- position: absolute;
- width: 130px;
- overflow: hidden;
- background: #1f2636;
- right: 265px;
- top: 100px;
- padding: 10px 10px;
- z-index: 99;
- }
- .menu-tabs .language-box p {
- display: block;
- width: 100%;
- height: 50px;
- line-height: 50px;
- overflow: hidden;
- float: right;
- color: #fff;
- font-size: 16px;
- }
- .menu-tabs .language-box a{
- display: block;
- line-height: 50px;
- padding-left: 20px;
- color: #fff;
- }
- .menu-tabs .language-box a:hover{
- background-color: #5773c8;
- }
- .menu-tabs .uuser-box {
- display: none;
- position: absolute;
- width: 130px;
- overflow: hidden;
- background: #1f2636;
- right: 4px;
- top: 100px;
- padding: 10px 10px;
- z-index: 99;
- }
- .menu-tabs .uuser-box p {
- display: block;
- width: 100%;
- height: 50px;
- line-height: 50px;
- overflow: hidden;
- float: right;
- color: #fff;
- font-size: 16px;
- }
- .menu-tabs .uuser-box a{
- display: block;
- line-height: 50px;
- padding-left: 20px;
- color: #fff;
- }
- .menu-tabs .uuser-box a:hover{
- background-color: #5773c8;
- }
- .menu-tabs .tabs a{
- color: #fff;
- font-size: 16px;
- margin: 0 11px;
- }
- .menu-tabs .tabs a:hover {
- color: #93b3ff;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s; /* Firefox 4 */
- -webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
- -o-transition-duration: 0.5s; /* Opera */
- }
- .main-advert {
- width: 100%;
- margin: 0 auto;
- height: 60px;
- line-height: 60px;
- background: #253045;
- color: #4572a7;
- text-align: center;
- font-size: 15px;
- }
- .main-advert li {
- display: inline-block;
- margin: 0 18px;
- }
- .main-advert li a{ color: #4572a7; }
- .main-advert li a:hover{
- color: #e33737;
- text-decoration: none;
- }
- .main-tabs-center {
- width: 100%;
- margin: 0 auto;
- height: 60px;
- line-height: 60px;
- background: #091738;
- color: #fff;
- text-align: center;
- }
- .main-tabs-center ul {
- width: 1200px;
- margin: 0 auto;
- }
- .main-tabs-center ul li {
- display: inline-block;
- width: 33.3%;
- font-size: 18px;
- cursor: pointer;
- float: left;
- }
- .main-tabs-center ul li.active {
- background: #142758;
- }
- .main-tabs-center ul li:hover {
- background: #142758;
- }
- /*Form 1*/
- .main-table-box5 {
- margin:50px auto 0 auto;
- width: 1200px;
- overflow: hidden;
- color: #181818;
- border: solid 1px #dcdfe0;
- }
- .main-table-box5 .table-head {
- height: 60px;
- line-height: 60px;
- }
- .main-table-box5 .table-head li {
- float: left;
- width: 14.28%;
- font-size: 16px;
- }
- .main-table-box5 .table-head li i{
- margin: auto 13px;
- }
- .main-table-box5 .table-item { overflow: hidden; }
- .main-table-box5 .table-item li {
- height: 60px;
- line-height: 60px;
- overflow: hidden;
- border-top: solid 1px #dcdfe0;
- font-size: 14px;
- }
- .main-table-box5 .table-item li:hover {
- background-color: #fdf8f0;
- }
- .main-table-box5 .table-item li i {
- margin: auto 13px;
- }
- .main-table-box5 .table-item dt,.main-table-box5 .table-item dd {
- width: 14.28%;
- }
- .main-table-box5 .table-item dt.market img {
- vertical-align: middle;
- }
- .main-table-box5 .table-item dt.market span {
- vertical-align: middle;
- }
- .main-table-box5 .table-item dt.market span:last-child {
- color: #a7a9b7;
- }
- .main-table-box5 .table-item dt.market span.coin_name {
- vertical-align: middle;
- margin-left: 8px;
- }
- .main-table-box5 .table-item dd span{
- display: inline-block;
- width: 85px;
- height: 30px;
- line-height: 30px;
- text-align: right;
- }
- .main-table-box5 .table-item dd span.btn-up {
- border-radius: 5px;
- color: #fff;
- font-size: 12px;
- background: #f1280f;
- }
- .main-table-box5 .table-item dd span.btn-down {
- border-radius: 5px;
- color: #fff;
- font-size: 12px;
- background: #3dc18e;
- }
- .main-table-box5 .table-item dd i.icon-up, .main-table-box5 .table-item dd i.icon-down{
- position: relative;
- float: right;
- width: 10px;
- height: 13px;
- margin-left: 8px;
- margin-right: 9px;
- margin-top: 6px;
- }
- .main-table-box5 .table-item dd i.icon-up {
- background: url(../ecshe_img/icon-up.png) no-repeat;
- background-size: 100% 100%;
- animation: 2s ease 0s normal none infinite running magic-arrow-up;
- }
- .main-table-box5 .table-item dd i.icon-down {
- background: url(../ecshe_img/icon-down.png) no-repeat;
- background-size: 100% 100%;
- animation: 2s ease 0s normal none infinite running magic-arrow-down;
- }
- @keyframes magic-arrow-up{
- 0%{opacity:0;top:5px;}
- 30%{opacity:1}
- 100%{opacity:0;top:0;}
- }
- @keyframes magic-arrow-down{
- 0%{opacity:0;top:-5px;}
- 30%{opacity:1}
- 100%{opacity:0;top:5px;}
- }
- .main-table-box5 .table-item dt.deal{
- text-align: left;
- margin-top: 12px;
- line-height: 20px;
- }
- .main-table-box5 .table-item dt.deal div{
- margin-left: 26px;
- }
- .main-table-box5 .table-item dt.deal p:first-child {
- font-size: 14px;
- color: #181818;
- }
- .main-table-box5 .table-item dt.deal p:last-child {
- font-size: 12px;
- color: #a7a9b7;
- }
- .tables-content {
- width: 1200px;
- margin: 0 auto;
- margin-bottom: 50px;
- }
- /*Form 2*/
- table tr:active {
- background: #242c40;
- }
- table tr:not(:first-child):hover {
- background: #242c40;
- }
- table td.down {
- color: #3dc18e;
- }
- table td.up {
- color: #f1280f;
- }
- .table-section-title {
- height: 45px;
- line-height: 45px;
- width: 100%;
- border-bottom: solid 1px #313a56;
- }
- .table-section-title .trade_qu_pai {
- display: inline-block;
- width: 50px;
- height: 100%;
- font-size: 14px;
- text-align: center;
- cursor: pointer;
- color: #fff;
- }
- .table-section-title .active {
- color: #018bc0;
- border-bottom: solid #018bc0 2px;
- }
- .table-section-title .trade_qu_pai:hover {
- color: #018bc0;
- }
- .table-section-title2 {
- height: 58px;
- line-height: 58px;
- width: 100%;
- border-bottom: solid 1px #313a56;
- }
- .table-section-title2 span {
- display: inline-block;
- padding: 0 20px;
- height: 100%;
- line-height: 58px;
- font-size: 16px;
- text-align: center;
- }
- .table-section-title2 span.active {
- color: #018bc0;
- border-bottom: solid #018bc0 2px;
- }
- .table-section-title2 span:hover,.table-section-title2 span a:hover {
- color: #018bc0;
- }
- .main-table-box1 {
- margin: 0 auto;
- margin-top: 20px;
- width: 265px;
- height: 927px;
- background: #1e2332;
- margin-right: 15px;
- float: left;
- }
- .records-box {
- margin: 0 auto;
- margin-top: 20px;
- float: right;
- width: 290px;
- overflow: hidden;
- }
- .records-box .main-table-box2 {
- width: 100%;
- min-height: 450px;
- background: #1e2332;
- }
- .records-box .main-table-box2 .table-head{
- height: 60px;
- line-height: 60px;
- border-bottom: solid 1px #313a56;
- }
- .records-box .main-table-box2 .table-head li {
- float: left;
- font-size: 13px;
- color: #ffffff;
- }
- .records-box .main-table-box2 .table-head li i{
- margin: auto 5px;
- }
- .records-box .main-table-box2 .table-list{
- overflow: hidden;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .records-box .main-table-box2 .green{
- border-bottom: solid 1px #313a56;
- }
- .records-box .main-table-box2 .table-list li{
- position: relative;
- margin-bottom: 3px;
- height: 35px;
- line-height: 35px;
- font-size: 12px;
- cursor: pointer;
- }
- .records-box .main-table-box2 .table-list li:hover{
- background: #b9c1cc;
- }
- .records-box .main-table-box2 .table-list li i {
- margin: auto 6px;
- }
- i.turntable_bg_red{
- position: absolute;
- top: 0;
- right: -6px;
- display: block;
- height: 35px;
- background: rgba(255,59,59,0.07);
- }
- i.turntable_bg_green{
- position: absolute;
- top: 0;
- right: -6px;
- display: block;
- height: 35px;
- background: rgba(41,194,120,0.07);
- }
- .records-box .table-count-list{
- margin-top: 20px;
- width: 100%;
- min-height: 457px;
- background: #1e2332;
- }
- .records-box .table-count-list .table-head{
- height: 60px;
- line-height: 60px;
- border-bottom: solid 1px #313a56;
- }
- .records-box .table-count-list .table-head li {
- float: left;
- font-size: 13px;
- color: #ffffff;
- }
- .records-box .table-count-list .table-head li i{
- margin: auto 5px;
- }
- .records-box .table-count-list .table-list{
- overflow: hidden;
- }
- .records-box .table-count-list .table-list li{
- height: 35px;
- line-height: 35px;
- overflow: hidden;
- font-size: 12px;
- cursor: pointer;
- }
- .records-box .table-count-list .table-list li:hover{
- background: #b9c1cc;
- }
- .records-box .table-count-list .table-list li i {
- margin: auto 6px;
- }
- .table_coin_box{
- overflow: hidden;
- color: #181818;
- border-top: solid 1px #313a56;
- }
- .table_coin_box .table-head{
- height: 48px;
- line-height: 48px;
- overflow: hidden;
- color: #fff;
- font-size: 12px;
- border-bottom: solid 1px #313a56;
- }
- .table_coin_box .table-head li{
- float: left;
- font-size: 14px;
- }
- .table_coin_box .table-head li i {
- margin: auto 6px;
- }
- .table_coin_box .table-list{
- overflow: hidden;
- }
- .table_coin_box .table-list li{
- height: 48px;
- line-height: 48px;
- overflow: hidden;
- font-size: 12px;
- border-bottom: solid 1px #313a56;
- }
- .table_coin_box .table-list li:hover{
- background: #b9c1cc;
- }
- .table_coin_box .table-list li dt{
- line-height: 45px;
- }
- .table_coin_box .table-list li i {
- margin: auto 6px;
- }
- .table_coin_box .table-list dt.market img {
- vertical-align: middle;
- }
- .table_coin_box .table-list dt.market span {
- vertical-align: middle;
- }
- .table_coin_box .table-list dt.market span.coin_name {
- vertical-align: middle;
- margin-left: 5px;
- }
- /*Form 3*/
- .authorize-box {
- margin-top: 20px;
- width: 615px;
- height: 574px;
- overflow: hidden;
- background: #1e2332;
- }
- .authorize-box .r-btns {
- float: right;
- margin-right: 28px;
- }
- .authorize-box .r-btns a {
- display: inline-block;
- font-size: 14px;
- line-height: 30px;
- text-align: center;
- color: #f1280f;
- }
- .main-summary {
- margin: 0 auto;
- width: 1200px;
- overflow: hidden;
- }
- .main-summary .title {
- line-height: 28px;
- font-size: 28px;
- font-weight: 300;
- color: #181818;
- text-align: center;
- margin: 85px 0 72px 0;
- }
- .main-summary .summary-content {
- overflow: hidden;
- }
- .main-summary .summary-content .item {
- float: left;
- width: 300px;
- text-align: center;
- }
- .main-summary .summary-content .item p {
- font-size: 14px;
- color: #535557;
- line-height: 30px;
- }
- .main-summary .summary-content .item h3 {
- color: #181818;
- margin: 30px 0 22px 0;
- font-size: 20px;
- font-weight: 300;
- }
- .box-main-warings{
- margin: 0 auto;
- width: 1200px;
- overflow: hidden;
- margin-top: 93px;
- margin-bottom: 38px;
- }
- .box-main-warings .main-warings {
- margin: 0 auto;
- width: 620px;
- line-height: 50px;
- text-align: center;
- }
- .box-main-warings .main-warings img {
-
- vertical-align: middle;
- }
- .box-main-warings .main-warings span {
- vertical-align: middle;
- margin-left: 5px;
- font-size: 18px;
- color: #606060;
- }
- .footer {
- width: 100%;
- height: 166px;
- background: #222731;
- }
- .footer .footer-content {
- position: relative;
- width: 1200px;
- height: 100%;
- margin: 0 auto;
- overflow: hidden;
- }
- .footer .footer-content .fc-box{
- width: 950px;
- overflow: hidden;
- margin-top: 60px;
- float: right;
- text-align: right;
- }
- .footer .footer-content .footer-menus {
- font-size: 15px;
- color: #fff;
- }
- .footer .footer-content .footer-menus a {
- color: #fff;
- }
- .footer .footer-content .footer-menus a:hover {
- color: #059DFF;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s; /* Firefox 4 */
- -webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
- -o-transition-duration: 0.5s; /* Opera */
- }
- .footer .footer-content .footer-menus span:last-child {
- display: none;
- }
- .footer .footer-content .footer-menus .line {
- margin: 0 6px;
- }
- .footer .footer-content .copyright-box{
- float: left;
- margin-top: 48px;
- color: #fff;
- font-size: 14px;
- }
- .footer .footer-content .copyright-box p{
- margin-top: 5px;
- }
- .footer .footer-content .country-list {
- margin-top: 30px;
- }
- .footer .footer-content .country-list img {
- margin-left: 20px;
- }
- /*买*/
- .trade-box {
- float: left;
- margin-top: 20px;
- }
- .form-box {
- position: relative;
- float: left;
- background: #1e2332;
- width: 280px;
- padding: 24px 14px 20px 14px;
- }
- .form-box .form-title {
- font-size: 14px;
- color: #ffffff;
- }
- .form-box .form-title span {
- font-size: 14px;
- color: #f1280f;
- margin-left: 5px;
- font-weight: 600;
- }
- .form-box input {
- width: 100%;
- height: 40px;
- border: solid #253045 1px;
- border-radius: 5px;
- background-color: #253045;
- padding-left: 3%;
- margin: 10px 0;
- box-sizing: border-box;
- }
- .form-box .form-count {
- font-size: 12px;
- color: #ffffff;
- margin-top: 10px
- }
- .form-box .form-count span {
- font-size: 12px;
- color: #f1280f;
- margin-left: 5px;
- font-weight: 600;
- }
- .form-box .form-count label:first-child {
- float: left;
- }
- .form-box .form-count label:last-child {
- float: right;
- }
- .form-box .btn-buy {
- width: 100%;
- height: 40px;
- font-size: 15px;
- color: #fff;
- background: #319e5c;
- border: none;
- outline: none;
- border-radius: 6px;
- margin-top: 15px;
- }
- .form-text {
- position: relative;
- }
- .form-text .chain-name {
- color: #878787;
- position: absolute;
- right: 18px;
- top: 20px;
- }
- .form-text .chain-name3 {
- color: #878787;
- position: absolute;
- right: 12px;
- top: 22px;
-
- display: block;
- width: 18px;
- height: 18px;
- background: url(../ecshe_img/icon_set.png) center no-repeat;
- background-size: 100% 100%;
- cursor: pointer;
- }
- /*Entrust*/
- .entrust-box{width: 100%; overflow: hidden;}
- .entrust-box .table-head{
- height: 60px;
- line-height: 60px;
- border-bottom: solid 1px #313a56;
- }
- .entrust-box .table-head li {
- float: left;
- font-size: 14px;
- color: #ffffff
- }
- .entrust-box .table-head li i{
- margin: auto 7px;
- }
- .entrust-box .table-list{
- overflow: hidden;
- padding-top: 10px;
- padding-bottom: 10px;
- color: #ffffff;
- }
- .entrust-box .table-list li{
- height: 40px;
- line-height: 40px;
- overflow: hidden;
- font-size: 13px;
- }
- .entrust-box .table-list li:nth-of-type(odd){
- background: #253045;
- }
- .entrust-box .table-list li i {
- margin: auto 7px;
- }
- /*Buy*/
- .sell-box .form-title span {
- color: #3dc18e!important;
- }
- .sell-box .form-count span {
- color: #3dc18e!important;
- }
- .sell-box .btn-buy {
- background: #3dc18e!important;
- }
- .buy{color: #f1280f !important;}
- .sell{color: #3dc18e !important;}
- /* Pages */
- .pages {
- clear: both;
- margin: 15px 15px 0px;
- text-align: center;
- font-size: 13px;
- color: #fff;
- }
- .pages a {
- background-color: #fff;
- padding: 5px 12px;
- border-radius: 3px;
- border: 1px solid #646464;
- margin: 0 2px;
- color: #646464;
- font-size: 13px;
- }
- .pages a:hover {
- background-color: #ececec;
- text-decoration: none;
- }
- .pages .current {
- background-color: #106cde;
- color: #fff;
- padding: 5px 12px;
- border-radius: 3px;
- margin: 0 2px;
- }
- .pages a.arr {
- width: 19px;
- height: 19px;
- display: inline-block;
- border-radius: 0;
- border: 0;
- }
- .pages a.arr.prev {
- background-position: -182px -286px;
- }
- .pages a:hover.arr.prev {
- background-position: -182px -265px;
- }
- .pages a.arr.next {
- background-position: -206px -265px;
- }
- .pages a:hover.arr.next {
- background-position: -206px -286px;
- }
|