/*
 **  快站首页2016.01
 */

body,html{height: 100%; width: 100%;font-family: "Microsoft Yahei";padding: 0;margin: 0;}
.header .container ul li {height: 40px;}
/*banner*/
.banner {margin-top: 101px; position: relative; zoom:1; _margin-top:0; *padding-top: 101px; _padding-top: 0;height: 360px;}
.banner .wrapper{width: 926px; min-width: 926px; height: 360px; margin: 0 auto; overflow: hidden; position: relative;}
.banner .bg-left{position:absolute; left: 0;height: 360px; background-color: #595150; }
.banner .bg-right{position:absolute;right: 0;height: 360px; background-color: #0a0911;}
.banner .bg-middle{position:absolute;width: 100%;height: 360px;background:#4b6580 url(images/banner5.jpg) no-repeat center center;*left:0;}
.banner .wrapper .title{height: 121px;width: 591px;margin-top: 50px;background: url(images/index-font.png) 0 0 no-repeat;}
.banner .wrapper .download{padding-left: 210px; }
.banner .wrapper .download p{color: #fff; margin-top: 5px;font-size: 16px;}

.banner .wrapper .news{margin-top: 94px;}
.banner .wrapper .news ul li a {color:#fff;}
.banner .wrapper .news ul li{padding-left:16px;font-size:14px;color:#fff;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);background: url(images/dot.png) left center no-repeat;width:470px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.banner .wrapper .tab {opacity:1;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .wrapper div.cur-tab {display:inline-block;font-size: 16px;cursor: pointer;padding-bottom: 3px;*display:inline;}
.banner .wrapper a.other-tab {float: right; font-size: 14px;cursor: pointer;padding-bottom: 3px;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .wrapper .first-row {margin-top: -1px;border-top: 1px solid rgba(177,177,177,0.2);}
.banner .wrapper .ret-container {font-family: "微软雅黑","微软雅黑","Microsoft YaHei",Helvetica,Tahoma,sans-serif;}
/*border: 1px solid #fff;*/
.banner .wrapper .content input{width:260px;border-radius:3px;background: transparent;border: 1px solid #ccc;height: 16px;line-height: 16px;margin-top: 10px;padding: 10px 0 10px 10px; color: #606060;font-size: 14px;outline:none;}/*opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
.banner .wrapper .content input.remember {width:auto; margin-right: 5px;margin-top: 0;border:none;height: auto;vertical-align: top;display: none;}
.banner .wrapper .content input.label {height: auto;vertical-align: top;}
.banner .wrapper .content input.vcode {width:150px;_width:150px;height: 16px;line-height: 16px;padding: 10px 0 10px 10px;zoom: 1; }
.banner .wrapper .content input.login-vcode {width:160px;_width:160px;height: 16px;line-height: 16px;padding: 10px 0 10px 10px;zoom: 1;}
.banner .wrapper .content input.getvcode {float:right; width:98px;height: 36px;line-height: 36px;padding: 0;margin-right: 0;background: rgba(255,255,255, 0.3);}
.banner .wrapper .content label.unchecked {display: inline-block; *display: inline; margin-top: 10px;line-height: 125%;font-size: 12px;background: url(images/remember-me.png) 0 -15px no-repeat;padding-left: 20px;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .wrapper .content label.checked {display: inline-block; *display: inline; margin-top: 10px;line-height: 125%;font-size: 12px;background: url(images/remember-me.png) 0 0 no-repeat;padding-left: 20px;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .wrapper .content .tip {vertical-align: top;line-height: 18px;height: auto;margin-left: 0;padding-left: 21px;background: url(images/err.png) left center no-repeat;display:none;font-size: 12px;color: #ff5757;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .wrapper .login-content, .banner .wrapper .reg-content { width: 272px;}/*color: #fff;*/
.banner .wrapper .login-content .login, .banner .wrapper .reg-content .reg {width: 270px;padding: 0;height: 36px;line-height: 36px;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}


.banner .wrapper .login-content .tip {position: absolute; top: 198px; left: 0;}
.banner .wrapper .login-content {position: absolute;right: 8px;}
.banner .wrapper .login-content div.cur-tab {border-bottom: 2px solid #3b9bf5;}
.banner .wrapper .login-content img {float:right; margin-top: 10px;height: 38px;border-radius: 4px;}
.banner .wrapper .login-content a.forget-pwd {float:right; font-size: 12px;margin-top: 10px;color: #fff;line-height: 100%;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .wrapper .login-content .login{margin-top: 25px;background: #3b9bf5;border: 1px solid #3b9bf5;_border:none;font-size: 14px;}

.banner .wrapper .reg-content {position: absolute; top: 45px; right: 18px; }
.banner .wrapper .reg-content .vcode-tip {height: 20px;line-height: 20px;display: none;font-size: 12px;}
.banner .wrapper .reg-content .tip-login {color: #fff;}
.banner .wrapper .reg-content div.cur-tab {border-bottom: 2px solid #ff8019;}
.banner .wrapper .reg-content .reg{margin-top: 27px;background: #ff8019; border: 1px solid #ff8019;_border:none;font-size: 14px;color: #fff}
.banner .wrapper .reg-content .tip{position: absolute; top: 174px; left: 0;}
/*thirdpart login logo*/
.banner .wrapper .thirdpart-login-container {color: #fff; width: 272px; right: 8px; top: 285px; position: absolute; margin-top: 15px;}
.banner .wrapper .wx-code-container {padding: 12px; display: none; background: rgba(48,47,45,0.7); text-align: center; width: 220px; height: 220px; border-radius: 5px;}
.banner .wrapper .wx-code-container .wx-title {color: #fff;}
.banner .wrapper .wx-code-container .wx-code {width: 160px; height: 160px; margin: 10px auto; border-radius: 5px;}
.banner .wrapper .wx-code-container .wx-desc {color: rgba(255, 255, 255, 0.7)}
.banner .wrapper .thirdpart-login-container .wx-login {background-image: url(images/thirdpart-logo.png); display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-left: 10px; cursor: pointer;}
.banner .wrapper .thirdpart-login-container .wx-login[data-status='choosed']{background-position: 0px -32px;}
.banner .wrapper .thirdpart-login-container .desc{color: rgba(255, 255, 255, 0.7)}
.banner .wrapper .thirdpart-login-container a{color: rgba(255, 255, 255, 0.7) ;margin-left:30px;}

.banner .wrapper .has-logined-bg {position: absolute; top: 68px; right: 8px; width:246px;height: 246px;border-radius: 8px;background: #fff;opacity:0.32;filter:alpha(opacity=32);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=32)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=32);}
.banner .wrapper .has-logined {text-align: center;position: absolute; top: 68px; right: 8px; width:246px;height: 246px;border-radius: 8px;color:#fff;font-size: 14px;}
.banner .wrapper .has-logined h3 {width:165px;height:19px;margin: 50px auto 0;background: url(images/logined.png) 0 0 no-repeat;}
.banner .wrapper .has-logined p.desc {margin-top: 25px;text-align: center;line-height: 100%;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.banner .wrapper .has-logined p.user {margin-top: 8px;margin-left: 45px;text-align: left;width: 166px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.banner .wrapper .has-logined a {display:inline-block;*display:inline;_display:inline;margin-top:30px;}
.banner .wrapper .has-logined .enter {width: 166px;height: 36px;padding: 0;margin:0; border: 1px solid #3b9bf5;background: #3b9bf5;color: #fff;font-size: 14px;border-radius: 4px;}
.banner .wrapper .has-logined .enter:hover{cursor: pointer;}
input::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}
input:-ms-input-placeholder {color: #ccc;}
input#login-email:-webkit-autofill{-webkit-box-shadow: 0 0 0 50px #716f6f inset; -webkit-text-fill-color: #ccc;}
input#login-password:-webkit-autofill{-webkit-box-shadow: 0 0 0 50px #716f6f inset; -webkit-text-fill-color: #ccc;}

/*最新动态*/
.trend{  }
.trend .wrapper{ width: 926px; height: 280px; margin: 0 auto;border-top: 1px solid #eee; border-bottom: 1px solid #f0f2fa;}
.trend .label{ margin-top: 40px; margin-bottom: 18px; display: block;}
.trend .wrapper .left , .trend .wrapper .right {float: left;font-size: 14px;color: #666;}
.trend .wrapper .left {width: 463px;_width:458px;_padding-left:5px;}
.trend .wrapper .right {padding-left: 30px;width: 433px;}
.trend .wrapper label.title {width: 138px;height: 29px;margin-top: 50px;display: block;}
.trend .wrapper label.university {background: url(images/index-font.png) no-repeat 0 -168px;}
.trend .wrapper label.news {background: url(images/index-font.png) no-repeat -138px -168px;}
.trend .wrapper ul.list { margin-top: 15px;}
.trend .university-list li a:hover .topic-title, .trend .news-list li a:hover .article-title{color: #3b9bf5;}
.trend .wrapper .news-list .article-title {width: 310px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;display: inline-block; *display: inline;zoom: 1;float:left;}
.trend .wrapper .university-list .topic-title {width: 255px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;display: inline-block; *display: inline;zoom: 1;float:left;}
.trend .wrapper ul.list li{margin-top: 0;*zoom: 1;}
.trend .wrapper ul.list li:hover{color: #3b9bf5;}
.trend .wrapper ul.list li.active{color: #3b9bf5;}
.trend .wrapper ul.list li .time{ float:right;}
.trend .wrapper ul.university-list li .upvote{ float:right;margin-right: 30px}
.trend .wrapper ul.university-list li .reply{ float:right;margin-right: 10px;}
.trend .wrapper ul.list li a{ color: #666; display: inline-block;*display: inline;width: 100%;}
/*动态站点数*/
.sites .wrapper{ width: 926px; text-align: center; margin: 0 auto; overflow: hidden;height: 110px;border-bottom: 1px solid #ebedf5;}
.sites .word{color: #ffffff; display: inline-block; *display:inline;margin-top: 39px;zoom:1;}
.sites .word-left{ width: 226px; height: 32px;_height: 31px;position: relative;background: url(images/index-font.png) no-repeat 0 -101px;zoom:1;}
.sites .word-right{ width: 171px; height: 32px;_height: 31px;position: relative;background: url(images/index-font.png) no-repeat -226px -101px;zoom:1;}
.sites .content{ position: relative; display: inline-block; *display:inline;height: 42px;padding-top: 31px; vertical-align: top;padding-left: 8px;}
.sites .content ul{ position: relative; float: left; overflow: hidden;height: 42px;}
.sites .content ul li{height: 420px; width: 36px; float: left; display: inline; background: url(images/number.png) no-repeat; zoom: 1;}

/*合作伙伴*/
.friends .wrapper {width: 926px; height: auto; margin: 0 auto; overflow: hidden;}
.friends .wrapper .title {margin: 50px auto 0;height: 35px;width: 175px;background: url(images/index-font.png) 0 -198px no-repeat;}
.friends .wrapper .brands {margin-top: 40px;margin-bottom: 50px; height: 115px; background: url(images/brands.png) no-repeat;}

/*功能大全*/
.functions .wrapper{width: 922px; padding: 50px 0 50px 0; margin: 0 auto; overflow: hidden; height: auto;}
.functions .title{margin: 0 auto; width: 394px; height: 35px; background: url(images/index-font.png) no-repeat 0 -133px;}
.funList li {float: left; width: 160px; height: auto; margin-left: 90px; margin-bottom: 0;margin-top: 50px; text-align: center;}
.funList li a {display: inline-block; *display: inline;}
.funList li.first {margin-left: 6px;}
.funList li .img {width: 118px; height: 118px; display: inline-block; position: relative; background: url(images/icon_index01.png) no-repeat;}
.funList li .name {font-size: 22px; color: #3c3c3c; margin-top: 10px; line-height: 100%; }
.funList li .brief {font-size: 16px; color: #8a8a8a; line-height: 100%;margin-top: 10px;}

/*模板*/
.template .wrapper {width: 926px; margin: 0 auto; overflow: hidden;text-align: center;}
.template .template-category {margin: 0 auto; height: 56px; width: 100%; line-height: 56px;border-bottom: 2px solid #f0f2fa;}
.template .template-category label{float:left; width: 231px}
.template .template-category label.last {float:left; width: auto;}
.template .template-category label span{color: #ccc;font-size: 16px;display: block; margin: 0 auto; width: 85px;}
.template .template-category label span:hover{color: #3b9bf5;}
.template .template-category label.active span{color: #3b9bf5;border-bottom: 2px solid #3b9bf5;}
.template .template-content {position: relative;height: 422px; margin-top: 20px;}
.template .template-content a{position: absolute;left: 0; top: 0;height: 422px; width: 926px;display: none;}
.template .template-content a.first {background: url(images/template.png) 0 0 no-repeat;display: block;}
.template .template-content a.second {background: url(images/template.png) 0 -844px no-repeat;}
.template .template-content a.third {background: url(images/template.png) 0 -1266px no-repeat;}
.template .template-content a.forth {background: url(images/template.png) 0 -422px no-repeat;}

.vcode-pop {padding-left: 40px;border-radius:6px;box-shadow: 0 2px 6px 1px rgba(0,0,0,0.1);  border: 1px solid #c2c2c2;  font-size: 14px;z-index: 1001;background: #fff; width: 360px;height: 186px;position: absolute;left: 50%;top: 50%;margin-top: -93px;margin-left: -200px;}
.vcode-pop p {margin-top: 40px;font-size: 16px;line-height: 100%;}
.vcode-pop .vcode {margin-top: 15px;margin-bottom: 5px;}
.vcode-pop .vcode input {padding: 0 6px;width: 201px;height: 30px;line-height: 30px;}
.vcode-pop .vcode span {margin-left: 10px;display: inline-block;}
.vcode-pop .vcode span img{border-radius: 4px;}
.vcode-pop .vcode-tip {display:none;color: #ff5757;position: absolute;top:104px;left: 40px; font-size: 12px;}
.vcode-pop .btn-row {margin-top: 30px;}
.vcode-pop .btn-row button{width: 90px;padding: 0;}
.vcode-pop .btn-row button.confirm{margin-left: 58px;_background: #1a8fda;}
.vcode-pop .btn-row button.cancel{margin-left: 10px;}
.mask {z-index: 999;background: #000;opacity: 0.6;filter:alpha(opacity=100);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);position: fixed;_position:absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}