@charset 'UTF-8';
/**
 * @authors Elong (yangxinglong@126.com)
 * @date    2016-06-01 10:54:53
 */


body{font-family:Microsoft YaHei, Verdana, Geneva, sans-serif;font-size:12px;background-color:#fff;}
ul,li,p,dl,dt,dd,h2,h3,a,input,span,strong,body{margin:0;padding:0;}
a{text-decoration:none;color:#000;}
ul,li{list-style:none;}
img{border:0 none;}
div{margin:0 auto;}
.clearfix:after{font-size:0;display:block;visibility:hidden;clear:both;height:0; content:' ';}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.wrap{max-width:1820px;background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/bg.jpg) 50% 0 no-repeat;min-width:1000px;}
.main{width:1000px;}

.top{position:relative;height:750px;}
.link{position:absolute;top:486px;left:485px;width:210px;}
.link a{display:block;overflow:hidden;width:210px;height:60px;margin-bottom:21px;text-indent:-9999px;}
.link_1{background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/appstore.png) 0 0 no-repeat;}
.link_1:hover{background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/appstoreh.png) 0 0 no-repeat;}
.link_2{background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/andriod.png) 0 0 no-repeat;}
.link_2:hover{background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/andriodh.png) 0 0 no-repeat;}
.qrcode{position:absolute;top:485px;left:759px;width:132px;height:147px;padding-top:4px;text-align:center;background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/qrcode_bg.png) 0 0 no-repeat;}

.bottom{height:330px;background:url(/dev/product/temp_space/20160601_zhishangApp/web/imgs/bottom.png) 50% 0 no-repeat;}



/*left_nav*/

body{min-width:320px;margin-left:100px;}
.left_nav{position:fixed;z-index:100;top:0;left:0;width:100px;height:100%;background:url(/dev/product/www_v3/imgs/include/left_list_bg.jpg) no-repeat 0 0 #303030;-webkit-box-shadow:-3px 0 25px #666;-webkit-box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;box-shadow:-3px 0 25px #666;}
.logo{display:block;width:49px;height:77px;margin:20px 0 48px 25px;text-indent:-999px;background:url(/dev/product/www_v3/imgs/include/logo.png) no-repeat 0 0;}
.nav_list{width:100px;}
.nav_list li span{padding:11px 0;border-bottom:1px transparent solid;}
.nav_list li a{font-size:14px;line-height:60px;display:block;margin:0 auto;text-align:center;color:#d0d0d0;}
.nav_list li a:hover,.nav_list li a.active{color:#fff;}
.nav_list li a:hover span,.nav_list li a.active span{border-bottom:1px #fff solid;}
.login_box{position:absolute;bottom:25px;left:0;}
.login_box{width:100px;}
.login_box a{font-size:14px;line-height:54px;display:block;text-align:center;color:#fff;}
.login_box a:hover{color:#f51e55;}
.login_box a.active{color:#f51e55;}
.login_box a span{padding:18px 0;border-bottom:1px #505050 solid;}
.login_after_box{width:60px;height:58px;padding-top:22px;border-top:1px #505050 solid;}
.login_after{position:relative;width:44px;height:44px;margin:0 auto;}
.login_list_ent{display:inline-block;width:40px;height:40px;border:2px solid #b0b0b0;-webkit-border-radius:50%;border-radius:50%;}
.login_list_ent img{display:inline-block;overflow:hidden;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;}
.login_list_ent:hover,.login_after a.active{border:2px solid #f51e55;}


.login_list_main{position:absolute;bottom:110px;left:0;display:none;width:100%;}
.login_list_main a{font-size:14px;line-height:44px;display:block;width:60px;margin:0 auto;text-align:center;color:#d0d0d0 !important;border-bottom:1px solid transparent;}
.login_list_main a:hover{color:#fff !important;border-bottom:1px solid #fff;}