@charset "UTF-8";

body,div,ul,li,dl,dd,dt,form,table,p{padding: 0;font-size:12px;font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
ul, menu, dir {list-style-type: none;margin: 0;padding: 0;}
a{text-decoration: none;cursor:pointer;color:#333333;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;color:#e98f36;}
a:active {text-decoration:none;}
a:focus{outline: none;}

img{border:0;}
a img{vertical-align: middle;}

.global-input{width:190px;height:25px;line-height:25px;}

.clearfix{zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.index .l{float:left; width:680px;}
.r{float: right;width:290px;}
.hand{cursor:pointer;}
.line{color:#ccc;}
.clear{clear:both; height:0px; overflow:hidden;}



.top{
    background: linear-gradient(-90deg, #FCFCFC 0%, #F5F5F5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   /* border-bottom: 1px solid #eeeeee;*/
    height:26px;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5'); 
}
.top .top-center{
    width: 983px;
    height: 30px;
    line-height:26px;
    margin: 0 auto;

}
.top .current-city
{
    margin-right:10px;
    font-size:16px;
    font-weight:bold;
    color:#f08519;
 }
.top .collect{
    width: 200px;
    padding-left: 20px;
    height: 26px;
    line-height: 26px;
    background: url(../images/index2.png) no-repeat 0 6px;
    text-align:left;
    float: left;
}
.top .top-list{
    float: right;
    height: 26px;
    line-height: 26px;
    text-align: right;
    font-size:12px;
    vertical-align:middle;
}
.top .top-mes{
    margin-left: 22px;

}
.top .top-list a{
    color: #666;
    margin-left:5px;
}
.top .top-list a:hover{
    color: #ff7500;
}

.header{
    width: 100%;
    height: 80px;
    /*box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);*/
    /*border-bottom:solid 1px #eeeeee;*/
    background-color:#FFF;
}
.header .header-nav{
    width: 983px;
    margin: 0 auto;

}
.header-logo{
    width: 228px;
    height: 66px;
    float: left;
    margin: 15px 0px 0px 10px;
    display: inline;
}
.header .navmain{
    width: auto;
    float: right;
    height: 80px;
    line-height:80px;
}

.header ul .nav-list{
    margin-left: 30px;
    float: left;
    width: 102px;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    font-family: "微软雅黑";
    display: inline;
    text-align: center;

}
.header ul .nav-list a{
    color:#666666;
    width: 102px;
    height: 80px;
    display: inline-block;
}
/*.header ul .nav-list a:hover{
        color: #e98f36;
}*/

.header ul .nav-list .selected{
    color: #F08519;
    height: 80px;
    display: block;
    background: url(../images/index.png) no-repeat 37px -156px;
    border-bottom:solid 4px #F08519;

}


#et-slider-wrapper { height: 396px; position: relative; background: #fff; }
.et-slide { background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m_banner{ 
    background-image:url(../images/m_banner.jpg);
}
.m_banner1{ 
    background-image:url(../images/m_banner1.jpg);
}
.m_banner2{
    background-image:url(../images/m_banner2.jpg);
}
.m_banner3{
    background-image:url(../images/m_banner3.jpg);
}
.m_banner4{
    background-image:url(../images/m_banner4.jpg);
}



.et-slide .container { padding: 0px 0 0; }
.et-slide .description { text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #fff; font-size: 18px; float: left; width: 412px;
                         -webkit-animation-duration: .6s;
                         -webkit-animation-delay: .4s;
                         -webkit-animation-timing-function: ease;
                         -webkit-animation-fill-mode: both;
                         -moz-animation-duration: .6s;
                         -moz-animation-delay: .4s;
                         -moz-animation-timing-function: ease;
                         -moz-animation-fill-mode: both;
                         -ms-animation-duration: .6s;
                         -ms-animation-delay: .4s;
                         -ms-animation-timing-function: ease;
                         -ms-animation-fill-mode: both;
                         animation-duration: .6s;
                         animation-delay: .4s;
                         animation-timing-function: ease;
                         animation-fill-mode: both;

                         -webkit-animation-name: fadeInUp;
                         -moz-animation-name: fadeInUp;
                         -o-animation-name: fadeInUp;
                         animation-name: fadeInUp; }
.description h2 { font-size: 60px; color: inherit; }
.description h2 a { color: #fff; }
.description h2 a:hover { text-decoration: none; color: rgba(255,255,255,0.95); }
.subtitle { font-size: 32px; text-transform: uppercase; color: #c3e54b; }
.description .more { float: right; display: inline-block; text-transform: uppercase; font-size: 24px; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.8); padding: 17px 28px; border: 1px solid #17242a; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 3px rgba(0,0,0,0.3);
                     background: #2a3f4a;
                     background: -moz-linear-gradient(top, #2a3f4a 0%, #1e2f37 100%); /* FF3.6+ */
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a3f4a), color-stop(100%,#1e2f37)); /* Chrome,Safari4+ */
                     background: -webkit-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Chrome10+,Safari5.1+ */
                     background: -o-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* Opera 11.10+ */
                     background: -ms-linear-gradient(top, #2a3f4a 0%,#1e2f37 100%); /* IE10+ */
                     background: linear-gradient(to bottom, #2a3f4a 0%,#1e2f37 100%); /* W3C */
}
.description .more:hover { color: rgba(255,255,255,0.9); text-decoration: none; }
.featured-image { float: right; width: 535px;
                  -webkit-animation-duration: .6s;
                  -webkit-animation-delay: .8s;
                  -webkit-animation-timing-function: ease;
                  -webkit-animation-fill-mode: both;
                  -moz-animation-duration: .6s;
                  -moz-animation-delay: .8s;
                  -moz-animation-timing-function: ease;
                  -moz-animation-fill-mode: both;
                  -ms-animation-duration: .6s;
                  -ms-animation-delay: .8s;
                  -ms-animation-timing-function: ease;
                  -ms-animation-fill-mode: both;
                  animation-duration: .6s;
                  animation-delay: .8s;
                  animation-timing-function: ease;
                  animation-fill-mode: both;

                  -webkit-animation-name: bounceIn;
                  -moz-animation-name: bounceIn;
                  -o-animation-name: bounceIn;
                  animation-name: bounceIn;
}

.js .et-slide { display: none; }
.js .et-slide:first-child { display: block; }

.et-slider-arrows a { display: block; background-repeat: no-repeat; width: 28px; height: 40px; position: absolute; top: 200px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }
#et-slider-wrapper .et-arrow-prev { left: 60px; background-image: url(../images/left-arrow.png); }
#et-slider-wrapper .et-arrow-next { right: 60px; background-image: url(../images/right-arrow.png); }
#et-slider-wrapper:hover .et-slider-arrows a { opacity: 1; }
#et-slider-wrapper:hover .et-arrow-prev { left: 80px; }
#et-slider-wrapper:hover .et-arrow-next { right: 80px; }

#et-slider-controls { position: absolute; height:10px; bottom: 75px; left: 0;top:410px; width: 100%; }
#et-slider-controls .et-controllers { width: 100%; float: right; text-align: center; }
#et-slider-controls .et-controllers a { display: inline-block; width: 17px; height: 17px; background: url(../images/slider_control.png) no-repeat; text-indent: -9999px; margin: 0 1px; }
#et-slider-controls .et-controllers a.et-active-control { background-image: url(../images/active_slider_control.png); }

.et-controllers a.et-active-control:hover { cursor: default; }

/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.commentlist, #respond { padding: 40px; }
#comments, #reply-title { font-size: 30px; text-transform: uppercase; }
.comment-body { position: relative; padding: 0 0 0 75px; margin: 20px 0; }
.comment_avatar { position: absolute; top: 0; left: 0; }
.comment_avatar img { display: block; }
.comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }
.comment_postinfo { font-size: 24px; text-transform: uppercase; margin-bottom: 5px; }
.fn, .fn a { color: #454545; text-decoration: none; }
.comment_date { color: #c3e54b; margin-left: 4px; }

.comment-reply-link, .form-submit #submit { float: right; position: relative; padding-right: 12px; color: #454545; font-size: 18px; text-transform: uppercase; }
.comment-reply-link:hover { color: #111; text-decoration: none; }
.comment-reply-link:before { content: '\00BB'; position: absolute; top: 0; right: 0; color: #C3E54B; }

.commentlist .children { padding-left: 75px; }

#respond { margin-top: 60px; }

#commentform input[type="text"] { width: 40%; }
#commentform textarea { width: 89%; }
#commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); }

#reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; letter-spacing: 0; font-family: 'Open Sans', Arial, sans-serif; }

.form-submit { text-align: right; }
.form-submit input { font-size: 14px; float: none; }

.comment #respond, #trackbacks { margin-bottom: 30px; }

.comment #respond { background: none; -moz-box-shadow: none; -webkit-filter: none; filter: none; padding: 0; margin-top: 32px; }

.form-submit #submit { background: none; border: none; }

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer-widgets { border-top: 1px solid #d8d8d8; padding: 99px 0 59px; text-shadow: 1px 1px 0 #fff; background-color: #ececec; }
#footer-copyright { margin-top: -9px; font-family: Georgia, serif; font-style: italic; font-size: 16px; color: #c5c5c5; margin-bottom: -5px; }
.footer-widget { float: left; width: 280px; margin-right: 60px; color: #787878; }
.footer-widget h4.widgettitle { font-size: 30px; padding-bottom: 9px; text-transform: uppercase; color: #454545; }
#footer-bottom { padding: 55px 0 25px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); }
.bottom-nav li { float: left; padding-right: 22px; }
.bottom-nav li.current_page_item a { color: #c3e54b; font-weight: 800; }
.bottom-nav li a { color: #fff; text-decoration: none; }
.bottom-nav li a:hover { color: #eee; }
p#copyright { text-align: right; font-size: 12px; color: #fff; }
p#copyright a { color:#fff; font-weight: 800; }
.f_widget { margin-bottom: 25px; }


.container {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 1200px;
}


.footer-line {
    background-repeat: repeat-x;
 /*   height: 20px;
    width: 100%;*/
    border:none;
}
.footer-line, .footer-line .cnt 
{
    border:none;
    border-bottom:solid 1px #dcdcdc;
    /*background-image: url("../images/footer_backgound.png");*/
}

.grid-990 {
    margin: 0 auto;
    width: 990px;
}









.login-postion{
    position: relative;
    width: 983px;
    margin: 0 auto;
}
.login{
    width: 227px;
    height: 281px;
    background: url(../images/login_background.png);
    position: absolute;
    top: 31px;
    right:0;
    padding:25px 20px;
    margin-right:15px;
}
.login .login-title{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 25px 0;
}
.login .gloab-login-input{
    width: 217px;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    margin: 0 0 25px 0;
    font-family: 宋体;
    margin-bottom: 17px;
    color: #000000;
}
.login .username{color:#999}

.login .login-btn{
    width: 110px;
    height: 35px;
    background: url(../images/index.png) no-repeat 0 -244px;
    border: 0;
    cursor: pointer;
    margin-bottom: 0px;
    font-size:14px;
    font-family:"微软雅黑";
    color:White;
}

.login .login-register
{
    color: #fff;
    margin: 20px  0px 10px 0px;
}
.login-register a{

    color: #fff;
}
.login-register a:hover{
    color: #e98f36;
}

.login_extra_area .collect
{
    
        float:none;
    background:none;
    color:#EE7F00;
    border:none;
    padding:0 2px;
    margin:0px;
    }



/*鍐呭寮€濮嬮儴鍒�*/
.content{
    width: 983px;
    margin: 0 auto 15px auto;
}
.six-head{
    width: 983px;
    height: 45px;
    line-height: 45px;
    background: url(../images/index_13.png) no-repeat scroll 0 35px transparent;
    font-size: 24px;
    font-family: 微软雅黑;
    margin: 15px 0px 0px 15px;
}
.content .six-head-list{
    width: 983px;
    padding: 40px 0 30px 10px;
}
.six-head-list .house-manage{
    width: 277px;
    height: 65px;
    overflow: hidden;
    margin-right: 50px;
    margin-bottom: 35px;
    display: inline;
    float: left;
    /*background: url(../images/index.png) no-repeat scroll 0 -326px transparent;*/
}
.house-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll 0 -320px transparent;
}
.money-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll -117px -320px transparent;
}
.suo-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll -230px -320px transparent;
}
.pay-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll 0px -426px transparent;
}
.message-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll -117px -426px transparent;
}
.weixin-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll -230px -210px transparent;
}
.intent-icon{
    width: 57px;
    height: 65px;
    display: inline-block;
    float: left;
    background: url(../images/index.png) no-repeat scroll -230px -426px transparent;
}
.six-head-list .six-message{
    float: left;
    width: 220px;
}
.six-head-list .six-title{
    font-family: 微软雅黑;
    font-weight: normal;
    margin: 0;
    font-size: 18px;
}
.six-head-list .six-cont{
    color: #999999;
    margin-top: 10px;
    line-height: 15px;

}
.zulin-news{
    width: 598px;
    height: 254px;
    overflow: hidden;
    float: left;
    margin-top: 15px;
}
.zulin-title{
    height: 36px;
    line-height: 25px;
    background: url(../images/index_line_s.png) no-repeat 0 34px;

}
.title-zu{
    font-size: 18px;
    font-family: 微软雅黑;
    float: left;
}
.more{
    float: right;
    width: 50px;
    height: 26px;
    line-height: 35px;
    display: block;
    background: url(../images/index.png) no-repeat scroll 30px -38px transparent;

}
.zulin-news .news{
    padding: 7px 0 0px 3px;
    border-bottom: 1px dashed #ccc;
}
.zulin-news .news-list{
    float: left;
}
.list-cont{
    float: left;
    width: 585px;
    margin-left: 8px;
    display: inline;
    padding-top: 6px;
}
.list-cont strong{
    color: #4f4f4f;
}
.zulin-news .news .news-conts{
    margin-top: 15px;
    line-height: 20px;
    color: #676767;
}
.zulin-news .all-content{
    color: #ff7500;
}
.right-content{
    width: 338px;
    float: right;
    margin-top: 15px;
    display: inline;
}
.right-content .question-list{
    height: 204px;
    overflow: hidden;
    margin-top: 10px;
}
.right-content .question-list li{
    width: 338px;
    height: 29px;
    line-height: 29px;
    padding-left: 12px;
    background: url(../images/index.png) no-repeat -5px -90px;
    color: #666;

    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.footer{
    width: 100%;
    background-color: #FFF;
    height: 53px;
    padding: 35px 0;

}
.footer .footer-list{
    color: #999;
    width: 595px;
    margin: 0 auto;
    text-align: center;
}
.footer .footer-list a{
    margin-right: 10px;
    color: #999;
}
.footer .footer-list a:hover{
    color: #FF7500;
}
.footer .footer-icp{

    width: 630px;
    margin: 12px auto 0 auto;
    text-align: center;
    color: #999;
}


.index-banner{
	width: 100%;
	height: 456px;
	background: url(../images/banner_bg.png);
	margin-top: 3px;

}
.index-banner .banner{
	width: 1183px;
	height: 456px;
	background: url(../images/make_money_banner_02_03.png) no-repeat;
	margin: 0 auto;
}

.line-bg{
	width: 100%;
	height: 16px;
	background: url(../images/bolang_03.png) repeat; 
}
.phonefare-content{
	width: 100%;
	padding-top: 44px;
	padding-bottom: 48px;
	background-color: #f5f5f5;
}
.phone-content{
	width: 968px;
	height: 460px;
	margin: 0 auto 0 auto;
	background-color: #fff;
}
.phone-content .left-banner{
	width: 365px;
	height: 460px;
	float: left;
	background: url(../images/index_banner2_09.png) no-repeat;
}
.phone-content .right-message{
	width: 603px;
	height: 407px;
	float: left;
	padding-top: 53px;
}
.right-message .fare-time{
	color: #ff9900;
	font-size: 14px;
	margin-bottom: 10px;
	display: inline-block;
}
.right-message .fare-cont{
	font-size: 14px;
	color: #585858;
	margin-bottom: 48px;
}
.fare-cont li{
	margin-bottom: 12px;
}


.introudce-content{
	width: 100%;
}
.introudce-content .one{
	background-color: #f9f9f9;
	border-bottom: 1px solid #e5e5e5;
}
.introudce-content .two{
	background-color: #f5f7fa;
	border-bottom: 1px solid #e5e5e5;
}
.introudce-content .banner-one{
	width: 983px;
	height: 528px;
	margin: 0 auto;
	background: url(../images/incoudce_02.jpg) no-repeat -260px 0;
	position: relative;
}
.introudce-content .banner-img{
	width: 100%;
	height: 398px;
	border-bottom: 1px solid #e5e5e5;
	background: url(../images/bg_line_04.jpg) repeat -260px 0;
}
.introudce-content .banner-two{
	width: 983px;
	height: 398px;
	margin: 0 auto;
	background: url(../images/incoudce_03.jpg) no-repeat -200px 0;
}
.introudce-content .banner-three{
	width: 983px;
	height: 398px;
	margin: 0 auto;
	background: url(../images/incoudce_04.jpg) no-repeat 0px 0;
}
.introudce-content .banner-four{
	width: 983px;
	height: 398px;
	margin: 0 auto;
	background: url(../images/incoudce_05.jpg) no-repeat -200px 0;
}

.introudce-content .banner-five{
	width: 983px;
	height: 345px;
	margin: 0 auto;
	background: url(../images/incoudce_06.jpg) no-repeat 0px 0;
}

.introudce-content .introducelogin{
	width: 983px;
	margin: 35px auto 15px auto;
}
.introudce-content .flx-btn{
	width: 117px;
	height: 43px;
	display: inline-block;
	background: url(../images/btn_introduce.jpg) no-repeat 0 0;
	bottom: 94px;
	right: 90px;
	position: absolute;

}
.introducelogin .login-flx{
	float: left;
	width: 510px;
	
}
.introducelogin .online{
	font-family: 微软雅黑;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0;
	margin: 0 0 0 0;
}
.introducelogin table td{
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	font-family: 微软雅黑;
	color: #1b1a1a;
}
.introducelogin .online-input{
	width: 315px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	margin-left: 15px;
	padding-left: 5px;
}
.btn-introduce{
    width: 100px;
    line-height: 34px;
    height: 34px;
    border: none;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    background: url(../Images/btn_introduce.png);
}

.introducelogin .call-me{
	float: left;
	height: 340px;
	width: 470px;
}
.introducelogin .call-content{
	border-left: 1px dotted #ccc;
	width: 417px;
	height: 280px;
	padding-left: 55px;
	padding-top: 45px;
}
.call-list{
	line-height: 44px;
	font-size: 20px;
	color: #4c4c4c;
	font-family: 微软雅黑;

}


.provide-banner{
	width: 100%;
	height: 380px;
	background-color: #009ada;
}
.provide-banner .provide-img{
	width: 940px;
	height: 380px;
	margin: 0 auto;
	background: url(../images/provide_03.png) no-repeat 0 0;
}
.provice-content{
	width: 100%;
	background-color: #F5F5F5;
	padding-top: 23px;
	padding-bottom: 36px;
}
.provice-content .provice-list{
	width: 940px;
	margin: 0 auto 0 auto;
	background-color: #fff;
}

.seek{
	width: 940px;
	padding-top: 20px;
}
.seek .four-icon{
	background: url(../images/p_04.png) no-repeat 0 0px;
}
.seek .login-seek{
	width: 470px;
	float: left;
}

.icon { background-image: url(../images/index-icon.png); display: block; }
.index-icon-button {opacity: 0; margin: 50px auto; *margin-top: 0 !important; }

.index-icon-button a { width: 180px; height: 50px; line-height: 50px; border-radius: 10px; background: #44b549; display: block; text-align: center; text-decoration: none; color: #fff; float: left; margin: 10px 40px 10px 1px; font-size: 18px; }
.index-icon-button a i { float: left; margin-left: 10px; }
.index-icon-button a span { float: right; margin-right: 10px; height: 50px; line-height: 50px; margin-top: 2px; }

.index-icon-button a.disabled { background-color: #e1e1e1; color: #999; }
.index-icon-button a:hover { background-color: #F08519; }
.index-icon-button a.disabled:hover { background-color: #e1e1e1; }

.index-icon-button a.pc i.icon { background-position: -13px -72px; height: 25px; width: 40px; margin-top: 15px; }
.index-icon-button a.pc.disabled i.icon { background-position: -56px -72px; }


.index-icon-button a.weixin, .index-icon-button a.android, .index-icon-button a.ios{
	position:relative;
	z-index: 99;
}
.index-icon-button a.weixin .code,.index-icon-button a.android .code,.index-icon-button a.ios .code{
	position: absolute;
	top:50px;
	top:45px\9;
	left: 0;
	width: 180px;
	height: 140px;
	height: 145px\9;
	padding-top:10px;
	background: #fff;
	text-align: center;
	display: none;
	border-left-border-radius:10px;
	border-right-border-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-o-border-bottom-left-radius:10px;
	-o-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.index-icon-button a.weixin:hover,.index-icon-button a.android:hover,.index-icon-button a.ios:hover{
	border-left-border-radius:0;
	border-right-border-radius:0;
	-moz-border-bottom-left-radius:0;
	-moz-border-bottom-right-radius:0;
	-o-border-bottom-left-radius:0;
	-o-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
.index-icon-button a.weixin.active,.index-icon-button a.android.active{
	background: #F08519;
	border-left-border-radius:0;
	border-right-border-radius:0	
	-moz-border-bottom-left-radius:0;
	-moz-border-bottom-right-radius:0;
	-o-border-bottom-left-radius:0;
	-o-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
.index-icon-button a.weixin.active .code,
.index-icon-button a.weixin:hover .code,
.index-icon-button a.ios.active .code,
.index-icon-button a.ios:hover .code,
.index-icon-button a.android.active .code,
.index-icon-button a.android:hover .code
{
	display: block;

}

.index-icon-button a.weixin span { margin-right: 20px; }
.index-icon-button a.weixin i.icon { height: 30px; width: 40px; background-position: -111px -68px; margin-top: 10px; margin-left: 23px; }
.index-icon-button a.weixin.disabled i.icon { background-position: -156px -68px; }


.index-icon-button a.ios span { margin-right: 20px; }
.index-icon-button a.ios i.icon { height: 34px; width: 30px; background-position: -203px -65px; margin-top: 10px; margin-left: 35px;  }
.index-icon-button a.ios.disabled i.icon { background-position: -242px -65px; }

.index-icon-button a.android span { margin-right: 20px; }
.index-icon-button a.android i.icon { height: 34px; width: 30px; background-position: -286px -65px; margin-top: 10px; margin-left: 35px;  }
.index-icon-button a.android.disabled i.icon { background-position: -320px -65px; }

a.login_qq{ float:right; width:32px; height:32px; line-height:32px;margin-right: 5px;background: url(../images/iconfont-qq.png) no-repeat;}
a.login_weibo{ float:right; width:32px; height:32px; line-height:32px; margin-left:10px; background: url(../images/iconfont-weibo.png) no-repeat;}
a.login_weixin{ float:right; width:32px; height:32px; line-height:32px; margin-left:20px; background: url(../images/iconfont-weixin.png) no-repeat;}