@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1487087812879'); /* IE9*/
  src: url('iconfont.eot?t=1487087812879#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1487087812879') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1487087812879') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1487087812879#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.os-login-alipay:before { content: "\e646"; }
.os-login-alipay { color: rgb(0, 161, 240); }
.os-login-amazon:before { content: "\e616"; }
.os-login-amazon { color: rgb(40, 60, 100); }
.os-login-baidu:before { content: "\e602"; }
.os-login-baidu { color: rgb(41, 50, 225); }
.os-login-douban:before { content: "\e6e8"; }
.os-login-douban { color: rgb(46, 150, 61); }
.os-login-facebook:before { content: "\e601"; }
.os-login-facebook { color: rgb(57, 86, 157); }
.os-login-github:before { content: "\e698"; }
.os-login-github { color: rgb(43, 65, 77); }
.os-login-google:before { content: "\e755"; }
.os-login-google { color: rgb(222, 67, 48); }
.os-login-instagram:before { content: "\e609"; }
.os-login-instagram { color: rgb(228, 0, 127); }
.os-login-linkedin:before { content: "\e7ea"; }
.os-login-linkedin { color: rgb(61, 128, 178); }
.os-login-live:before { content: "\e680"; }
.os-login-live { color: rgb(0, 65, 133); }
.os-login-microsoft:before { content: "\e680"; }
.os-login-microsoft { color: rgb(0, 65, 133); }
.os-login-oschina:before { content: "\e600"; }
.os-login-oschina { color: rgb(61, 171, 83); }
.os-login-pinterest:before { content: "\e619"; }
.os-login-pinterest { color: rgb(189, 27, 54); }
.os-login-qq:before { content: "\e630"; }
.os-login-qq { color: rgb(42, 168, 222); }
.os-login-reddit:before { content: "\e7d8"; }
.os-login-reddit { color: rgb(255, 64, 6); }
.os-login-sina:before { content: "\e62e"; }
.os-login-sina { color: rgb(250, 125, 60); }
.os-login-weibo:before { content: "\e62e"; }
.os-login-weibo { color: rgb(250, 125, 60); }
.os-login-taobao:before { content: "\e8dd"; }
.os-login-taobao { color: rgb(255, 68, 0); }
.os-login-twitter:before { content: "\e711"; }
.os-login-twitter { color: rgb(29, 161, 242); }
.os-login-wechat:before { content: "\e633"; }
.os-login-wechat { color: rgb(60, 176, 53); }
.os-login-wechat_mp:before { content: "\e633"; }
.os-login-wechat_mp { color: rgb(60, 176, 53); }
.os-login-xiaomi:before { content: "\e606"; }
.os-login-xiaomi { color: rgb(255, 103, 0); }
.os-login-wordpress:before { content: "\e94a"; }
.os-login-wordpress { color: rgb(0, 134, 192); }

.os-share-facebook:before { content: "\3433"; }
.os-share-facebook { color: rgb(57, 86, 157); }
.os-share-google:before { content: "\e823"; }
.os-share-google { color: rgb(222, 67, 48); }
.os-share-linkedin:before { content: "\e60d"; }
.os-share-linkedin { color: rgb(61, 128, 178); }
.os-share-pinterest:before { content: "\e8a6"; }
.os-share-pinterest { color: rgb(189, 27, 54); }
.os-share-qq:before { content: "\e627"; }
.os-share-qq { color: rgb(42, 168, 222); }
.os-share-qqzone:before { content: "\e608"; }
.os-share-qqzone { color: rgb(255, 206, 0); }
.os-share-reddit:before { content: "\ebbd"; }
.os-share-reddit { color: rgb(255, 64, 6); }
.os-share-twitter:before { content: "\e699"; }
.os-share-twitter { color: rgb(29, 161, 242); }
.os-share-wechat:before { content: "\e64c"; }
.os-share-wechat { color: rgb(60, 176, 53); }
.os-share-weibo:before { content: "\e61f"; }
.os-share-weibo { color: rgb(250, 125, 60); }

#loginform .os-login-box {
  margin-bottom: 15px;
}
.os-bind-box .os-icon-bind {
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}
.os-bind-box .os-icon-bind:hover {
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.os-show {
  display: block;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-left: 5px;
  border-left: 2px solid gray;
}
.os-hide {
  color: #aaa;
  font-style: italic;
  font-weight: bold;
}
.os-preview-box {
  width: 600px;
  padding: 8px 13px;
  border: 1px solid #ccc;
  display: inline-block;
}

.os-user-form {
  font-size: 14px;
  position: relative;
}
.os-user-form .line {
  position: absolute;
  background: #ccc;
  width: 1px;
  height: 120px;
  left: 50%;
  top: 60px;
}
.os-user-form .right {
  position: absolute;
  right: 80px;
  top: 0;
}
.os-user-form .err {
  outline: #de9b2a auto 2px;
}
.os-user-form .ok {
}
.os-user-form .label {
  margin: 20px 0 10px;
}
.os-user-form .desc,
.os-user-form .input {
  font-size: 12px;
  margin: 5px 0 8px
}
.os-user-form .desc {
  font-style: italic;
}
.os-user-form .input input {
  padding: 5px;
  margin-left: 3px;
}
.os-user-form .avatar img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100px;
  height: 100px;
}
.os-user-form p {
  margin: 20px 0 20px;
}

@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@media screen and (max-width: 600px) {
  #error-page {
    margin: 0;
  }
  .os-user-form .right {
    position: static;
    right: 80px;
    top: 0;
  }
  .os-user-form .right_body {
    padding-bottom: 15px;
  }
  .os-user-form .input input {
    width: 90%;
  }
}

/*===CUSTOMIZE UNDER===*/

.os-icon { 
  margin: 3px 5px 3px 1px;
  display: inline-block;
} 
.os-login-box {
  clear: both;
  line-height: 36px;
}
.os-login-box .os-icon {
  cursor: pointer;
  font-size: 32px;
}
.os-share-box .os-icon {
  cursor: pointer;
  font-size: 25px;
}
.os-login-title {
  
}
.os-share-title {
  
}
.os-login-widget {

}
.os-share-widget {

}