.fl{ float:left}
.fr{ float:right}
.mt5{margin-top:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb80{margin-bottom:80px}
.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.pd25{padding:25px}
.pdh20{padding:20px 0}
.pdw20{padding:0 20px}
.pd50{padding:50px}
.pdh40{padding:40px 0}
.arial{font-family:arial}
.green{color:#7fac00}
.greenhover:hover{background-color:#6bc30d}
.greenpress:active{background-color:#6bc30d;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}

#toplogin{ display:none;}
#toprt { float:right;display:none; height:26px; line-height:26px; color:#666}
#toprt .topydl{height:26px; line-height:26px; float:left}
#toprt #loginov{}
#toprt span{ padding:0 8px; float:left}
#toprt #topout{ cursor:pointer}
#toprt #topout:hover,
#toprt a:hover{ color:#f00}

.loginmenu{display:none}
.logintoggle{cursor:pointer}
.logintoggle .loginmenu{display:block}
.logintoggle ul{display:none;right:0;top:42px;position:absolute;z-index:99}
.logintoggle ul li a{width:130px}
.openlogin i{font-size:12px;background:url(icons.png) no-repeat -40px -430px;margin-right:2px}

.logintoggle .loginmenu a{display:block;width:32px;height:32px;background-color:#505050;background-image:url(icons.png);background-repeat:no-repeat;background-position:-215px -220px}
.logintoggle .loginmenu a:hover{background-color:#6BC30D}
.login{position:relative;height:26px;line-height:26px;}
.login li{float:left;display:block;color:#666;}
.login li a{text-align:center;font-size:12px;float:left;display:block;height:26px;line-height:26px;color:#666; cursor:pointer;}
.login li span{ padding:0 5px}
.hide{display:none}
.show{display:block}


.loginmask{width:100%;height:100%;z-index:8;background:#000;position:fixed;top:0;left:0;display:none}
#loginalert{width:440px;background:#fff;position:fixed;top:-600px;left:50%;margin-left:-220px;z-index:99;display:none}
.closealert{width:20px;height:20px;cursor:pointer;background:url(icons.png) no-repeat -220px -315px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.closealert:hover{transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}
.loginwrap{width:340px;margin:0 auto}
.loginh{height:40px;margin-top:20px}
.loginh .fl{font-size:30px;line-height:40px;color:#292929}
.loginh .fr{font-size:18px;line-height:50px;color:#707070}
.loginh .fr a{font-size:18px;line-height:50px;color:#FF4200;margin-left:5px}
.loginwrap h3{font-size:14px;font-weight:500;height:20px;margin-top:15px;color:#292929}
.loginbtn{line-height:70px;color:#6B6A6A}
.logininput input{display:block;height:14px;line-height:14px;width:100%;border:#DAE2E5 1px solid;text-indent:10px;overflow:hidden;color:#979696;padding-top:13px;padding-bottom:13px}
.logininput .loginusername{margin-top:15px;margin-bottom:10px}
.loginsubmit input{width:130px;height:40px;line-height:40px;color:#fff;background:#70CA10;display:block;text-align:center;font-size:20px;border:none;font-family:'微软雅黑';cursor:pointer}
.loginsubmit{width:130px;height:40px;margin:15px 20px 0 0;position:relative}
.loginsubmiting{height:40px;background:#fff;position:absolute;top:0;left:0;width:130px;opacity:.8;filter:alpha(opacity=80);display:none}
.loginsubmiting_inner{height:40px;background:url(loading.gif) no-repeat 50% 50%;width:130px;position:absolute;top:0;left:0}
.loginpd{border-bottom:1px solid #ecf2f5}
.thirdlogin .pd50{padding-top:30px;padding-bottom:30px}
.thirdlogin h4{color:#6B6A6A;font-weight:500;margin-bottom:20px}
.thirdlogin ul li{display:block;float:left;margin-bottom:10px}
.thirdlogin ul li a{display:block;float:left;height:40px;line-height:40px;width:160px;color:#fff;text-indent:60px}
#sinal a{background:#d63b22 url(share/weibo.png) no-repeat 0 -5px}
#qql a{background:#3eb0d8 url(share/qq.png) no-repeat 0 -5px}
#renrenl a{background:#1f87cc url(share/renren.png) no-repeat 0 -5px}
#doubanl a{background:#319947 url(share/douban.png) no-repeat 0 -5px}
.thirdlogin ul li{margin-right:20px}



.logininput input{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.logininput input:focus{border-color:#ff9600}
.loginwrap h3 span{font-size:14px;font-weight:500;height:26px;color:#292929;display:block;float:left;line-height:26px}
.loginwrap .login_warning{display:block;height:20px;line-height:20px;background:#ff7200;color:#fff;padding:0 4px;float:left;text-align:center;font-size:12px;margin-left:14px;margin-top:3px;display:none}


#reg_setp{position:fixed;width:100%;height:100%;background:#fff;z-index:999;top:0;left:100%;display:none}
#reg_setp h3{font-size:14px;font-weight:500;overflow:hidden;height:80px;line-height:90px}
#setp_quicklogin{width:400px;height:210px;text-align:center;display:none; margin:0 auto}
.blogo{width:150px;height:180px;position:absolute;top:50px;left:50%;margin-left:-75px}

.quicklogin_socical li{display:block;float:left}
.quicklogin_socical li a{width:186px;height:46px;display:block;float:left;line-height:46px;color:#fff;text-align:left;text-indent:68px;font-size:16px}
.quicklogin_socical_weibo{margin-bottom:20px}
.quicklogin_socical{margin-bottom:20px}
.quicklogin_socical_weibo a{margin-right:20px;background:#d63b22 url(share/weibo.png) no-repeat 0 0;border:2px solid #d63b22}
.quicklogin_socical_qq a{margin-bottom:20px;background:#3eb0d8 url(share/qq.png) no-repeat 0 -2px;border:2px solid #3eb0d8}
.quicklogin_socical_renren a{margin-right:20px;background:#1f87cc url(share/renren.png) no-repeat 0 0;border:2px solid #1f87cc}
.quicklogin_socical_douban a{background:#319947 url(share/douban.png) no-repeat 0 0;border:2px solid #319947}

.back_setp{width:100px;height:50px;line-height:50px;background:#8F8F90;color:#fff;cursor:pointer;font-size:22px;text-align:center;position:absolute;left:20px;top:20px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.back_setp:hover{background-color:#6BC30D}

#toreg{ width:440px; margin:0; padding:20px; background:#FBFBFB;}
#toreg .logintitle{ float:left}
#toreg .reghd{ height:30px; line-height:30px; width:100%; margin-bottom:10px}
#toreg .reg_warning{display:block;height:20px;line-height:20px;background:#ff7200;color:#fff;padding:0 4px;float:left;text-align:center;font-size:12px;margin-left:14px;margin-top:3px;display:none}
.reginputbox{width:400px;height:250px;}

.login a.lianxi{display:block;position:absolute;top:246px;right:20px;width:70px;height:55px;background:url(/2.0/images/a11.jpg);margin-top:5px;margin-left:5px}
.reglabel{display:block;width:90px;height:38px;line-height:38px;float:left;clear:both;text-align:right;padding-right:10px;font-size:14px;color:#333}
.reginput{width:260px;height:24px;float:left;background:#f2f2f2;border:1px #ddd solid;border-radius:0px;margin-top:3px;padding:3px; margin-bottom:3px}
#toreg .regxia{ height:30px; width:100%;}
#returnlogin,
#regbutton{
    width: 100px;
    line-height: 30px;
    color: #fff;
    background: #70CA10;
    display: block;
    text-align: center;
    font-size:15px;
    border: none;
    font-family: '微软雅黑';
    cursor: pointer; margin-left:150px; float:left}
#returnlogin{ background:#000; margin-left:15px}