@charset "utf-8"; /** * @cnfol-ued-bj * @version:v0.1 * @2012-8-3 **/ /* reset */ html{color:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000} /* html5 */ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} /* common */ body{color: #333;font:12px/24px arial, helvetica, sans-serif, '宋体';background:#fff} a{text-decoration:none;color:#333;} a:link{text-decoration:none;color:inherit;} em,i{text-decoration:none;font-style:normal;} .cf:before, .cf:after{content:"";display:table;} .cf:after{clear:both;} .cf{zoom:1;} .trs{filter:alpha(opacity=80);opacity:0.8;} /* font */ .fb,.fb14,.fb16,.fb20{font-weight:bold;} .f14,.fb14{font-size:14px;} .f16,.fb16{font-size:16px;} .f20,.fb20{font-size:20px;} /* text align */ .tc{text-align:center;} .tr{text-align:right;} .wrp{margin:0 auto;} .fl{float:left;display:inline;} .fr{float:right;display:inline;} /* margins */ .mt10{margin-top:10px;} .ml10{margin-left:10px;} /* padding */ .p10{padding:10px;} .pt10{padding-top:10px;} .pr10{padding-right:10px;} .pb10{padding-bottom:10px;} .pl10{padding-left:10px;} .ld{display:block;background: no-repeat center center;position:relative;} .nrp{overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;}/*----login bar---- */ /*modify by guxt 2013-2-27 9:27:03*/ .lgbe ,.loginbox{ width: 960px; margin: 0 auto; } .loginbox { height: 35px; line-height: 20px; background: repeat-x; position:relative; z-index:9; } .loginbar { width: 960px; height: 34px; line-height: 30px; margin: 0 auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; position:relative;} /*backup byguxt 2013-2-27 9:27:37 .lgbe { width: 960px; margin: 0 auto; } .loginbox { height: 35px; line-height: 20px; background: repeat-x; } .loginbar { width: 960px; height: 34px; line-height: 30px; margin: 0 auto; }*/ .loginbox i{ font-style:normal;} .loginbox form{ margin:0; padding:0;} .loginbar a:hover { color: #bd0000; } .lgbe .loginbar { width: 958px; position: relative; height: 34px; line-height: 34px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .lgbe .lgbes { display: inline; } .lgbe .lgafs { display: none; } .lgafs { float: left; display: inline; margin-left: 10px; padding-top: 1px; _padding-top: 5px; width: 695px; color: #ddd; text-align: left;} .lgafs i { color: #333; } .lgafs a { margin: 0 10px 0 3px; color: #333; } .lgafs i .lgname { margin-right: 0; } .lgmoney,.lgemail { background: no-repeat -167px -97px; color: #d90000 !important; display: inline-block; font-weight: bold; height: 22px; line-height: 22px; padding-left: 25px; vertical-align: middle;} .lgemail { background-position: -162px -283px; } .lgmoney:hover,.lgemail:hover { color: #f00 !important; } .lgbes { float: left; display: none; font-family: '宋体'; margin-left: 10px; padding-top: 3px; width: 705px; line-height: 26px; height: 26px; padding-top: 4px \9; z-index: 10; } .lgbes input { margin: 0 3px 1px 0; width: 120px; height: 18px; line-height: 18px; padding: 0 3px; vertical-align: middle; } .lgbes .loginname,.lgbes .loginpass{ color: #999; } .lgbes .lgfocus { color: #333; } .lgbes a { float: right; display: inline; margin-right: 10px; color: #2b397c; } .lgbes .lgbtn { margin-top: 3px; width: 43px; height: 20px; line-height: 20px; color: #fff !important; text-align: center; background: 0 -149px no-repeat; overflow: hidden; } .lgbes .lgbtn:hover { background-position: -43px -149px; } .lgbes .lgqq { position: relative; margin: 2px 10px 0 50px; width: 85px; height: 21px; background: no-repeat 0 -169px; z-index: 10000; } .lgbes .lgqq:hover { background-position: 0 -253px; } .lgbes .lgsel,.lgafsnw .lgsel,.lgsel{ position: relative; margin: 5px 25px 0 0; width: 13px; height: 13px; background: -175px -133px no-repeat; z-index: 10000; } .lgshowsel { position: absolute; visibility: hidden; width: 115px; margin-left: -105px; margin-top: -23px; padding: 35px 5px 10px; border: #b9b9b9 1px solid; border-top: none; display: block; z-index:99; background: #f8f8f8; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; } .lgshowsel a { width: 85px; height: 21px; margin-right: 26px; background: no-repeat 0 -190px; } .lgshowsel a:hover { background-position: 0 -274px; } .lgpocket { float: left; display: inline; width: 62px; height: 19px; line-height: 20px; text-align: center; color: #fff !important; margin: 6px 7px 5px 0; background: -97px -110px no-repeat; } .lgpocket:hover { color: #ff9 !important; } .visibility { visibility: hidden !important; } .hidden { dipslay: hidden !important; } .lgotlk { float: left; dipslay: inline; margin-right: 10px; } .ftlink {background: repeat-x left -60px; width:958px; border:1px solid #ddd; height:26px; line-height:26px; text-align:center;} .ftlink a {margin:0 5px;} .ftmsg {padding:12px 0; text-align:center; color:#555; line-height:22px;} .ftmsg a {color:#555;} .ftmsg a:hover {color:#bd0a01;} .ftmsg .lab,.ftmsg .plc {background: no-repeat; display:inline-block;} .ftmsg .lab {background-position:0 6px; display:inline-block; height:44px; width:100px;} .ftmsg .plc {background-position:10px -44px; color:#000; height:36px; line-height:14px; margin-left:25px; padding:8px 0 0 38px; width:83px; overflow:hidden;} .ftmsg .plc:hover {color:#000;} /*改版后添加样式*/ .wprc{ width:100%} .w835{ width:801px} .r{ float:right} div.h36{ height:36px} span.ml95d{ margin-left:-95px} .newqlm a.acell{ margin:0 0 0 20px !important; display:block; padding-left:25px} .ntladd{ z-index:10000; position:relative; float:right; margin-left:20px} .clapp,.cladd{ background: no-repeat} .clapp{ background-position:0 0;} .cladd{ background-position:0 -37px} a.acell{ display:block; float:left; padding-left:25px} a.mt3{ margin-top:3px} .lgshowse2{ position: absolute; visibility: hidden; width: 95px; margin-left: -85px; margin-top: -23px; padding: 35px 5px 5px; border: #b9b9b9 1px solid; border-top: none; display: block; z-index: 9999; background: #f8f8f8; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; } .lgshowse2 a:hover{ color:#d90000;} .loginbarnb { width: 958px; position: relative; height: 34px; line-height: 34px; margin:0 auto } .loginboxnew { height: 35px; line-height: 20px; background: repeat-x; width:100% } .loginbox,.loginbox div,.loginbox a{ overflow:visible !important;}/*修正旧版base.css*/ .loginbox,.loginbox div{text-align:left;}/*修正旧版base.css*/ /*for 密码提示*/ .lgbes input.disnone{ display:none;*margin-left:-6px;_margin-left:-6px;} /*----end login bar---- */ /*----inner footer---*/ .footer a:hover{color:#bd0000;} .footer,.manfoot{ width:960px; margin:10px auto 0 auto; clear:both;} .footer span ,.navft{ display:block; height:26px; line-height:26px; text-align:center; border:#ddd solid 1px; background: left -60px repeat-x;} .footer span a ,.navft a{margin:0 5px} .footer div { text-align:center; padding:12px 0;} .footer .labi{ display:inline-block; vertical-align:middle; width:101px; height:40px; background: 0 4px no-repeat;} .footer .police{ display:inline-block; vertical-align:middle; width:83px; margin-left:25px; height:33px; background: 10px -44px no-repeat; padding:8px 0 0 36px; font:400 12px/13px "";} /*----end inner footer---*/ /*-----footer for index-----*/ .manfoot{ position:relative; padding:10px 0; text-align:center; background:#fff 0 -290px repeat-x;} .manfoot .botnv{ height:40px; width:564px; margin:0 auto 10px; line-height:40px; background: 0 -444px repeat-x;} .manfoot .botnv a{ display:inline-block; margin:0 5px;} .foticoplic{ display:inline-block; vertical-align:middle; width:28px; height:40px; background: 0 -44px no-repeat;} .manfoot .foticoplic{ position:absolute; top:30px; right:45px;} /*-----end footer for index-----*/ /*add for 登录条补充 2013-7-15 17:40:07*/ .mr10{ margin-right:10px;} .loginbar a{color:#2b397c;} .clphn{background: 5px -72px no-repeat;} .exten,a.exten{ display:inline-block; padding-right:10px; margin-right:5px; background: 35px -103px no-repeat;} .lgbesnw{width:948px}/*登录前 lgafsnw 代表登录后*/ .lgafsnw{ width:auto; float:none;} .lgafsnw a{display:inline-block;} .lgafsnw .lgsel{ margin-top:10px; float:right;} .lgafsnw .lgpocket{ margin-top:7px;} .lgbesnw .lgshowse2,.lgbesnw .lgshowsel,.lgafsnw .lgshowse2{ visibility:visible; display:none; left:652px; top:23px;} .lgbesnw .lgshowse2{ left:787px;} /*豆瓣*/ .lgshowsel a:hover { background-position: 0 -274px; } .lgshowsel a.lgdoub,.lgshowsel a.lg163b,.lgshowsel a.lgtaob{ width:55px; margin-top:7px; line-height:20px; padding-left:30px; color:#fff; background-position: 0 -491px;} .lgshowsel a.lgdoub:hover{background-position: 0 -511px;} .lgshowsel a.lg163b{background-position:0 -532px;} .lgshowsel a.lg163b:hover{background-position:-85px -532px;} .lgshowsel a.lgtaob{background-position:-85px -491px;} .lgshowsel a.lgtaob:hover{background-position:-85px -511px;} /*end for 登录条补充*/ /*for wide login bar*/ .wdlog{width:100%} .wdlog .loginbar{ width:960px; border-left:0; border-right:0;} /*end for wide*/ /*for important letter*/ .posrltv{position:relative;} .logcormail,a.logcormail{color:#d44600;} .importletrbg,div.importletrbg{ position:absolute; top:24px; left:0px; height:24px; width:100px; text-align:center; border:1px solid #f1c47c; background: 0 -576px repeat-x;} .importletrarw{ position:absolute; top:-7px; left:10px; width:14px; height:7px; background: 0 -565px no-repeat;} .disnone{display:none;} .lgafsnw .lgemail{ overflow:visible;} /*end for important letter*/@charset "utf-8";.fixedleft,.fixedright{width:110px;height:166px;overflow:hidden;position:fixed;_position:absolute;bottom:100px;left:0px;z-index:100000001}.fixedright{left:auto;right:0px;text-align:right}.fixedleft iframe:hover,.fixedright iframe:hover{filter:alpha(opacity=86);opacity:0.86}.fixedleft .cls,.fixedright .cls{float:right;height:14px;width:14px;line-height:14px;color:#999;border:#999 1px solid;font-family:tahoma;text-align:center}.fixedleft .cls:hover,.fixedright .cls:hover{color:#f60}.fixed2{bottom:280px !important}.cmstabmb1 .f3,.cmstabmb1 td.f3,.cmstabmb1 i.f3{color:#038103}.cmstabmb1 .f4,.cmstabmb1 td.f4,.cmstabmb1 i.f4{color:#f00}.cmstabmb1 .f5,.cmstabmb1 td.f5,.cmstabmb1 a.f5{color:#0b61aa;text-decoration:none}.tabs dd,.madd dd{position:relative}.madd dd{overflow:visible}.tabs dd a.ctbmore1,.madd dd a.ctbmore1{color:#333;font-weight:300;text-decoration:none;margin:0;padding:0;position:absolute;top:-27px;left:750px}.madd dd a.ctbmore1{width:50px}.tabs dd a.ctbmore1:hover,.madd dd a.ctbmore1:hover{color:#bd0a01}.fixedleft div{overflow:visible;clear:both}.rcode{display:block;padding:0 0 10px 0}.rcode b{display:block;line-height:25px;font-weight:normal;font-size:14px;text-align:center}.rcode img{display:block;margin:0 auto}@charset "utf-8"; /* css document */ body{ font-family:"宋体"; } a,input{ outline:none; } .menu span b,.menu span.up b{/*背景*/ background-image:; background-repeat:no-repeat; } .sltbtn,.uradio b,.uchkbox b{ background-image:; background-repeat:no-repeat; } .headuser a i{ background-image:; background-position:center center; background-repeat:no-repeat; } .ugraph i,.personicon i,.userimg i{ background: 0 0 no-repeat; } .peopleul span i,.inforicon i,.midsize i{ background: center center no-repeat; } .ubasic span i,.win h3 span,.uident,.perbtn a,.umes{ background-image:; background-repeat:no-repeat } .unavslt,.outshow,.ubasic span b,.inpdat,.tabhead a i,.close,.step a i.ok,.utype li a,.rtitle,.payul h3,.title3 i,.angle,.infortip,.danger i,.error,.right,.regsuc h3 span,.hotip,.inforicon i.hotip{ background-image:; background-repeat:no-repeat; } .title span.fin,.title span.gift,.title span.ident,.title span.wdraw,.title span.lock,.title span.infor,.title span.self,.title span.pay,.title span.people,.title span.truss,.win h3 span.wimsg{ background-image:; background-repeat:no-repeat; padding-left:30px; } .cashul,.flowall a i,.flowall a{ background-image:; background-repeat:no-repeat; } .tabhead a,.paygold,.payrmb{ background-image:; background-repeat:no-repeat; } .step a{ background-image:; background-repeat:no-repeat } .win .step a{ background-image:; background-repeat:no-repeat; } .utype li,.utype li i{ background-image:; background-repeat:no-repeat } .tabbtn span,.tabbtn i{ background-image:; background-repeat:no-repeat; } .lgli span i,.thirdul a,.tabform p.app span{ background-image:; background-repeat:no-repeat } /*---------------------------------------------*/ /*头部*/ .uhead{ background-color:#f0f0f0; padding:15px 0; width:100%; } .headnav{ width:960px; height:50px; margin:0 auto; } .logo{ padding:0 5px 0 0; height:50px; margin:0; line-height:50px; font-size:14px; float:left } .logo img{ margin-right:5px; height:50px; float:left } .logo span{ padding:0 5px; } .headuser{ padding:7px; height:36px; float:right } .headuser a,.headuser span{ display:block; float:left } .headuser a.uicon{ height:36px; padding-left:40px; position:relative; line-height:36px; font-size:14px; color:#333; } .headuser a i{ display:block; width:36px; height:36px; position:absolute; left:0; top:0 } .headuser a img{ position:absolute; height:36px; width:36px; position:absolute; left:0; top:0 } .headuser .unavslt{ margin:5px; _width:100px; padding-right:20px; height:26px; background-position:right -140px; line-height:26px; overflow:hidden; font-size:14px; float:left } .headuser .unavslt a{ height:26px; display:block; float:none; clear:both; padding:0 5px; } .headuser .unavslt a.ired{ color:#bf2122; } .headuser .outshow{ background-position:right -170px; overflow:visible; } /*菜单*/ .menubar{ height:45px; background-color:#333; width:100% } .menu{ background-color:#333; width:960px; height:45px; margin:0 auto } .menu a,.menu span{ display:block; height:45px; width:105px; line-height:45px; font-size:16px; font-family:"微软雅黑"; padding:0; text-align:center; color:#fff; float:left } .menu span{ position:relative; z-index:1000; } .menu span b{ display:inline-block; padding-right:10px; background-position:right 22px; font-weight:normal; cursor:pointer; } .menu a.ac{ background-color:#b80103; } .menu span p{ display:none; width:118px; border:1px solid #cdcdcd; text-align:center; background-color:#fff; position:absolute; top:45px; left:0 } .menu span.up p{ display:block; overflow:hidden; } .menu span p a{ float:none; clear:both; line-height:28px; font-size:14px; height:28px; color:#333; border-top:1px dashed #efefef; margin-top:-1px; } .menu span.up b{ background-position:right -23px; } .menu span p a:hover{ background-color:#f3f3f3; } /*登录页*/ .login{ height:480px; width:100%; background: center center no-repeat; } .lgcen{ margin:0 auto; background: 0 0 no-repeat; padding-left:510px; width:450px; height:480px; position:relative } .lgform{ width:390px; height:400px; position:absolute; top:40px; right:0; } .formbg{ background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; width:100%; height:100%; position:absolute; left:0; top:0 } .tabform{ padding:20px; position:relative; } .tabform h3{ height:45px; line-height:55px; font-size:18px; color:#fff; font-family:"微软雅黑"; } .tabtip{ height:25px; line-height:25px; font-size:12px; color:#fff; display:none; text-align:center; width:350px; position:absolute; left:20px; top:40px; } .tabtip span{ width:100%; height:25px; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; display:block; position:absolute; top:0; left:0 } .tabtip em{ width:100%; display:block; font-style:normal; color:#fff; position:absolute; top:0; left:0 } .tabbtn{ display:block; position:absolute; right:0; top:0 } .tabbtn span{ margin:5px -5px 0 0; padding:0 10px 0 5px; text-align:center; color:#ababab; display:block; height:28px; line-height:28px; font-size:12px; background-position:right 0; width:120px; float:left } .tabbtn i{ display:block; width:55px; height:55px; float:left } .tocode{ background-position:0 -25px; } .tonum{ background-position:-74px -30px; } .tabform form{ padding:0; margin:0 } .lgli{ padding:10px 0; display:block } .lgli span{ display:block; padding:10px 30px 10px 10px; background-color:#fff; height:23px; border:1px solid #d7d7d7; position:relative; } .lgli span input{ border:0 none; width:270px; height:23px; color:#333; line-height:23px; font-size:12px; } .lgli span i{ width:30px; height:30px; position:absolute; top:7px; right:5px; } .lgli span b{ height:43px; line-height:43px; font-weight:normal; font-size:12px; color:#c0c0c0; position:absolute; left:10px; top:0px; } .usericon{ background-position:0 0; } .passicon{ background-position:0 -30px; } .tabform p{ margin-top:20px; line-height:20px; font-size:12px; } .lglink{ color:#cbcbcb; } .lglink a{ color:#cbcbcb; } .olink{ color:#7f7f7f; font-weight:bold; } a.lgbtn{ background-color:#b70100; border-radius:1px; color:#fff; height:40px; line-height:40px; font-size:18px; display:block; text-align:center; margin:10px 0; } .thirdul{ height:30px; } .thirdul span{ display:inline-block; padding:0 5px; line-height:30px; font-size:14px; color:#fff; } .thirdul a{ display:inline-block; padding:0 0 0 30px; height:30px; line-height:30px; font-size:12px; color:#fff; } .lgqq{ background-position:0 -60px; } .thirdul a.lgqq:hover{ background-position:0 -90px; } .lgwx{ background-position:0 -120px } .thirdul a.lgwx:hover{ background-position:0 -150px; } .lgwb{ background-position:0 -180px; } .thirdul a.lgwb:hover{ background-position:0 -210px; } .lgcode{ padding:25px 70px; display:block; width:210px; height:210px; } .lgcode img{ width:210px; height:210px; background-color:#fff; } .tabform p.app{ margin-top:5px; height:30px; line-height:30px; font-size:16px; color:#c9c9c9; text-align:center } .tabform p.app span{ display:inline-block; height:30px; padding-left:40px; background-position:5px -240px; } .tabform p.app a{ color:#ca1110; padding:0 5px; } /*标题*/ .title{ height:50px; position:relative } .title i{ height:0; width:100%; border-bottom:1px solid #eee; position:absolute; top:23px; left:0 } .title span{ padding:0 7px; display:block; background-color:#fff; color:#111; font-family:"微软雅黑"; line-height:30px; font-size:18px; position:absolute; top:10px; left:0 } .title .rtip{ padding:0 7px; display:block; background-color:#fff; position:absolute; right:0; top:11px; } .title a.rbtn{ padding:0 10px; height:25px; line-height:25px; font-size:14px; color:#333; border:1px solid #a8a8a8; border-radius:2px; background-color:#fff; display:block; } .title a.rbtn:hover{ border:1px solid #474747; background-color:#474747; color:#fff; } .title span.fin{ padding-left:30px; background-position:0 0; } .title span.gift{ background-position:0 -30px; } .title span.ident{ background-position:0 -59px; } .title span.wdraw{ background-position:0 -90px; } .title span.lock{ background-position:0 -120px; } .title span.infor{ background-position:0 -148px; } .title span.self{ background-position:0 -180px; } .title span.pay{ background-position:0 -210px; } .title span.people{ background-position:0 -240px; } .title span.truss{ background-position:0 -270px; } .title2{ padding:0 10px; display:block; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#333; } .title3{ border-bottom:1px solid #e6e6e6; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:333; } .title3 span{ padding:0 10px; height:31px; display:block; position:relative; float:left } .title3 i{ width:13px; height:7px; display:block; background-position:0 -210px; position:absolute; bottom:0px; left:50%; margin-left:-6px; } .rtitle{ padding:5px 5px 0 20px; background-position:8px -348px; border-bottom:1px solid #e0e0e0; height:25px; line-height:25px; font-size:14px; } .ubasic{ padding:10px 0 40px 150px; height:120px; position:relative; } .ubasic p{ margin:5px 0; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#333; } .ubasic span,.ubasic a{ padding-right:40px; cursor:pointer; display:inline-block; } .ubasic a:hover{ text-decoration:underline } .ubasic span i,.ubasic i{ display:block; width:30px; height:30px; position:absolute; top:0; left:0 } .ugraph{ padding-top:130px; width:130px; height:30px; display:block; line-height:30px; font-size:12px; text-align:center; color:#333; position:absolute; left:10px; top:0 } .ugraph img,.ugraph i{ width:130px; height:130px; position:absolute; top:0; left:0 } .ubasic span b,.ubasic a b{ width:20px; height:20px; display:none; background-position:2px -118px; position:absolute; right:20px; top:5px; } .baseicon{ padding-left:30px; position:relative } .ubasic span.red b,.ubasic a.red b{ display:block; } .ubasic a.red em{ /*color:#c80201;*/ } .uident{ padding-left:30px; /*position:relative;*/ background-position:0 0; } .red .uident{ background-position:0 -30px; } .utel{ background-position:0 -60px; } .red .utel{ background-position:0 -90px; } .uemail{ background-position:0 -120px; } .red .uemail{ background-position:0 -150px; } .uthird{ background-position:0 -180px; } .red .uthird{ background-position:0 -210px; } .umes{ background-position:0 -540px; } .red .umes{ background-position:0 -570px; } .cashul{ padding:10px 0; height:70px; padding-left:70px; background-position:0 10px; } .cashul span{ display:block; width:120px; border-right:1px dashed #e0e0e0; padding:5px 20px; line-height:30px; text-align:center; font-size:14px; float:left } .cashul b{ font-family:"微软雅黑"; font-weight:normal; display:block; font-size:20px; color:#333; overflow:hidden; } .cashul i{ display:block; font-style:normal; color:#666; } .cashbtn{ padding:20px 10px; margin-left:-1px; *width:150px; background-color:#fff; float:left } .cashbtn a{ padding:0 10px; border-radius:2px; display:inline-block; margin:0 7px; height:28px; line-height:28px; font-size:16px; } .cashbtn a.redbtn{ border:1px solid #b90101; background-color:#b90101; color:#fff; } .cashbtn a.redbtn:hover{ background-color:#fff; color:#b90101; } .cashbtn a.graybtn{ border:1px solid #a9a9a9; background-color:#fff; } .cashbtn a.graybtn:hover{ border:1px solid #474747; background-color:#474747; color:#fff; } a.tbtn,a.mbtn{ padding:0 10px; border-radius:2px; display:inline-block; margin:0 7px; height:28px; line-height:28px; font-size:16px; border:1px solid #b90101; background-color:#b90101; color:#fff; } a.tbtn:hover,a.mbtn:hover{ background-color:#fff; color:#b90101; } .tbtn{ top:60px; right:20px; position:absolute; } .tabhead{ padding:10px 0 0 0; height:30px; border-bottom:1px solid #e0e0e0; } .tabhead a{ padding:0 15px 0 30px; line-height:30px; font-size:14px; display:block; color:#333; position:relative; float:left } .tabhead a span{ color:#b90101; padding:0 3px; } .tabhead a i{ width:13px; height:10px; display:none; background-position:0 -210px; position:absolute; bottom:-4px; left:50%; margin-left:-6px; } .tabhead a.cur{ font-weight:bold; } .tabhead a.cur i{ display:block } .tabmess{ padding:0; } .tabmess li{ padding:0; /*display:none;*/ } .business{ background-position:0 0; } .money{ background-position:0 -40px; } .gold{ background-position:0 -80px; } .flower{ background-position:0 -120px; } .freeze{ background-position:0 -160px; } /*20160805 start*/ .integral{ background-position:0 -270px; } /*20160805 end*/ .shop{ background-position:0 -200px; } .shopall{ border-bottom:1px dashed #e6e6e6; } .shopall p{ padding:0 10px; height:40px; line-height:40px; font-size:14px; color:#333; } .shopall p span{ width:220px; height:40px; display:inline-block; overflow:hidden; } /*20160805 start*/ .integralall{ margin-top:-10px; padding:10px 10px 10px 15px; height:30px; font-size:14px; line-height:30px; position:relative; border-bottom:1px solid #f6f6f6; background-color:#f0f0f0; } .integralall span b{ color:#c40100; font-weight:normal } /*20160805 end*/ .flowall{ border-bottom:1px dashed #e6e6e6; padding:10px 100px 20px 100px; height:90px; position:relative } .flowall a,.flowall span{ display:block; float:left } .flowall span{ height:90px; padding:0 10px; line-height:30px; font-size:14px; color:#333; } .flowall a i{ display:block; width:50px; height:50px; background-position:center -346px; margin-left:-25px; position:absolute; left:50%; top:10px } .flowall a:hover i{ background-position:center -297px } /*20160805 start*/ .flowall a.unbtn,.integralall a.unbtn{ height:28px; line-height:28px; font-size:14px; border-radius:2px; background-image:none; padding:0 10px; border:1px solid #a6a6a6; background-color:#fff; color:#333; text-align:center; float:none; clear:both; position:absolute; right:10px; top:5px; } .integralall a.unbtn{ top:10px; border:1px solid #c40100; background-color:#c40100; color:#fff; } .integralall a.unbtn:hover{ background-color:#fff; border:1px solid #c40100; color:#c40100; } /*20160805 end*/ .flowall a.unbtn:hover{ background-color:#474747; color:#fff; } .send,.fill{ padding:70px 0 0 0; height:20px; line-height:20px; font-size:14px; color:#333; width:120px; position:relative; text-align:center } .send{ background-position:center -100px; } .fill{ background-position:center -200px; } .utable{ width:100%; border:0 none; line-height:30px; font-size:14px; } .utable td,.utable th{ height:35px; line-height:35px; font-size:14px; text-align:center; font-weight:normal; vertical-align:middle; border-bottom:1px dashed #e0e0e0; word-break:break-all; word-wrap:break-word; } .utable td{ color:#666; } .utable th{ color:#333; } .umodel{ border:1px solid #eee; padding:14px; } .dline:hover{ text-decoration:underline; } a.mbtn{ border:1px solid #a9a9a9; background-color:#fff; padding:0 10px; border-radius:1px; height:22px; line-height:22px; color:#333; font-size:14px; color:#333; display:inline-block; } .mbtn:hover{ border:1px solid #474747; background-color:#474747; color:#fff; } /*表单=================*/ .formli{ padding:7px 0; height:36px; display:block; /*position:relative;*/ } .formli b,.formli em{ display:inline-block; line-height:36px; *line-height:28px; font-size:14px; vertical-align:middle; font-weight:normal; padding:0 5px; zoom:1; } .formli em{ font-size:12px; vertical-align:middle; zoom:1 } .drawform .formli em.passtip{ border:1px solid #eddead; background-color:#fffce9; padding:4px; display:none; line-height:20px; font-size:12px; color:#6b6b6b; width:165px; position:absolute; top:10px; left:455px; } .formli a{ vertical-align:middle; } .formli span{ display:inline-block; border:1px solid #ddd; height:34px; margin:0 7px 0 -5px; line-height:34px; font-size:14px; vertical-align:middle; zoom:1; } .formli span input{ height:21px; *height:20px; border:0 none; margin-top:0; line-height:22px; padding:5px 4px; margin-top:-4px; /*width:120px;*/ } .formli span .toptime{ /*vertical-align:auto !important;*/ background-color:#fff; } .formli .formslt{ border:1px solid #ddd; height:34px; position:relative; } .formli span.formslt input{ height:24px; margin-top:-12px; padding:0; width:auto } .formbtn{ padding:15px 10px; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; overflow:hidden } .formbtn b{ font-weight:normal; display:inline-block; padding:0 5px; } .formbtn a,.okbtn,.unbtn{ display:inline-block; height:38px; line-height:38px; font-size:16px; padding:0 15px; margin:0 7px; border-radius:2px; } .formli .okbtn,.formli .unbtn{ height:34px; line-height:34px; } a.okbtn{ background-color:#b90101; border:1px solid #b90101; color:#fff; } a.unbtn{ background-color:#fff; border:1px solid #a9a9a9; color:#333; } a.okbtn:hover{ background-color:#fff; color:#b90101; } a.unbtn:hover{ border:1px solid #474747; background-color:#474747; color:#fff; } .ops{ position:relative } .libtn{ margin:3px 7px; height:28px; border:1px solid #aaa; padding:0 10px; font-size:14px; line-height:28px; border-radius:2px; display:inline-block; vertical-align:middle; background-color:#fff; } .stark{ position:absolute; top:7px; right:143px; } .libtn:hover{ border:1px solid #333; background-color:#333; color:#fff; } .inpdat{ background-position:right -80px; } .formli span.uradio{ border:0 none; height:36px; vertical-align:middle; line-height:36px; } .formli span.uradio input{ width:16px; height:16px; padding:0; margin:0 } .formli span.uradio b{ padding:0; } .formli span.uchkbox{ border:0 none; height:36px; vertical-align:middle; line-height:36px; } .formli span.uchkbox input{ width:16px; height:16px; padding:0; margin:0 } .formli span.uchkbox b{ padding:0; } .imgli{ height:40px; margin:7px 0; padding-left:30px; width:185px; display:inline-block } .imgli img{ height:40px; width:160px; } dd.bthird{ padding:0 75px 0 0; } dd.bthird .imgli{ width:240px; } dd.bthird .imgli img{ height:40px; width:auto } .fication{ display:none; } /*美化表单=============*/ /*select*/ .formslt{ margin:0 5px; padding:0 5px; height:30px; text-align:center; vertical-align:middle; display:inline-block; background:#fff; position:relative } .formslt input{ border:0 none; background:#fff; width:100%; padding:0; color:#000; height:24px; background-color:#fff; line-height:24px; font-size:12px; text-align:left; margin-top:-12px; position:absolute; top:50%; left:5px } .formslt .sltbox{ /*width:100%;*/ display:none; border:1px solid #cdcdcd; background:#fff; text-align:left; max-height:200px; overflow:auto; position:absolute; top:26px; left:-1px } .formslt select{ /*width:98%;*/ _display:none; position:absolute; left:4px; top:2px } .sltbox p{ line-height:25px; font-size:12px; padding:0 10px; color:#333; cursor:pointer; height:25px; overflow:hidden } .sltbox p.ac,.sltbox p.cur{ background:#f2f2f2; color:#333; } .slthov p.ac{ background:#fff; color:#333; } .slthov p.cur{ background:#f2f2f2; color:#333; } .sltbtn{ width:16px; height:16px; display:block; cursor:pointer; background-position:-8px -55px; position:absolute; top:50%; margin-top:-8px; right:3px; _right:4px; } .sltup{ background-position:-8px -85px; } .utable th .formslt{ height:35px; } .utable th .sltbox{ text-align:center; } .utable th .sltbtn{ display:inline-block; padding-right:12px; height:24px; line-height:24px; font-size:12px; background-color:#fff; margin-top:3px; width:auto; font-weight:normal; background-position:right -50px; position:inherit; top:0; right:0; } .utable th .sltup{ background-position:right -80px; } .utable th input{ display:none; } .utable th .sltbtn{ font-size:14px; } /*radio*/ .uradio,.uchkbox{ position:relative; font-size:14px; padding-left:30px; cursor:pointer; } .uradio i,.uradio b,.uchkbox i,.uchkbox b{ width:24px; height:24px; background-color:#fff; display:block; position:absolute; top:50%; left:3px; margin-top:-12px; } .uradio i{ overflow:hidden; } .uradio b{ background-position:4px 4px; } .chk b{ background-position:4px -26px; } .uchkbox b{ background-position:4px -116px; } .chked b{ background-position:4px -146px; } .paygood .uchkbox b{ background-position:3px -117px; } .paygood .chked b{ background-position:3px -147px; } /*密码等级*/ .pwdtip{ line-height:20px; height:25px; font-family:"宋体"; font-size:12px; text-align:center; overflow:hidden; color:#999 } .pwdstr{ padding:0 0 0 120px; height:26px; } .pwdstr span{ border:0 none; border-top:7px solid #e6e6e6; height:19px; line-height:19px; margin-right:5px; width:70px; text-align:center; overflow:hidden; float:left } .jpw33 span.cura { border-top: 5px solid #b90101; } .jpw66 span.cura { border-top: 5px solid #b90101; } .jpw66 span.curb { border-top: 5px solid #b90101; } .jpw99 span.cura { border-top: 5px solid #b90101; } .jpw99 span.curb { border-top: 5px solid #b90101; } .jpw99 span.curc { border-top: 5px solid #b90101; } /*步骤模块*/ .step{ height:70px; padding:10px 80px; position:relative; } .step b{ border-bottom:8px solid #e0e0e0; height:0; width:640px; left:160px; position:absolute; top:34px; } .step a{ display:block; width:160px; padding-top:50px; background-position:center 5px; height:20px; line-height:20px; text-align:center; font-size:14px; color:#333; position:relative; float:left } .step a i{ display:block; width:40px; height:40px; line-height:50px; font-size:24px; color:#a6a6a6; text-align:center; position:absolute; left:50%; margin-left:-20px; top:4px; } .step a i.ok{ background-position:10px 15px; } .step a.ac{ background-position:center -65px; } .step a.ac i{ color:#fff; } .threestep{ padding:10px 0; } .threestep a{ width:320px; } .win .step{ height:50px; padding:10px 0; background-color:#fafafa; border-bottom:1px solid #eee; } .win .step b{ width:280px; height:4px; left:70px; top:17px; } .win .step a{ padding-top:30px; background-position:center 0; width:140px; } .win .step a.ac{ background-position:center -60px; } .win .step a.ac i{ color:#fff; } .win .step a i{ width:30px; height:30px; margin-left:-15px; line-height:30px; font-size:18px; top:0 } .win .step a i.ok{ background-position:5px 8px; } .win .steptwo a{ width:210px; } .win .steptwo b{ width:210px; left:105px; } .leftbtn{ text-align:left; margin-left:120px; padding-left:0; } .leftbtn a{ margin-left:0; } /*分页*/ .page{ padding:20px 10px; height:25px; display:block; text-align:center; overflow:hidden } .page a{ display:inline-block; height:25px; line-height:25px; padding:0 8px; border:1px solid #bebebe; margin:0 3px; font-size:14px; color:#333; } .page a:hover{ color:#bf2122; } .page a.ac{ color:#fff; background-color:#bf2122; border:1px solid #bf2122; } /*=================弹窗==================*/ .mask{ width:100%; height:100%; display:none; background-color:#000; filter:alpha(opacity=30); opacity:0.30; z-index:1999; position:absolute; top:0; left:0 } .win{ width:420px; background-color:#fff; position:fixed; _position:absolute; z-index:2000; display:none; margin-left:-210px; margin-top:-150px; top:50%; left:50% } .win h3{ height:30px; line-height:30px; padding:5px 10px; font-size:16px; /*overflow:visible;*/ display:block; font-family:"微软雅黑"; background-color:#333; color:#fff; position:relative; overflow:hidden; } .win h3 b{ font-weight:normal; font-style:normal; } .close{ display:block; width:20px; height:20px; cursor:pointer; overflow:hidden; background-color:transparent; border:0 none; background-position:4px -234px; position:absolute; top:10px; right:10px; } .close:hover{ background-color:transparent; } .win form{ padding:25px 20px 5px 20px; } .win form p{ line-height:30px; font-size:14px; text-indent:2em; word-break:break-all; text-align:justify; color:#333; height:auto; } .win form p.areatip{ text-indent:0; margin-top:-15px; padding-left:120px; } .wmess{ padding:25px 20px; color:#333; } .wmess p{ line-height:30px; font-size:14px; height:30px; overflow:hidden; /*color:#333*/ } p.mcode{ padding:0; text-align:center; height:auto } .mcode img{ width:160px; height:160px; } .win h3 span{ height:30px; line-height:30px; display:inline-block; overflow:hidden; padding-left:30px; margin-left:-8px; } .wpass{ background-position:0 -300px; } .wtel{ background-position:0 -240px; } .wemail{ background-position:0 -270px; } .wthird{ background-position:0 -330px; } .wimsg{ background-position:0 -148px; } /*信息提示弹窗*/ .msg{ width:350px; margin-left:-175px; margin-top:-40px; } .msg p{ color:#333; padding:25px 20px; text-align:center; font-size:14px; line-height:30px; text-align:center } /*表单弹窗*/ .telform{ margin-top:-180px } /*.telform .formli b{ padding:0 7px 0 0; }*/ .telform b.telnum{ padding:0; margin:0 0 0 -5px; } .telform a.unbtn{ margin:0; } .codeform{ width:420px; margin-top:-180px; } .codeform p{ text-indent:0; font-size:12px; text-align:center; } .telbtn{ padding:0 5px; display:block; color:#bbb; font-size:14px; height:25px; cursor:pointer; line-height:25px; position:absolute; top:10px; right:40px; } /*=========================================================*/ .outdivframe{pading:20px 10px;width:420px;_width:420px;height:420px} .outdivframe .title{margin:0;background:#efefef;height:40px;line-height:40px;text-indent:1em;border-bottom:solid 1px} .outdivframe .marginleft{margin-left:30px;margin-top:20px} .outdivframe .sryzm .nothing{background-image:none} .sryzm span, .scyzm li span{display:inline-block;width:49px;height:46px;border:solid 1px #ddd} .outdivframe .sryzm .txt{background-image:none;vertical-align:top;border:medium none; line-height:46px;} .outdivframe .sryzm .clear{background: no-repeat scroll 0 0 #ccc;width:57px} .outdivframe .sryzm .clear:hover{background: no-repeat scroll -58px 0 #ccc} .outdivframe .sryzm span{margin-right:2px;margin-right:-4px\0; margin-right: -1px;_margin-right:-1px} .marginleft i.cue{display:none;width:35px;height:35px;background: no-repeat -122px -10px;margin-left:10px} .marginleft i.err{display:inline-block;width:35px;height:35px;background: no-repeat -122px -60px;margin-left:10px} .outdivframe .scyzm{margin-top:5px} .outdivframe .scyzm .yzm_bz{cursor:pointer;display:inline-block;width:150px;height:40px;margin-left:100px;margin-right:10px;background-position:0 0;background-repeat:no-repeat} .outdivframe .scyzm .dim{vertical-align:top;cursor:pointer;text-decoration:underline; line-height:40px;} .outdivframe .scyzm ul{list-style:none;padding:0; margin:20px 125px;} .outdivframe .scyzm ul li{margin-bottom:10px} .scyzm li .cnfol_captcha_btn_1{background-position:0px -40px} .scyzm li .cnfol_captcha_btn_2{background-position:-48px -40px} .scyzm li .cnfol_captcha_btn_3{background-position:-96px -40px} .scyzm li .cnfol_captcha_btn_4{background-position:0px -86px} .scyzm li .cnfol_captcha_btn_5{background-position:-48px -86px} .scyzm li .cnfol_captcha_btn_6{background-position:-96px -86px} .scyzm li .cnfol_captcha_btn_7{background-position:-0px -132px} .scyzm li .cnfol_captcha_btn_8{background-position:-48px -132px} .scyzm li .cnfol_captcha_btn_9{background-position:-96px -132px} .zero{} .sryzm span, .scyzm li span, .scyzm .yzm_bz{background:no-repeat scroll -500px -500px} a.surebtn:hover{background-position:0 -85px;text-decoration:none} .cf0{ color:#f00; } /*=========================================================*/ .areali{ padding:7px 0; display:block; } .areali b{ display:block; line-height:36px; font-size:12px; font-weight:normal; padding:0 5px; float:left } .areali span{ padding-left:2px; display:inline-block; } .areali textarea{ border:1px solid #e6e6e6; padding:4px; width:210px; height:90px; line-height:25px; font-size:12px; color:#333; resize:none; } .verify{ padding:7px 5px 7px 121px; height:40px; overflow:hidden; display:block; } .verify img{ width:180px; height:40px; float:left } .verify a,verify span{ padding:0 5px; } .verify a{ line-height:40px; font-size:14px; color:#333 } /*第三方绑定*/ .utype{ margin-top:-160px; } .utype ul{ padding:25px 20px 25px 80px; display:block; } .utype li{ display:block; height:30px; *width:140px; overflow:hidden; padding:20px 0 20px 130px; background-position:0 0; margin:15px 0; position:relative; } .utype li i{ position:absolute; width:70px; height:70px; position:absolute; top:0; left:0 } .utype li a{ padding:0 10px 0 24px; display:inline-block; height:28px; line-height:28px; border-radius:2px; font-size:16px; background-position:7px -322px; color:#fff; background-color:#b90101; border:1px solid #b90101; } .utype li.bind a{ background-position:7px -292px; border:1px solid #a9a9a9; background-color:#fff; color:#333; } .qqtype{ background-position:0 -70px; } .bind .qqtype{ background-position:0 -140px; } .wxtype{ background-position:0 -210px; } .bind .wxtype{ background-position:0 -280px; } .wbtype{ background-position:0 -350px; } .bind .wbtype{ background-position:0 -420px; } /*app二维码弹窗*/ .wcode{ padding:20px; width:300px; margin-left:-170px; margin-top:-130px; } .wcode .close{ background-position:4px -267px; } .wcodeimg{ text-align:center; padding:10px 0 5px 0; } .wcodeimg img{ width:160px; height:160px } .wcode p{ line-height:30px; font-size:14px; text-align:center; color:#333; } .wcode p span{ color:#b80102; } .wcode a{ border-radius:2px; margin:10px 60px; border:1px solid #b80102; background-color:#b80102; height:38px; display:block; line-height:38px; font-size:14px; color:#fff; text-align:center; } .wcode a:hover{ background-color:#fff; color:#b80102; } /*底部*/ .footer{ width:100%; border-top:1px solid #eee; } .footer span, .navft{ background:none; border:0 none; } /*充值页面----------------------*/ .finul{ padding:20px; } .finul li{ padding:5px 0; line-height:30px; height:30px; font-size:14px; } .finul li a{ display:inline-block; margin:2px 5px; height:24px; padding:0 10px; border-radius:1px; line-height:24px; text-align:center; border:1px solid #a6a6a6; background-color:#fff; color:#333; } .finul li a:hover{ background-color:#474747; border:1px solid #474747; color:#fff; } .finul li a.cur{ background-color:#b90101; border:1px solid #b90101; color:#fff; } .finul li input{ border:1px solid #a6a6a6; width:60px; color:#999; margin:2px 5px; height:24px; padding:0 10px; border-radius:1px; line-height:24px; } .payul{ border:1px solid #e6e6e6; padding:10px; } .payul h3{ padding-left:30px; background-position:5px -383px; border-bottom:1px solid #e6e6e6; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#333 } .paygood{ width:460px; /*border-right:1px dashed #e6e6e6;*/ padding:10px 10px 0 80px; } .paygood p{ height:30px; line-height:30px; line-height:30px; font-size:14px; display:block; overflow:hidden; } .paygood span{ width:200px; vertical-align:middle; display:inline-block; height:30px; } .paygood span.uchkbox{ width:auto; color:#999; } span.paygold,span.payrmb{ padding-left:30px; width:170px; } .paygold{ background-position:0 -80px; } .payrmb{ background-position:0 -240px; } .paygood p.red{ margin-top:3px; margin-right:80px; border-top:1px dashed #b90101; color:#b90101; } .paygood p.red i{ font-style:normal; } .paywhere{ margin-top:20px; padding-right:80px; width:180px; float:right } .paywhere a{ display:block } .paycode{ margin:7px 0; height:40px; background: 0 0 no-repeat; padding-left:40px; line-height:20px; font-size:14px; color:#000 } .paycode i{ color:#b90101; } a.paybtn{ margin:10px 0; height:38px; line-height:38px; font-size:16px; border-radius:1px; border:1px solid #b90101; background-color:#b90101; color:#fff; text-align:center; } a.paybtn:hover{ background-color:#fff; color:#b90101; } .finstyle{ padding:20px 0; display:block; height:110px; } .finstyle a{ display:block; padding:8px 13px; border:2px solid #fff; width:210px; height:90px; overflow:hidden; float:left } .finstyle a.cur{ border:2px solid #e5e5e5; } .finstyle a span{ display:block; height:45px; } .finstyle a img{ height:45px; float:left } .finstyle a i{ padding:15px 0 0 5px; height:30px; line-height:30px; font-size:16px; font-style:normal; font-weight:bold; color:#333; display:block; float:left } .finstyle a p{ height:50px; line-height:25px; font-size:12px; color:#666; } .mybank{ border:1px solid #f0f0f0; padding:9px; height:40px; line-height:40px; font-size:14px; position:relative; } .mybank .uradio{ display:inline-block; height:40px; width:185px; vertical-align:middle; } .mybank em,.mybank a{ padding:0 10px; display:inline-block; height:40px; font-style:normal; line-height:40px; vertical-align:middle; font-size:14px; color:#333; } .bankpay{ height:40px; line-height:40px; font-size:20px; position:absolute; right:9px; top:9px } .bankpay em{ color:#b90101; padding:0 2px; font-size:20px; } .banklist{ display:block; margin-top:10px; } .banklist dt{ height:30px; } .banklist dt span{ padding:0 10px 0 0; background-color:#fff; height:30px; display:block; line-height:30px; font-size:14px; font-weight:bold; color:#333; float:left } .banklist dt a{ display:block; float:left; /*margin-left:-1px;*/ border:1px solid #fff; /*border-left:1px solid #e6e6e6;*/ border-bottom:1px solid #e6e6e6; height:28px; line-height:28px; font-size:14px; color:#333; padding:0 7px; } .banklist dt a.cur{ border:1px solid #e6e6e6; border-bottom:1px solid #fff; } .banklist dd{ padding:10px 0 10px 50px; display:none } .banktip{ line-height:25px; font-size:12px; color:#999; } .banktip a{ color:#b90101; } .cashdes{ padding:9px; border:1px solid #f0f0f0; display:none; } .cashtitle{ padding-left:170px; position:relative; } .cashtitle img{ width:160px; height:40px; position:absolute; left:0; top:0 } .cashdes p{ line-height:25px; font-size:14px; } .cashli{ margin-top:10px; width:440px; padding:10px; background-color:#f6f6f6; overflow:hidden } /*其他人----------------------*/ .othermodel{ padding:10px 20px; } .person{ padding:25px 10px 25px 150px; height:100px; position:relative; } .person p{ padding:0 10px; line-height:20px; font-size:14px; color:#333; } .person p span{ display:inline-block; min-width:100px; } .perbtn{ padding:10px 0 0 0; height:30px; } .perbtn a{ display:inline-block; margin:0 5px; border-radius:1px; border:1px solid #a6a6a6; padding:0 10px 0 30px; height:28px; line-height:28px; font-size:14px; color:#333 } .perbtn a:hover{ border:1px solid #757575; background-color:#757575; color:#fff; } .perstart{ background-position:0 -360px; } .perbtn a.perstart:hover{ background-position:0 -390px; } .perflow{ background-position:0 -420px; } .perbtn a.perflow:hover{ background-position:0 -450px; } .persay{ background-position:0 -480px; } .perbtn a.persay:hover{ background-position:0 -510px; } .personicon{ width:130px; height:130px; display:block; position:absolute; top:10px; left:10px; } .personicon i,.personicon img{ width:130px; height:130px; display:block; position:absolute; top:0; left:0 } .peopleul{ padding:10px; } .peopleul a{ padding:90px 5px 7px 5px; display:inline-block; width:105px; height:30px; line-height:30px; text-align:center; font-size:14px; overflow:hidden; color:#999; position:relative; } .peopleul span{ display:block; width:90px; height:90px; position:absolute; top:0; left:12px; } .peopleul span img,.peopleul span i{ width:90px; height:90px; position:absolute; top:0; left:0 } .pplits{ padding:0 7px; } .pplist li{ height:50px; border-bottom:1px dashed #e6e6e6; padding:7px 100px 7px 5px; position:relative; } .pplist li span{ display:block; position:absolute; right:0; top:7px; line-height:50px; font-size:14px; color:#999 } .pplist li p{ height:25px; line-height:25px; font-size:14px; overflow:hidden } /*消息中心*/ .msglist{ padding:15px 20px; } .msglist dt{ border-bottom:1px solid #e6e6e6; height:30px; line-height:30px; } .msglist dt a{ padding:0 10px; line-height:30px; font-size:14px; display:block; float:left; position:relative; height:31px; } .msgunred{ display:inline-block; padding:0 10px 0 0; position:relative; } .msgunred .hotip{ top:8px; } .angle{ width:13px; height:7px; display:block; background-position:0 -210px; position:absolute; bottom:0px; left:50%; margin-left:-6px; } .hotip,.inforicon i.hotip{ width:6px; height:6px; display:block; background-position:0 -450px; position:absolute; right:4px; top:4px; } .msglist dt a .angle{ display:none; } .msglist dt a.cur .angle{ display:block; } .msglist dd{ display:none; } .msglist dd p{ height:35px; line-height:35px; font-size:14px; padding:0 10px; } .perinfor{ padding:10px 60px 10px 110px; height:90px; position:relative; margin-top:-1px; border-top:1px dashed #e6e6e6; position:relative } .msglist dd .perinfor p{ line-height:30px; height:30px; font-size:14px; } .inforicon{ display:block; height:90px; width:90px; position:absolute; left:10px; top:10px } .inforicon img,.inforicon i{ width:90px; height:90px; position:absolute; top:0; left:0 } .inforicon i.hotip{ position:absolute; top:7px; left:86px } .inforop{ height:30px; line-height:30px; font-size:14px; text-align:center; padding:0 5px; display:block; position:absolute; right:0; top:40px; } .inforop a{ padding:0 5px; } .inforop a:hover{ text-decoration:underline; } .msglist dd p.infortip{ background-color:#f2f2f2; padding:0 0 0 30px; height:30px; line-height:30px; font-size:14px; background-position:7px -52px; color:#333; overflow:hidden } .infortip span{ padding:0 5px; color:#b90101; font-weight:bold; } .newuser{ border:1px dashed #e6e6e6; padding:24px 9px 24px 110px; height:60px; position:relative; } .newuser p{ line-height:30px; font-size:14px; } .midsize{ display:block; width:90px; height:90px; overflow:hidden; position:absolute; top:9px; left:9px } .midsize i,.midsize img{ width:90px; height:90px; position:absolute; top:0; left:0 } .messlist,.sysmess{ margin:10px 0; border:1px solid #e6e6e6; padding:9px; } .messlist li{ border-bottom:1px dashed #aaa; padding:7px 10px; } .messlist h3{ height:30px; line-height:30px; font-size:16px; color:#333; font-weight:bold } .messlist p{ text-indent:2em; line-height:25px; font-size:14px; color:#333; } .messlist h3 span{ display:block; float:right; font-weight:normal; color:#666; } .messlist h3 span a{ padding:0 5px; line-height:30px; font-size:14px; color:#666; } .sysmess b{ height:30px; font-size:14px; display:inline-block; font-weight:bold; width:60px; text-align:right } .sysmess p{ line-height:30px; font-size:14px; } .sysmess p.sysall{ padding-left:60px; position:relative; } .sysmess p.sysall b{ position:absolute; top:0; left:0 } .noborder{ border:0 none; } /*修改资料*/ .userform{ padding:10px 0 10px 280px; position:relative; } .userper{ width:120px; text-align:right } .userimg{ padding:130px 0 0 0; width:130px; height:30px; text-align:center; line-height:30px; font-size:14px; overflow:hidden; position:absolute; left:200px; top:10px } .userimg input{ height:260px; width:300%; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; font-size:130px; line-height:260px; position:absolute; bottom:0; right:0 } .userimg .showimg,.userimg i{ border:0 none; padding:0; width:130px; height:130px; position:absolute; top:0; left:0 } .userimg .showimg img,.userimg .showimg div{ width:130px; height:130px; top:0; left:0 } .userform .areali b{ font-size:14px } .userform .areali textarea{ width:300px; font-size:14px; } .ptip{ margin-top:-5px; padding-left:130px; line-height:20px; font-size:12px; } .userform .formbtn{ padding:15px 0 15px 130px; text-align:left } .userform .formbtn a{ margin:0 15px 0 0; } /*提现*/ .drawform{ padding:10px 0 10px 150px; } .drawper{ width:120px; text-align:right } .drawform .formli .drawper i{ display:inline; color:#b90101; font-weight:bold; font-size:18px; line-height:40px; } .drawform .formli em{ font-size:14px; } .drawform .formli em a{ font-size:12px; padding:0 5px; } .drawform .verify{ padding-left:135px; } .drawform .formbtn a{ margin:0 15px 0 0; } .drawform .formbtn em{ padding-right:15px; } .drawform .pwdstr{ padding:10px 0 0 133px; } .drawform .pwdstr span{ width:99px; } .codebtn{ /*min-width:80px; overflow:hidden;*/ } a.time,a.time:hover{ background-color:#474747; border:1px solid #474747; color:#fff; } /*实名认证*/ .danger{ /*height:30px;*/ padding:0 0 0 30px; line-height:30px; background-color:#f2f2f2; font-size:14px; color:#333; margin:10px 0; position:relative; } .danger i{ display:block; width:30px; height:30px; background-position:5px -23px; position:absolute; left:0; top:0 } .des{ padding:0 120px; text-indent:2em; line-height:30px; font-size:14px; } .identform{ padding:0 100px; } .identform p{ padding-left:150px; } .identform .sltbox p{ padding:0 10px; } .identpre{ width:140px; font-size:14px; text-align:right } .identform .areali b{ font-size:14px } .identform .areali p{ padding-left:150px; line-height:30px; font-size:14px; color:#666; } .identline{ padding:10px 0 0 60px; height:210px; } .identbox{ padding:0 0 10px 90px; height:200px; width:260px; position:relative; float:left } .identbox b{ padding:0 5px; display:block; width:80px; line-height:30px; font-size:14px; font-weight:normal; text-align:right; display:block; position:absolute; left:0; top:0 } .showimg{ border:1px solid #ddd; padding:4px; width:250px; height:150px; background: center center no-repeat; overflow:hidden; position:relative; } .showimg img,.showimg div{ width:250px; height:150px; position:absolute; top:4px; left:4px } .identbtn{ margin-top:10px; border-radius:2px; display:block; border:1px solid #a9a9a9; padding:0 9px; height:30px; color:#333; overflow:hidden; position:relative; float:left } .identbtn:hover{ background-color:#474747; border:1px solid #474747; } .identbtn em{ display:block; cursor:pointer; line-height:30px; color:#333; } .identbtn:hover em{ color:#fff; } .identbtn input{ width:300%; height:80px; font-size:60px; cursor:pointer; line-height:80px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; position:absolute; right:0; bottom:0 } .identform .formbtn{ /*padding:15px 0;*/ text-align:left } .identform .formbtn a{ margin:0; } .formli em.error,.formli em.right{ padding-left:18px; line-height:30px; height:30px; padding:0 0 0 18px; color:#cc5b00; } .formli em.error{ background-position:0 -413px; } .formli em.right{ min-width:5px; background-position:0 -113px; } /*注册成功*/ .regsuc{ padding:70px 0; } .regsuc h3{ padding:0 0 10px 0; height:30px; line-height:30px; font-size:20px; font-family:"微软雅黑"; text-align:center; } .regsuc h3 span{ display:inline-block; padding-right:33px; background-position:right -112px; } .regsuc p{ line-height:30px; font-size:14px; text-align:center; } .regsuc p a{ padding:0 5px; } .binddes{ padding:30px 0; height:40px; line-height:40px; font-size:18px; text-align:center; color:#333 } .binduess{ padding:60px 10px; /*border:1px solid #ddd;*/ height:40px; line-height:40px; font-size:18px; text-align:center; color:#b90101 } .binddes a,.binddes span{ color:#b90101; } .protocol{ width:640px; height:300px; overflow:auto; display:none; border:1px solid #ddd; padding:9px 0 9px 9px; line-height:25px; font-size:12px; color:#333; } .flowpro{ height:200px; overflow:auto } .flowpro p{ padding:0 7px; line-height:25px; font-size:12px; text-indent:2em; height:auto; } /*鲜花兑换*/ .flowform{ padding:15px 0; } .giftboxa,.giftboxb,.giftboxc{ height:120px; border:2px solid #e5e5e5; float:left; overflow:hidden; font-size:14px; padding:8px; } .giftboxa{width:240px; margin-left:0} .giftboxb{width:300px;} .giftboxc{width:150px;} .minu{ font-size:36px; float:left; width:30px; margin:60px 5px; text-align:center; } .giftboxa p,.giftboxb p,.giftboxa b,.giftboxb b{ line-height:30px; padding-left:10px; } .giftboxa p input{ width:47px; height:24px; line-height:24px; color:#999999; background-color:#fff; border:1px solid #e7e7e7; font-size:12px; padding-left:3px; margin-right:5px; vertical-align:middle; } .giftboxa p font{ font-size:12px; color:#999999; } .giftboxb label{ width:150px; display:inline-block; padding-left:10px; height:30px; line-height:30px; } .giftboxb label.la{ width:130px; } .giftboxc p{ line-height:30px; padding-left:10px; } .giftboxc p{ margin-top:15px; } .giftboxc b{ display:inline-block; margin-top:30px; padding-left:10px; } .equa{ font-size:20px; float:left; width:120px; padding:43px 5px; text-align:left; } .equa i{ display:block; height:40px; line-height:40px; font-size:20px; } .equa font{ font-size:14px; font-weight:100; color:#999999; height:20px; display:block; } .subbtna{float:left;margin-left:400px;margin-top:20px;} .pl150{ padding-left:150px; } /*============================*/ .wrap{ width:960px; margin:0 auto; } .tl{ text-align:left } .pl0{ padding-left:0; } .pl10{ padding-left:10px; } .pl125{ padding-left:125px; } .pl130{ padding-left:130px; } .bb{ border-bottom:1px solid #e0e0e0; } .fw{ font-weight:bold; } .c999,a.c999{ color:#999; } .c333,a.c333{ color:#333; } .cb01,a.cb01{ color:#b90101; } .lm10{ margin-left:-10px; } .ml150{ margin-left:150px; } .mt20{ margin-top:20px; } .pb20{ padding-bottom:20px; } .w360{ width:360px; } .w300{ width:300px; } .w210{ width:210px; } .w180{ width:180px; } .w155{ width:155px; } .w100{ width:105px; } .w80{ width:80px; } /* mislider core styles ========================================== */ /* version: 0.1.11 */ /* resets */ .mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .mis-stage, .mis-slider { position: relative; overflow: hidden; } .mis-stage { width: 100%; /* set stage width as desired */ text-align: center; /* center list navigation */ } .mis-slider { list-style: none; overflow: visible; height: 100%; margin-top: 0; } /* set slide width and padding */ .mis-slide { /* set width in pixels to restrict width of slides for multi-item slider, default is 100% for single-item slider. use padding to add space between slides */ width: 100%; height: auto; padding: 0; display: block; position: relative; float: left; overflow: visible !important; } .mis-slide.mis-current { z-index: 100; } /* slide container - inserted around the contents of each slide by the plugin */ .mis-container { display: block; width: auto; height: auto; border: 0; } /* style list navigation */ .mis-nav-list { position: absolute; bottom: .5em; width: 100%; margin: 0 auto; /* center it */ z-index: 300; padding: 0; } .mis-nav-list li { display: inline-block; margin: 0 .25em; } .mis-nav-list li a { display: block; width: 11px; height: 11px; text-indent: 100%; /* replace text */ overflow: hidden; white-space: nowrap; border: 1px solid #eee; border-radius: 7px; /* make items round */ opacity: .3; -webkit-box-shadow: inset 0 0 2px #333; box-shadow: inset 0 0 2px 2px #333; margin: 0 3px; } .mis-nav-list li.mis-current a, .mis-nav-list li a:hover { background: #333; } .mis-nav-buttons { display: block; position: absolute; height: 0; top: 0; opacity: 0.5; z-index: 200; } .mis-nav-buttons a { position: absolute; color: #eee; font-size: 0; /* hide for browser except android */ line-height: .01; /* 0 is inconsistent in opera */ font-family: verdana, geneva, sans-serif; font-weight: bold; text-decoration: none; text-indent: -9999px; /* hide for android */ } .mis-nav-buttons a:hover { color: #ccc; } .mis-nav-buttons a.mis-next { left: auto; right: 0; } .mis-nav-buttons a.mis-prev { left: 0; } .mis-nav-buttons a.mis-prev:before, .mis-nav-buttons a.mis-next:after { content: "\2039"; /* left single angle quote */ display: block; font-size: 80px; text-indent: 0; } .mis-nav-buttons a.mis-next:after { content: "\203a"; /* right single angle quote */ }  /* cameo skin css ========================================= */ .mis-stage { background-color: #fff; } .mis-slider { /* slider element does not need to be a specific height here we use it to create a stylish bar behind slides */ margin-top: 138px; height: 80px; background-color: #eee; } .mis-slider li a { text-decoration: none; color: #666; display: block; } .mis-slider li figcaption { font-size: 1.125em; } .mis-slider li img { /* make max-width of image a little less than width of slide to avoid some browser shinking bugs */ max-width: 270px; /* for really small screens make width 100% */ width: 100%; /* make image round */ border-radius: 135px; border: none; } .mis-slide { /* set width in pixels to restrict width of slides for multi-item slider, default width is 100% for single-item slider. use padding to add space between slides */ width: 360px; height: 360px; padding: 40px; /* undo the margin added by slider element */ margin-top: -138px } .mis-nav-buttons a { color: #fff; } .lgcen { background: none; } .mis-slider { background: none; } .mis-stage { width: 600px; background: none; } .htmleaf-container { margin-top: -40px; } .lgturn { position: absolute; left: 0; left: -60px; } .covertitleimg { margin-top: 58px; margin-left: 70px; width: 447px; height: 112px; } .covertip { text-align: center; color: #fff; font-size: 16px; } .covertip span { color: #c90605; font-family: arial; } .htmleaf-container{background: left bottom no-repeat;background-size: 100%;} .mis-container span{font-size:12px;font-family:simsun;color: #dedede; margin-top: -40px;display: block;} .img-wrapper{width:164px;overflow: hidden; position: relative; height: 164px; top:4px;left:4px;border-radius:50%;} .img-wrapper span{display:block;position: absolute;background:rgba(0,0,0,.4);width:100%;} .img-borderwrapper{ background: repeat;border-radius: 50%; width: 172px;height: 172px;} /*add by lgw 20170320*/ /*.thirdul{width:110%;margin-left:-10px;}*/ .tabform p.app{ margin-top:5px; height:30px; line-height:30px; font-size:16px; color:#c9c9c9; text-align:center } .tabform p.app span{ display:inline-block; height:30px; padding-left:40px; background-position:5px -240px; } .tabform p.app a{ color:#ca1110; padding:0 5px; } .tablg{ } .tablg a.unbtn{ border-radius:3px; } .tablg a.time, .tablg a.time:hover,.tablg a.unbtn:hover{ border:1px solid #a9a9a9; background-color:#fff; color:#333; } .tabform p.lgpol{ padding:0; margin:0; height:30px; line-height:30px; font-size:12px; color:#fff; } .tabform p.lgpol a{ color:#b70100 } .tabform p.lgpol span{ cursor:pointer; } .lgli,.lgti{ padding:10px 0; display:block } .lgli span,.lgti span{ display:block; padding:10px 30px 10px 10px; background-color:#fff; height:23px; border:1px solid #d7d7d7; position:relative; } .lgli span{ display:block; } .lgti span{ display:inline-block; vertical-align:middle; } .lgli span input,.lgti span input{ border:0 none; height:23px; color:#333; line-height:23px; font-size:12px; } .lgli span input{ width:270px; } .lgli span i,.lgti span i{ width:30px; height:30px; position:absolute; top:7px; right:5px; } .lgli span b,.lgti span b{ height:43px; line-height:43px; font-weight:normal; font-size:12px; color:#c0c0c0; position:absolute; left:10px; top:0px; } .lgti a.unbtn{ padding:0; margin:0 0 0 12px; width:130px; text-align:center; vertical-align:middle; height:42px; line-height:42px; font-size:14px; } .thirdul .lgtel { padding:0 0 0 25px; background-position: -5px -280px; }@charset "utf-8"; /* css document */ /*登录页*/ .lgnl1_left h3 a,.lgnl6_img a{ background-image:; background-repeat:no-repeat; } .lgndiv{ width:100%; height:100%; overflow:hidden; position:relative; } .lgncnt{ width:1200px; height:100%; margin:0 auto; position:relative; } .lgncnt .lgform{ right:50px; top:50%; margin-top:-200px; } .lgnnum{ width:30px; height:240px; position:absolute; margin-top:-120px; right:10px; top:50%; } .lgnnum span{ display:block; width:30px; height:40px; cursor:pointer; background-image:; background-repeat:no-repeat; background-position:center -55px; } .lgnnum span.ac{ background-position:center -5px; } .lgnbox{ width:100%; height:100%; background-color:#fff; display:block; position:absolute; top:0; left:0 } .lgnbox li{ width:100%; display:block; background-color:#fff; overflow:hidden; *float:left; position:relative; } .lgnl1{ background: center center no-repeat #fff; } .lgnl2{ background: center center no-repeat #fff; } .lgnl3{ background: center center no-repeat #fff; } .lgnl4{ background: center center no-repeat #fff; } .lgnl5{ background: center center no-repeat #fff; } .lgnl6{ background: center center no-repeat #fff; } /*lngl1 内容*/ .lgnl1_left{ padding:180px 0 0 0; width:600px; position:absolute; top:0; left:50px } .lgnlogo{ display:block; background: center center; width:310px; height:160px; position:absolute; top:0; left:0 } .lgnl1_left span{ display:block; width:600px; height:280px; text-align:center; } .lgnl1_left span img{ width:600px; height:280px; } .lgnl1_left h3{ padding:0 155px 0 0; height:45px; line-height:45px; font-size:26px; color:#333; font-family:"微软雅黑"; position:relative; float:left; } .lgnl1_left h3 b{ font-size:30px; color:#b70100; font-weight:normal; } .lgnl1_left h3 a{ display:block; width:148px; height:42px; color:#fff; text-align:center; line-height:36px; background-position:0 -168px; position:absolute; right:0; top:7px; } /*lgnl2 内容*/ .lgnl2_img{ display:block; width:1200px; height:500px; margin-top:-250px; margin-left:-600px; position:absolute; top:50%; left:50%; } .lgnl2_img img{ width:1200px; height:500px; position:absolute; top:0; left:0 } .lgnl2_img h3{ padding:0 5px; display:block; border-bottom:1px solid #666; height:50px; font-family:"微软雅黑"; font-size:28px; color:#333; line-height:55px; overflow:hidden; position:absolute; left:653px; top:221px; } /*lgnl3 内容*/ .lgnl3_img{ display:block; width:1200px; height:600px; margin-top:-300px; margin-left:-600px; position:absolute; top:50%; left:50%; } .lgnl3_img img{ width:1200px; height:600px; position:absolute; top:0; left:0 } .lgnl3_img h3{ width:600px; line-height:40px; font-size:24px; font-family:"微软雅黑"; padding:0; position:absolute; top:230px; left:0; } .lgnl3_img h3 p{ line-height:40px; padding:0; text-align:center; } /*lgnl4 内容*/ .lgnl4_img{ display:block; width:1200px; height:700px; margin-top:-350px; margin-left:-600px; position:absolute; top:50%; left:50%; } .lgnl4_img img{ width:1200px; height:700px; position:absolute; top:0; left:0 } .lgnl4_img h3{ height:45px; line-height:45px; font-size:28px; font-family:"微软雅黑"; color:#555; position:absolute; left:480px; top:235px; } .lgnl4_img h3 b{ color:#b70100; font-weight:normal; } /*lgnl6 内容*/ .lgnl6_img{ width:1200px; height:600px; margin-top:-300px; margin-left:-600px; position:absolute; top:50%; left:50%; } .lgnl6_img img{ width:1200px; height:500px; position:absolute; top:0; left:0 } .lgnl6_img a{ display:block; width:148px; height:42px; line-height:42px; font-size:20px; font-family:"微软雅黑"; text-align:center; background-position:0 -168px; margin-left:-74px; color:#fff; position:absolute; bottom:29px; left:50% } .olink{ color:#e7e7e7; } .thirdul span{ padding:0 0 0 5px } .thirdul a{ padding:0 0 0 25px; } .thirdul a.lgtel:hover{ background-position: -5px -310px; } .ptcwin { margin-left: -400px; margin-top: -270px; width: 800px; } .ptcwin .wmess { height: 500px; overflow: auto; padding: 0 0 0 15px; }