/*除scratch.html以外 所有样式 css 文件*/
html, body {
    width: 100%;
    height: 100%;
}
body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:"PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
  font-size: 14px;
  color: #333;
  background: #ffffff;
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: auto !important;
  font-weight: 400;
  font-style: normal;
  /*padding-bottom: 300px;*/
}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1536053698864'); /* IE9*/
  src: url('iconfont.eot?t=1536053698864#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1536053698864') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1536053698864#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-appreciate:before { content: "\e644"; }

.icon-emoji:before { content: "\e64a"; }

.icon-favorfill:before { content: "\e64b"; }

.icon-favor:before { content: "\e64c"; }

.icon-loading:before { content: "\e64f"; }

.icon-search:before { content: "\e65c"; }

.icon-time:before { content: "\e65f"; }

.icon-warnfill:before { content: "\e662"; }

.icon-notificationfill:before { content: "\e66a"; }

.icon-evaluate:before { content: "\e672"; }

.icon-cascades:before { content: "\e67c"; }

.icon-discover:before { content: "\e67e"; }

.icon-list:before { content: "\e682"; }

.icon-settings:before { content: "\e68a"; }

.icon-footprint:before { content: "\e69d"; }

.icon-refresh:before { content: "\e6a4"; }

.icon-deletefill:before { content: "\e6a6"; }

.icon-home:before { content: "\e6b8"; }

.icon-discoverfill:before { content: "\e6ba"; }

.icon-homefill:before { content: "\e6bb"; }

.icon-link:before { content: "\e6bf"; }

.icon-lock:before { content: "\e6c0"; }

.icon-activity:before { content: "\e6c5"; }

.icon-notificationforbidfill:before { content: "\e6db"; }

.icon-game:before { content: "\e6df"; }

.icon-info:before { content: "\e6e5"; }

.icon-forwardfill:before { content: "\e6ea"; }

.icon-forward:before { content: "\e6eb"; }

.icon-share:before { content: "\e6f3"; }

.icon-down:before { content: "\e703"; }

.icon-mobile:before { content: "\e704"; }

.icon-mobilefill:before { content: "\e705"; }

.icon-noticefill:before { content: "\e709"; }

.icon-notice:before { content: "\e70a"; }

.icon-clothesfill:before { content: "\e716"; }

.icon-clothes:before { content: "\e717"; }

.icon-creativefill:before { content: "\e71a"; }

.icon-creative:before { content: "\e71b"; }

.icon-paintfill:before { content: "\e72a"; }

.icon-paint:before { content: "\e72b"; }

.icon-markfill:before { content: "\e730"; }

.icon-album:before { content: "\e734"; }

.icon-servicefill:before { content: "\e737"; }

.icon-repair:before { content: "\e738"; }

.icon-file:before { content: "\e739"; }

.icon-repairfill:before { content: "\e73a"; }

.icon-attentionfill:before { content: "\e73c"; }

.icon-attention:before { content: "\e73d"; }

.icon-backwardfill:before { content: "\e74d"; }

.icon-playfill:before { content: "\e74f"; }

.icon-stop:before { content: "\e750"; }

.icon-upload:before { content: "\e75d"; }

.icon-writefill:before { content: "\e760"; }

.icon-write:before { content: "\e761"; }

.icon-add:before { content: "\e767"; }

.icon-move:before { content: "\e768"; }

.icon-activityfill:before { content: "\e775"; }

.icon-weixin:before { content: "\e611"; }

.icon-my:before { content: "\e78b"; }

.icon-myfill:before { content: "\e78c"; }

.icon-weibo:before { content: "\e62f"; }

.icon-shouye:before { content: "\e61f"; }

.icon-icon:before { content: "\e651"; }

.icon-qq-copy:before { content: "\e657"; }

.icon-full:before { content: "\e7bc"; }

.icon-icon_notice:before { content: "\e605"; }

.icon-exit:before { content: "\e7cb"; }

.icon-appreciate_fill_light:before { content: "\e7e2"; }

.icon-comment_fill_light:before { content: "\e7e3"; }

.icon-delete_light:before { content: "\e7ed"; }

.icon-zhifeiji:before { content: "\e612"; }

.icon-play_forward_fill:before { content: "\e7f5"; }

.icon-quanping:before { content: "\e626"; }

.icon-pick:before { content: "\e7fa"; }


div{
   -webkit-tap-highlight-color:rgba(255,0,0,0);
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
  color: #555;
  text-decoration: none;
  font-size: 14px;
  outline: none;
  -webkit-tap-highlight-color:rgba(0,0,0,.1);
}
a:hover {
  text-decoration: none;
  color: #337ab7;
}
a:focus, a:active {
  text-decoration: none;
  outline: none;
}
p{
 font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 300;
  margin: 0 0 30px 0;
}
ul,ol,li{
  margin: 0;
  padding: 0;
  list-style: none;
}
h1, h2, h3, p, div, ol, ul, input, button {
  margin: 0;
  padding: 0;
}
input, button, textarea {
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color:rgba(0,0,0,.1);
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}
button.disabled, button[disabled]{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
li{
  list-style: none;
}
input::-webkit-input-placeholder {
  font-size: 14px !important;
  font-weight: inherit !important;
}
.row{
margin: 0;

}
.container{
  padding: 0;
  width: 1200px;
  min-width: 1200px;
}
body.bodybg{
  background: #f6f6f6
}
.disnone{
  display: none !important;
}
.text-align{
  text-align: center !important;
}
.xu-index-head,.xu-main-panel,footer{
  min-width: 1195px;
}
.po-re{
  position: relative;
}
.xu-mian-panel{
  position: relative;
  padding: 30px 0;
  min-height:550px;
}
/* index */
.xu-index-head{
  position: relative;
  background-image: linear-gradient(134deg, #080c15, #0f2d70);
}
.xu-index-head.bg2{
  background-image: linear-gradient(134deg, #080c15, #0f2d70);
}
header{
  position: relative;
  height: 73px;
}
.head-bg2{
  position: absolute;
  top: 60px;
  width: 1000px;
  height: 85px;
  background: url(../img/index/headbg.png) no-repeat center;
  background-size: 100%;
  z-index: 0;
}
.head-bg3{
  background: #fff;
  transform: skewY(5deg) translateY(79%);
  height: 106px;
  margin-top: -150px;
}
.head-bg4{
  position: absolute;
  top: 0px;
  right: 50px;
  width: 500px;
  height: 73px;
  background: url(../img/index/headbg1.png) no-repeat center;
  background-size: 100%;
  z-index: 0;
}
.xu-logo{
  float: left;
  margin-top: -8px
}
.head-nav-bar{
  float: left;
  margin-left: 50px;
  margin-top: 28px;
}
.head-nav-bar a{
  display: inline-block;
  color: #ffffff;
  border-radius: 20px;
  border: 1px dashed #ffffff;
  padding: 5px 20px;
  font-size: 16px;
  margin-left: 20px;
  transition: all .15s ease;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
}
.head-nav-bar a:hover{
  background: rgba(255,255,255,.2);
  color: #fff
}
.head-login-nav{
  float: right;
  height: 73px;
  line-height: 89px;
  overflow: hidden;
}
.head-login-nav li{
  float: left;
  margin-left: 20px;
  color: #FFFFFF;
}
.head-login-nav li a{
  font-size: 16px;
  display: inline-block;
  color: #FFFFFF;
}
.index-shower-bar{
  position: relative;
  z-index: 3;
  padding: 70px 0 60px;
}
.user-logined{
  position: relative;
  float: right;
  margin-top: 17px;
}
.user-logined .caret{
  color: #fff !important;
  margin-top: 18px;
  margin-left: 4px;
  float: left;
}
.user-head-icon{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: #fff;
  text-align: center;
  overflow: hidden;
  float: left;
}
.user-ts{
  float: right;
  display: block;
  position: relative;
  margin-right: 40px;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
}
.user-ts i{
  color: #fff;
  font-size: 26px;
}
.user-ts .tsnum{
  position: absolute;
  display: block;
  padding:1px 6px;
  font-size: 12px;
  top: 0px;
  right: -8px;
  background: #fc486f;
  color: #fff;
  border-radius: 50%;
}
.user-nav-img{
  display: inline-block;
}
.user-nav-name{
  display: block;
  float: left;
  color: #fff;
  max-width: 80px;
  margin: 0 4px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-head-icon img{
  width: 100%;
  height: 100%;
}
.user-logined .dropdown-menu{
  min-width: 140px;
}
.dropdown-menu>li>a{
  padding: 5px 18px;
  font-size: 15px;
}
.dropdown-menu> li.color-1 >a i{
  color: #1E88E5;
}
.dropdown-menu> li.color-2 >a i{
  color: #9c27b0;
}
.dropdown-menu> li.color-3 >a i{
  color: #8a6d3b;
}
.dropdown-menu> li.color-4 >a i{
  color: #e91e63;
}
.gav-slider-left{
  float: left;
  border:0px solid #fff;
  width: 850px;
  height: 320px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 6px 10px rgba(3,3,3,.12);
  overflow: hidden;
}
.gav-slider-right{
  float: right;
  text-align: center;
  border:10px solid #fff;
  width: 260px;
  height: 320px;
  border-radius: 6px;
  background: #fff /*url(../img/index/slider-right-bg1.png)*/ no-repeat right 0 bottom 30px;
  background-size:200px; 
  box-shadow: 0px 6px 10px rgba(3,3,3,.12);
  overflow: hidden;
}
.gav-slider-right .user-icon{
  width: 70px;
  height: 70px;
  border: 3px solid #fff;
  border-radius: 18px;
  background: #fff;
  margin: 20px auto;
  overflow: hidden;
}
.gav-slider-right .user-icon img{
  width: 80%;
  height: 100%;
}
.gav-slider-right .welcome{
  width: 200px;
  border: 1px dashed #fff;
  background: rgba(255,255,255,.8);
  border-radius: 6px;
  padding: 8px 10px;
  margin: 0 auto;
  margin-top: 20px;
  color: #036a98;
  text-align: left;
}
.carousel-inner .item img{
  width: 100%;
  height: 320px;
}
.carousel-indicators {
    bottom: 5px;
}
.gav-link-btn{
  display: block;
  background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);;
  color: #fff;
  width: 200px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 60px;
  margin: 20px auto;
  transition: .2s;
}
.gav-link-btn:hover{
  color:#ef997e;
  box-shadow: 4px 4px 8px rgba(0,0,0,.12)
}
.gov-link-btn{
  display: inline-block;
  background: #e5711e;
  color: #fff;
  width: 96px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 60px;
  margin: 0 4px;
  transition: .2s;
}
.gov-link-btn:hover{
  color:#ef997e;
  box-shadow: 4px 4px 8px rgba(0,0,0,.12)
}
.xu-main-panel{
  position: relative;
  padding: 30px 0 60px;
  min-height: 600px;
}
.normal-title-bar{
  margin-top: 10px;
}
.normal-title-bar h4{
  margin-bottom: 0px;
  float: left;
}
.index-bar-title {
  width: 153px;
  height: 35px;
  background-repeat: no-repeat;
}
.index-bar-title.index-title-1{
  background-image:url(../img/index/head-title-bg.png); 
  background-position: 0px 8px; 
  background-size: 80%;
}
.index-bar-title.index-title-2{
  background-image:url(../img/index/head-title-bg.png); 
  background-position: 0px -60px; 
  background-size: 80%;
}
.index-bar-title.index-title-3{
  background-image:url(../img/index/head-title-bg.png); 
  background-position: 0px -55px; 
  background-size: 80%;
}
.see-more{
  display: block;
  float: right;
  padding: 5px 13px;
  border: 1px dashed #888;
  color: #777;
  border-radius: 20px;
  margin-right: 20px;
  font-size: 13px;
}
.see-more:hover{
  border-color:#333;
  color: #333;
}
.xu-card-bar{
  margin-bottom: 30px;
}
.xu-card-bar > li{
  float: left;
  width: 224px;
  margin-right: 20px;
  margin-top: 20px;
}
.xu-card-bar > li:nth-child(5n){
  margin-right: 0;
}
.xu-card-bar.fivth > li{
  float: left;
  width: 20%;
  padding: 10px 6px;
  margin-top: 5px;
}
.xu-list-div{
  background: #fffdf7;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 5px rgba(178, 178, 178, 0.2);
  -moz-box-shadow: 0 3px 5px rgba(178, 178, 178, 0.2);
  box-shadow: 0 3px 5px rgba(178, 178, 178, 0.2);
  transition: .2s
}

.xu-content-img{
  display: block;
  width: 100%;
  height: 170px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.xu-content-img img{
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.xu-list-div:hover .xu-content-img img{
  transform: scale(1.1);
}

.xu-contant-title{
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  height: 32px;
  color: #333;
  padding: 10px;
  padding-bottom: 0;
}
.xu-contant-title:hover{
  color: #2d91e8
}
p.xu-contant-int{
  font-size: 13px;
  overflow : hidden;
  height: 40px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.xu-user-panel{
  padding:6px 10px;
  overflow: hidden;
}
.xu-user-panel li{
  position: relative;
  display: inline-block;
  color: #777;
  font-size: 12px;
}
.xu-user-panel.border-top{
  border-top: 1px dashed #ddd;
}
.xu-user-headimg{
  width: 34px;
  height: 34px;
  border-radius: 6px;
  margin-right: 4px;
  overflow: hidden;
}
.xu-user-panel.border-top span{
  font-size: 13px;
}
.xu-user-panel.border-top a:hover{
  color: #1E88E5
}
.index-match-bar li{
  float: left;
  width: 50%;
  padding:5px 10px;
  padding-top: 0;
  margin-top: 20px;
}
.xu-gallery-card{
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0,0,0,.12)
}
.user-eyes li{
  margin-right: 10px;
}
footer{
  position: absolute;
  width: 100%;
  /*height: 280px;*/
  bottom: 0;
  left: 0;
  padding: 40px;
  background-image: linear-gradient(134deg, #080c15, #0f2d70);
  overflow: hidden;
}
.footer-logo{
  float: left;
  color: #000000;
  font-size: 12px;
  padding-top: 5px;

}
.footer-logo p{
    font-size: 30px ;
    color: #fff;
    font-weight: 500;
    padding-top: 10%;
    margin-bottom: .11rem;
    font-weight: bold;
}

.footer-logo p.footer-ti{
   color: hsla(0,0%,100%,.6);
    font-size: 12px;
    margin-bottom: 11px;

}


.footer-logo a{
  display: block;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  padding-top: 0;
  margin-bottom: 6px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.2)
}
.footer-linker{
  float: left;
  padding-left: 100px;
  overflow: hidden;
  margin-left: 35px;
  color: #fff;
}
.footer-linker1{
  float: left;
  padding-left: 120px;
  overflow: hidden;
  margin-left: 40px;
  color: #fff;
}
.footer-linker1 li{
  margin-bottom: 10px
}
.footer-linker1 li a:hover{
  color: #fff;
}
.footer-linker2{
  float: left;
  padding-left: 130px;
  overflow: hidden;
  margin-left: 50px;
  color: #fff;
}
.footer-linker2 li{
  margin-bottom: 10px
}
.footer-linker2 li a:hover{
  color: #fff;
}
.footer-linker li{
  margin-bottom: 10px
}

.footer-linker li a:hover{
  color: #fff;
}
footer .linker-title{
  font-size: 17px;
}
.foot-img-bar{
  float: left;
  color: #fff;
  text-align: center;
  font-size: 12px;
  margin:0 100px;
}
.foot-img-bar p{
  font-size: 12px;margin-top: 4px;
}

.roe {
width: 100%;
height: 100%;
padding-top: 0px;

}
.roe footer-ai{
  width: 100%;
  height: 100%;

  font-size: 12px;
  

}
.roe .footer-ai a{
  color: #fff;
  text-decoration:none
}
.modal.slide .modal-dialog {
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
  opacity: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}

.slide.in .modal-dialog{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
.modal-dialog{
  width: 500px;
  margin-top: 7.5%;
}

.user-modal .modal-dialog{
  width: 813px;
}
.login-content{
  background: transparent url(../img/index/loginbg.png) no-repeat;
  background-size: 100%;
  height: 311px;
  box-shadow: none;
  border: none;
}
.login-l-bar{
  float: left;
  width: 400px;
  padding-top: 30px;
  padding-left: 14px;
}
.login-l-bar img{
  margin-top: 20px;
}
.login-l-bar p{
  color: #fff;
  font-size: 16px !important;
  line-height: 2;
  margin-top: 10px;
  width: 340px;
}
.login-r-bar{
  position: relative;
  float: right;
  width: 310px;
  padding-top: 103px;
}
.reg-content{
  border-radius: 3px !important;
}
.reg-content .reg-l-bar{
  float: left;
  width: 400px;
  margin-left: 30px;
  padding: 30px;
}
.reg-content .reg-l-bar .title{
  font-size: 23px;
  color: #1E88E5;
  margin-bottom: 20px;
}
.user-modal .modal-body{
  padding: 0 40px;
}
.user-modal .reg-content .modal-body{
  padding: 0;
}
.register-function{
  margin-bottom: 15px;
}
.register-function li{
  display: inline-block;
  padding: 5px 15px;
  font-size: 13px;
  border-radius: 2px;
  border: 1px solid #4caf50;
  color: #4caf50;
}
.modal-content{
  box-shadow: none;
  border: none;
}
.reg-r-bar{
  position: absolute;
  right: 0;
  top: 0;
  width: 350px;
  height: 100%;
  background: url(../img/index/regbg.jpg) no-repeat;
  background-size: 100%;
  overflow: hidden;
}
.modal-header,.modal-footer{
  border: 0;
}
.user-modal .modal-title{
  font-size: 20px;
  font-weight: bold;
  color: #4bc3f9;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-left: 25px;
  text-align: center;
}
.user-modal .modal-footer{
  padding: 30px 40px
}

.input-group{
  margin-bottom: 15px;
}
.input-group-addon{
  border-radius: 0px !important;
  background: #fff
}
.user-modal .form-control{
  height: 36px;
  font-size: 15px;
  font-weight: normal;
  border-radius: 0px !important;
}
.user-modal .close{
  color: #fff !important;
  opacity: 1;
}
.account-login, .account-register{
  overflow: hidden;
}
.account-login{
  margin-top: 15px
}
.account-register{
  padding: 20px 0;
}
.userformbar label{
  color: #333;
  font-size: 15px;
  font-weight: normal;
}
.userformbar .form-control{
  border-radius: 3px !important;
  background:#fff;
}
.login-content .userformbar .form-control{
  border: 1px solid transparent;
}
.userformbar .form-control:focus{
  border-color: #ffb911
}
.go-reg-p{
  float: left;
  color: #333;
}
.go-reg-p.go-login-p{
  color: #fff;
}
.forget-pwd-a{
  float: right;
  color: #777
}
.forget-pwd-a:hover{
  color: #333
}
.go-reg-p a{
  color: #444;
}
.go-reg-p.go-login-p a{
  color: #fff
}
.go-reg-p a:hover{
  color: #ffb911;
}

.kj-login{
  float: left;
  color: #777;
  font-size: 15px;
  font-weight: inherit;
}
.kj-login-titles{
  display: inline-block;
  margin-top: 5px;
  font-size: 14px;
  margin-right: 20px;
}
.kj-login a{
  margin-right: 8px;
  display: inline-block;
  width: 35px;
  height: 35px;
  padding: 3px;
  background: rgba(255,255,255,.9);
  border-radius: 8px;
}
.kj-login a:hover{
  border-color: #03a9f4;
  background: #f7f7f7
}
.kj-login a img{
  width: 100%
}
.btn.btn-login{
  width: 100%;
  background: #0acffe;
  font-size: 15px;
  color: #fff;
  padding: 6px 18px;
  border-radius: 2px
}
.btn.btn-login:hover{
  background: #495aff
}
.user-modal-close{
  position: absolute;
  top: 3px;
  right: 4px;
  background: transparent;
  border: 3px solid transparent;
  width: 52px;
  height: 52px;
  border-radius: 50%;
}
.register-close{
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  font:initial;
  padding: 0;
  line-height: 39px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  background: #fff;
  color: #666;
  z-index: 9;
  border: 0;
  font-size: 30px;
}
.register-close span{
  display: inline-block;
  vertical-align: middle;
  margin-top: -11px;
}
.user-modal-close:hover{
  border-color: #ffbf48
}
.btn-default{
  border-radius: 2px;
  color: #666;
}
.user-modal .btn-default{
  border-style: dashed;
  border-color: #8e8c8c;
}
.btn-default:hover{
  background: #edf9ff;
  border-color: #36c1ff 
}
.btn.btn-register{
  display: block;
  width: 100%;
  padding: 9px;
  background: #03a9f4;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  margin-top: 20px;
}
.btn.btn-register:hover{
  background: #029fe6;
}
.close{
  font-size: 28px;
}
.works-head-bar{
  margin-top: 95px;
  margin-bottom: 20px
}
.search-term-bar{
  float: left;
  margin-left: 20px
}
.search-term-bar a{
  display: inline-block;
  display: inline-block;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding:6px 18px;
  font-size: 16px;
  margin-right: 15px;
  color: #fff;
  letter-spacing: 1px;
  outline: 0;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  border: solid 2px #fff;
}
.search-term-bar a.active,.search-term-bar a.active:hover{
  background: #ffbf47;
}
.search-term-bar a:hover{
  background: rgba(255,255,255,.3)
}
.w-sort-bar,.w-search-bar{
  float: right;
  margin-right: 20px;
  margin-left: 15px;
}
.w-search-bar{
  position: relative;
  width: 220px;
  overflow: hidden;
}
.w-search-bar input{
  width: 100%;
  height: 36px;
  padding-right: 60px;
  border-radius: 30px;
  padding-left: 16px;
  border: 0;
  background: #f8f8f8;
}
.w-search-bar input:focus{
  background: #fff;
}
.w-search-bar .w-search-btn{
  position: absolute;
  right: 15px;
  top: 7px;
  border:0;
  opacity: .7
}
.w-search-bar .w-search-btn:hover{
  opacity: 1
}
.w-sort-bar li{
  float: left;
}
.w-sort-bar li a{
  display: block;
  margin-top: 2px;
  padding: 6px 10px;
  background: #fff;
  color: #777
}
.w-sort-bar li.mostnew a{
  border-left: 0;
  border-radius: 0 2px 2px 0
}
.w-sort-bar li.mosthot a{
  border-right: 0;
  border-radius: 2px 0 0 2px
}
.w-sort-bar li.active a{
  background: #ffbf47;
  color: #fff;
  border-color: #ffbf47
}
.pager{
  margin-top: 10px;
  margin-bottom: 60px
}
.pager li{
  margin: 0 3px;
}
.pager li>a, .pager li>span{
  border-color: #555;
  color: #333
}
.pager li.active > a{
  background: #ffbf47;
  color: #fff;
}
.show-error-msg{
  position: absolute;
  width: 100%;
  top: 65px;
  left: 0;
  display: none;
  padding: 7px 20px;
  margin-bottom: 8px;
  background:rgba(243,105,111,.9);
  color: #fff;
}
.usermsg-bar{
  position: relative;
  margin-top: 60px;
  padding: 60px 20px;
  padding-bottom: 70px;
}
.user-head-img{
  float: left;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border:3px solid #fff;
  background: #fff;
  border-radius: 20px;
  box-shadow: 4px 5px 12px rgba(0,0,0,.12)
}
.user-content-bar{
  float: left;
  color: #fff;
  margin-left: 30px;
  margin-top: 5px;
  padding-right: 30px;
}
.user-content-bar .user-name{
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: bold;
}
.user-content-bar .user-create-time{
  font-size: 13px;
  margin-bottom: 10px;
}
.user-content-bar .user-motto{
  font-size: 14px;
  width: 340px;
  word-break:break-all;
  word-wrap:break-word;
  overflow: hidden;
}
.user-content-bar .user-name .user-gf-span{
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  padding: 1px 6px;
  border-radius: 3px;
  vertical-align: 2px;
  border: 1px solid #F0E68C;
  margin-left: 6px;
  background: #ef9b01
}
.user-fans-bar{
  margin-bottom: 5px;
}
.user-fans-bar a{
  color: #fff;
}
.user-fans-bar a:hover{
  color: #ffbf48;
  text-shadow: 2px 2px 3px rgba(0,0,0,.2)
}
.user-o-controls button.guanzhu-btn{
  background: #fd8f6e
}
.user-o-controls button.guanzhu-btn i{
  color: #fd8f6e
}
.user-fans-bar span{
  font-size: 18px;
}
.user-tab-bar{
  padding: 0 20px;
    border: 0;
}
.user-tab-bar > li {
  position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: -1px;
}
.user-tab-bar>li>a {
  position: relative;
    display: block;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 2px 2px 0;
    cursor: pointer;
}
.user-tab-bar>li:hover>a{
  background: rgba(255,255,255,.4)
}
.user-tab-bar>li.active>a{
  color: #333;
    background: #fff;
}
.user-tab-content{
  min-height: 300px;
}
.user-o-controls{
  float: left;
  margin-left: 80px;
}
.user-o-controls a,.user-o-controls button{
  position: relative;
  width: 130px;
  color: #fff;
  display: block;
  height: 34px;
  font-size: 14px;
  line-height: 32px;
  background: #24aaf9;
  margin-bottom: 14px;
  border:0;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 5px;
  box-shadow: 2px 2px 4px rgba(0,0,0,.1);
  overflow: hidden;
}
.user-o-controls a{
  border:1px solid #fff
}
.user-o-controls button::before{
  display: inline-block;
  border-radius: 5px;
  content: '';
  background: #fff;
    color: #fcad26;
    z-index: 2;
  position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 3;
    font-size: 140%;
    width: 30px;
}
.user-o-controls button:after {
  display: inline-block;
  position: absolute;
  content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    z-index: 1;
    left: 29px;
    top: 50%;
    margin: -5px 0 0 -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.user-o-controls a span{
  font-size: 13px;
}
.user-o-controls i{
  z-index: 3;
  position: absolute;
  left: 7px;
  top: 0;
  color: #0098f1
}
.user-o-controls a i{
  font-size: 16px;
  margin-right: 4px;
}
.user-o-controls a i.icon-shouye{
  vertical-align: -1px;
}
.user-o-controls a:hover{
  background: #048dde
}
.user-o-controls a img{
  margin-right: 8px;
  vertical-align: -5px;
}
.user-o-controls button.liked{
  background: #24aaf9;
}
.user-o-controls button .iconfont{
  margin-right: 3px;
}
.user-o-controls button.liked .iconfont{
  color: #24aaf9;
}
.other-words-bar{
  padding: 10px 20px; 
  background: #fff;
  border-radius: 8px;
}
.other-words-bar h3{
  color: #1f88e5;
  margin-bottom: 20px;
}
button.disabled, button[disabled]{
  background: #ddd;
}
.ot-send-btn{
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: #ff5959;
  padding: 8px 33px;
  margin-top: 10px;
}
.ot-send-btn.colorblue{
  background: #2d91e8;
}
.writed .ot-send-btn{
  background: #ffc107
}
.ot-footer-left{
  float: left;
  width: 70%;
}
.ot-footer-right{
  float: right;
  width: 26%;
}
.ot-common-words{
  padding: 20px;
  margin-bottom: 80px;
}
.ot-common-item{
  padding-top: 26px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d1d1d1
}
.ot-common-item2{
  padding:0 30px;
  padding-right: 60px;
  background: #f5f5f5;
  border-radius: 4px;
  margin: 10px 0;
}
.ot-user-controls>span.dismiss{
  display: none;
}
.ot-cont-bottom:hover .dismiss,.ot-common-item2:hover .dismiss{
  display: inline-block;
}
.tosome-sp{
  color: #888;
  font-size: 14px;
  margin-right: 2px;
}
.tosome-sp a:hover{
  color: #1E88E5
}
.second-ot-comment{
  padding: 18px 0;
}
.ot-item-left{
  float: left;
}
.ot-item-left img{
  border-radius: 6px;
  width: 50px;
  height: 50px;
  border-radius: 4px;
}

.ot-item-content{
  margin-left: 70px;
}
.ot-item-content .ot-user-name{
  margin-bottom: 10px;
}
.ot-item-content .ot-user-name a{
  font-size: 15px;
  color: #1eace5
}
.ot-item-content .ot-user-name a:hover{
  color: #1E88E5
}
.ot-item-content .ot-user-name span{
  margin-left: 15px;
  font-size: 12px;
  color: #777;
}
.ot-user-controls{
  margin-top: 8px;
}
.ot-user-controls>span{
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  font-size: 13px;
  color: #777;
}
.ot-user-controls span i{
  color: #adadad
}
.ot-user-cont{
  padding-top: 10px;
  font-size: 16px;
  border-radius: 6px;
  color: #000;
}
.ot-user-controls i{
  font-size: 15px;
  color: #999;
}
.ot-add-comment{
  position: relative;
  margin-top: 10px;
}
textarea.form-control{
  box-shadow: none;
  resize: none;
  background: #fdfdfd;
  padding-bottom: 40px;
  font-weight: normal;
}
.ot-common-item2 .ot-item-left img{
  width: 40px;
  height: 40px;
}
.ot-common-item2 .ot-item-content{
  margin-left: 60px;
}
.hky-write{
  position: absolute;
  bottom: 8px;
  left: 10px;
  padding: 3px 10px;
  background: #eee;
  border-radius: 50px;
  font-size: 12px;
  color: #4db87c;
}
.person-center-panel{
  background: #fff;
  border-radius: 6px;
  padding: 30px;
}
.person-center-panel .bar-title{
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #1E88E5
}
.person-center-bar{
  border: 1px dashed #888;
  margin: 30px 50px;
  padding: 30px;
  border-radius: 10px;
}
.person-center-bar.paddingchange{
  padding: 40px 200px;
  padding-right: 280px;
}
.person-center-bar .form-group{
  margin-bottom: 30px;
}
.headimg-wrapper{
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}
.user-headimg-changer{
  width: 80px;
  height: 80px;
}
.user-headimg-changer img{
  width: 100%;
  height: 100%;
}
.upload-headimg{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  cursor: pointer;
}
.loy-headimg{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-align: center;
  line-height: 79px;
  cursor: pointer;
}
.headimg-wrapper:hover .loy-headimg{
  display: block;
}
.user-msg-btn{
  padding: 8px 37px;
  background: #ffae16;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
}
.user-msg-btn:hover{
  background: #ef9c00;
  color: #fff;
}
.note-modal .modal-dialog{
  width: 270px;
}
.note-modal.delete .modal-dialog{
  width: 320px;
}
.note-modal .modal-title{
  text-align: center;
}
.xutx_title{
  font-size: 16px;
  color: #ef9c00
}
.xutx_content{
  margin-top: 10px;
  color: #666
}
.form-control{
  box-shadow: none;
}
.input-group-lg>.form-control{
  font-size: 14px;
}
#nodemsg{
  text-align: center;
  font-size: 16px !important;
  margin-bottom: 30px;
}
#nodemsg img{
  margin-right: 4px;
}
.ly-title h3{
  display: inline-block;
  margin-right: 10px; 
}

.ly-title span{
  font-size: 13px;
  color: #777;
}
.ly-title span a{
  font-size: 13px;
  color: #4CAF50;
}
span.f-user-zan.ac, span.f-user-zan.ac i, span.s-user-zan.ac, span.s-user-zan.ac i{
  color: #ff8f00 !important;
}
.f-user-zan.ac.amd, .f-user-zan.ac.amd{
  animation: Bubbles ease-in-out 0.3s forwards;
}
.nocomment-bar{
  padding-top: 50px;
  text-align: center;
  font-size: 15px;
}
.nocomment-bar i{
  font-size: 30px;
  color: #1E88E5;
  margin-right: 10px;
}
a.chang_a_inname{
  display: inline-block;
  padding:2px 5px;
  border-radius: 6px;
  color: #fff;
  margin-left: 6px;
  transition: .3s;
}

a.chang_a_inname:hover{
  background: #fff;
  color: #1E88E5;
  box-shadow: 2px 2px 4px rgba(0,0,0,.12)
}
.carousel-indicators{
  width: 80px;
  left: auto;
  right: 0;
}
.carousel-indicators li,.carousel-indicators li.active{
  position: relative;
  width: 6px;
  height: 20px;
  border: 0;
  margin: 0 2px;
  border-radius: 0;
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
}
.carousel-indicators li span {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  text-indent: -999em; /* make the text accessible to screen readers */
  cursor: pointer;
  position: absolute;
}

.carousel-indicators li span{
  overflow: hidden;
  background-color: transparent;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
}

.carousel-indicators li span::after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 10px;
  left: 0;
  width: 100%;
  background-color: #fff;
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
}

.carousel-indicators li span:hover,
.carousel-indicators li span:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
.carousel-indicators .active{
  background: none;
}
.carousel-indicators li.active span::after {
  height: 100%;

}
.dropdown-menu{
  border-radius: 6px;
  overflow: hidden;
}
/*wroks-content-panel*/
.wroks-content-panel{
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 30px;
}
.wroks-content-panel.no-pb{
  padding-bottom: 0;
}
.works-cot-top{
  margin-bottom: 20px;
}
.works-cot-top .title{
  font-size: 18px;
  font-weight: bold;
  border-left: 2px solid #1E88E5;
  padding-left: 10px;
  margin-bottom: 14px;
}
.works-user-headimg{
  width: 38px;
  height: 38px;
  border-radius: 6px;
  margin-right: 4px;
  overflow: hidden;
}
.works-user-headimg.imgsmall{
  width: 30px;
  height: 30px;
  vertical-align: -10px;
}
.works-author-bar span.eml{
  margin-left: 20px;
  color: #666;
  font-size: 13px;
}
.w-dis-left{
  position: relative;
  float: left;
  width: 621px;
}
.w-dis-right{
  float: right;
  padding-top: 50px;
  width: 480px;
  padding-left: 30px;
}
.w-cot-msg h4.title{
  position: relative;
  margin-bottom: 12px;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  padding-left: 10px;
}
.w-cot-msg h4.title:before{
  position: absolute;
  display: inline-block;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffbf00;
}
.w-cot-msg p{
  text-indent: 2em;
  line-height: 1.6;
  color: #555;
  margin-bottom: 15px;
  min-height: 80px;
  font-size: 14px !important;
}
.w-l-tags{
  margin-bottom: 35px;
}
.w-l-tags a{
  display: inline-block;
  -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding:6px 18px;
    margin-right: 15px;
    color: #2990ea;
    font-size: 14px;
    letter-spacing: 1px;
    outline: 0;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    border: solid 2px #53a6ef;
}
.w-l-tags a:hover{
  background: rgba(41,144,234,.1)
}
.do-this-job a{
  border: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: 0 0;
    cursor: pointer;
    padding: 15px 40px;
    display: inline-block;
    margin-right: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700;
    outline: 0;
    position: relative;
    background: #cb4e4e;
    color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-radius: 10px;

}
.do-this-job a.check-job{
  background: #ff9800;
  box-shadow: 0 6px #d07f08;
}
.do-this-job a.change-job{
  background: #00bcd4;
  box-shadow: 0 6px #009caf
}
.do-this-job a.check-job:hover{
  box-shadow: 0 4px #d07f08;
    top: 2px
}
.do-this-job a.check-job:active {
    box-shadow: 0 0 #d07f08;
    top: 6px
}
.do-this-job a.change-job:hover{
  box-shadow: 0 4px #009caf;
    top: 2px
}
.do-this-job a.change-job:active {
    box-shadow: 0 0 #009caf;
    top: 6px
}
.works-share-bar{
  border-top: 1px solid #eee;
  padding: 10px 20px;
  margin: 40px -20px 0;
}
.works-share-bar .icon-span{
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
}
.works-share-bar i{
  font-size: 30px;
  color: #c9cfd4;
  vertical-align: -4px;
}
.works-share-bar .icon-span.ac i{
  color: #ff8100
}
.userdrop li a i{
  margin-right: 3px;
  vertical-align: -1px;
}
.fg-line{
  display: inline-block;
  width: 1px;
  background: #ddd;
  height: 30px;
  margin-bottom: -10px;
  margin-right: 20px;
}
.fx-span-bar a{
  display: inline-block;
  margin-left: 10px;
  vertical-align: -2px
}
.fx-span-bar a.i-qq:hover i{
  color: #01b6e0
}
.fx-span-bar a.i-wx:hover i{
  color: #00b707
}
.fx-span-bar a.i-wb:hover i{
  color: #ffb701
}
.note-nowroks{
  text-align: center;
  font-size: 17px;
  color: #666;
  margin-top: 100px;
  vertical-align: bottom;
}
.note-nowroks img{
  vertical-align: bottom;
  margin-right: 10px;
}
.mw-left-bar{
  float: left;
  width: 190px;
  padding: 10px 0;
  background: #fff;
  border-radius: 4px;
}
.mw-left-bar ul li{
  margin: 5px 0;
}
.mw-left-bar ul li a{
  display: block;
  text-align: center;
  padding:15px 0;
  font-size: 16px;
  border-right: 3px solid #fff
}
.mw-left-bar ul li.active a{
  background: #fff8e5;
  border-color: #479fec
}

.mw-left-bar ul li:hover a{
  color: #1E88E5
}
.mw-all-bar{
  padding: 30px 15px;
  padding-bottom: 100px;
  background: #fff;
  min-height: 500px;
  border-radius: 4px;
}
.mw-right-bar{
  float: right;
  width: 950px;
  padding: 30px 15px;
  padding-bottom: 100px;
  background: #fff;
  min-height: 500px;
  border-radius: 4px;
}
.user-notice-list{
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
}
.user-notice-list .notice-top .title{
  font-size: 15px;
  font-weight: bold;
}
.notice-content{
  margin-top: 10px;
  word-break:break-all;
  word-wrap:break-word
}
.user-notice-list .notice-top .msg-time{
  font-size: 13px;
  margin-left:12px;
  color: #999
}
.delete-all-notice{
  float: right;
  display: block;
  padding: 3px 10px;
  border: 1px solid #999;
  color: #999;
  border-radius: 3px;
  margin-right: 10px;
  cursor: pointer;
}
.delete-all-notice:hover{
  color: #555;
  border-color: #555;
}
.delete-all-notice i{
  color: #000;
  font-size: 14px;
  margin-right: 5px;
  vertical-align: bottom;
}
.delete-one-notice{
  display: none;
  float: right;
  margin-right: 10px;
  font-size: 13px;
  color: #888;
  cursor: pointer;
}
.user-notice-list:hover .delete-one-notice{
  display: block;
}
.delete-one-notice:hover,.delete-one-notice:hover i{
  color: #555
}

.myjob-title {
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}
.new-job{
  display: block;
  float: right;
  margin-right: 50px;
  padding: 8px 20px;
  border-radius: 30px;
  background: #139cec;
  color: #fff;
  margin-top: -8px;
}
.new-job i{
  font-size: 14px;
}
.new-job:hover{
  background: #088fde;
  color: #fff;
}
.myjob-title h3{
  display: inline-block;
  margin:0 5px;
}
.myjob-title h3 span{
  font-size: 14px;
  margin-left: 10px;
  color: #999;
}
.myjob-card-bar{
  margin-top: 10px;
}
.myjob-card-bar > li{
  float: left;
  width: 25%;
  padding: 15px 10px;
}
.myjob-card-bar .xu-content-img{
  height: 163px;
}
.myjob-card-bar a.xu-content-img{
  height: 157px;
}
.myjob-card-bar .xu-contant-title.unr{
  margin-bottom: 5px;
}

.xu-contant-title.unr:hover{
  color: #333
}
.wm-control-ul li{
  float: right;
  width: 33.3%;
  color: #666;
  text-align: center;
  padding: 5px 4px;
}
.myjob-card-bar .xu-user-panel.unr{
  padding: 6px 5px;
}
.wm-control-ul li a{
  display: block;
  border-radius: 2px;
  font-size: 13px;
  color: #777;
  padding: 4px 2px;
  background: #ebf7fd;
}
.wm-control-ul li a:hover{
  background: #50abff;
  color: #fff !important;
}
.wm-control-ul li a i{
  font-size: 13px;
  margin-right: 2px;
}
.btn-danger {
  color: #fff;
  background-color: #fb7053;
  border-color: #fb7053;
  border-radius: 2px;
}
.btn-danger:hover {
  background-color: #e65c3f;
  border-color: #e65c3f;
}
/*support*/
.sup-top{
  padding: 10px 20px;
}
.sup-top-bar{
  float: left;
  width: 470px;
}
.sup-top-right{
  float: left;
  height: 500px;
  width: 500px;
  text-align: center;
  margin-left: 40px;
}
.sup-top-right img{
  margin-top: 25px;
  width: 700px;
  pointer-events: none;
  border-radius: 3px;
  transform: scale(0.9) translateX(-25px) translateY(-30px) perspective(3090px) rotateY(-29deg) rotateX(2deg) rotate(1deg);
  box-shadow: 1px 1px 5px 0 rgba(26,26,67,.05), 20px 32.5px 55px -25px rgba(50,50,93,.5);
}
.sup-title-top{
  font-weight: 500;
  color: #fff;
  font-size: 44px;
  line-height: 1.25;
  padding-top: 20px;
  padding-bottom: 30px;
}
.sup-message-top{
  font-size: 22px;
  color: rgba(255, 255, 255, 0.8);
  padding-bottom: 60px;
  line-height: 1.35;
}
a.sup-contant-us{
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  background: #ffab40;
  padding: 12px 50px;
  box-shadow: 0 4px 6px rgba(50,50,50,.1), 0 1px 3px rgba(0,0,0,.1);
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
  justify-content: center;
  -webkit-box-pack: center;
  text-transform: uppercase;
  transition: all .15s ease;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
}
a.sup-contant-us:hover{
  background: #ef9b30;
  transform: translateY(-1px)
}
.line-sol{
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #fff;
  height: 500px;
  transform: skewY(-5deg) translateY(76%);
}
.benefits{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 80px 20px 100px 20px;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}
.benefits li{
  flex: 1;
  position: relative;
  flex-basis: 100%;
  max-width: 380px;
  padding: 20px 30px;
}
.bx {
  height: 70px;
}

.bw {
  width: 70px;
}
.bv {
  margin-bottom: 10px;
}
.sud {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 -9px;
  background: #1e88e5;
}
.st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #fff;
}
.bef-title{
  color: #0D47A1;
  line-height: 1.5;
  padding-bottom: 10px;
  letter-spacing: .02em;
  font-weight: 500;
  font-size: 20px;
}
.bef-title-p{
  font-size: 15px;
  color: #636363;
  line-height: 1.6
}
.sup-panel{
  padding: 100px 20px 100px 20px;
}
.bgcolor{
  background: #f5f7f9
}
.sup-pro-title{
  text-align: center;
  font-size: 26px;
  letter-spacing: .02em;
  padding-bottom: 20px;
  color: #FF9100;
}
.sup-pro-detail{
  max-width: 740px;
  text-align: center;
  color: #636363;
  line-height: 1.5;
  font-weight: 500;
  font-size: 18px;
  margin: 0 auto;
  padding: 20px 20px 80px 20px;
}
.sup-zs{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  padding-bottom: 60px;
  align-items: center;
  -webkit-box-align: center;
}
.sup-content-ul{
  max-width: 400px;
  padding: 0;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
.sup-content-ul li{
  padding: 20px;
}
.sup-content-ul .title{
  color: #FF9100;
  letter-spacing: .02em;
  padding-bottom: 15px;
  font-weight: 500;
  font-size: 22px;
}
.sup-content-ul .ck{
  padding-left: 35px;
  color: #636363;
  font-size: 15px;
  line-height: 1.6
}
.sup-images{
  transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
  width: 620px;
  border-radius: 4px;
  box-shadow: 1px 1px 5px 0 rgba(26,26,67,.05), 39px 62.5px 125px -25px rgba(50,50,93,.5)
}
.font-blue{
  color: #0D47A1 !important
}
.sup-images.transform2{
  transform: scale(0.95) perspective(2910px) rotateY(20deg) rotateX(5deg) rotate(-1deg);
}
.sup-pt{
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  align-items: center;
  -webkit-box-align: center;
  justify-content: center;
  -webkit-box-pack: center;
  height: 128px;
}
.pt-bar{
  width: 944px;
  height: 248px;
  overflow: hidden;
}
.sup-bt{
  padding-top: 60px;
  text-align: center;
  padding-bottom: 120px;
}
.sup-bt span{
  margin-right: 40px;
  font-size: 26px;
  color: #FF9100
}
.supbg{
  background: url(../img/sup/sup.png) no-repeat left 100px bottom 160px;
  background-size:1000px; 
}
.modal-small .modal-dialog{
  width: 300px
}
#saishitixing .modal-body {
  height: 200px;
}
#saishitixing .modal-body img{
  margin-top: 40px;
}
#saishitixing .modal-body p{
  margin-top: 10px;
  text-align: center;
  color: #777;
  font-size: 15px;
}
#ss-err-msg{
  display: none;
  color: red;
  border-radius: 4px;
  background: #ffe7e7;
  padding: 5px 10px;
  margin-bottom: 10px;
}
/*aboutus*/
.us-panel .mw-left-bar ul li.active a{
  background: #fff8e5;
  border-color: #fc0;
}
.aboutus-bar{
  padding: 20px;
  margin-bottom: 40px;
}
.aboutus-bar p{
  font-size: 14px;
  color: #333333;
  line-height: 21px;
  margin-bottom: 30px;
}
.aboutus-bar h4{
  font-size: 16px;
  font-weight: bold;
  color: #222;
  margin-bottom: 15px;
}
.delete-modal-body{
  padding: 0 15px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #888
}
.no-notice{
  margin-top: 100px;
  text-align: center;
}
.lessons-list-div{
  float: left;
  width: 270px;
  min-height: 1px;
  margin-left: 20px;
  margin-bottom: 30px;
  height: 240px;
}
.lessons-cover-img{
  border: 3px solid #fff;
  border-radius: 3px;
  overflow: hidden;
  transition: .2s;
  background: #fff;
}
.lessons-list-div:hover .lessons-cover-img{
  box-shadow: 5px 4px 10px rgba(0,0,0,.15);
}
.lessons-cover-img img{
  width: 100%;
  height: 170px;
  border-radius: 3px;
}
.lessons-list-title{
  font-size: 16px;
  margin-top: 5px;
}
.lessons-list-div:hover .lessons-list-title{
  color: #de7d00
}
.lessons-list-views{
  font-size: 12px;
  color: #888;
}
.xu-video-bar{
  position: relative;
  float: left;
  width: 800px;
}
.xu-video-other{
  float: left;
  margin-left: 20px;
  width: 340px;
}
.lessons-right-bar{
  padding: 20px;
  line-height: 24px;
  background: #FFF;
  border-radius: 8px;
}
.lessons-right-bar.lessons-abstract{
  height: 200px;
  margin-bottom: 16px;
}
.lessons-right-bar.lessons-message{
  height: 311px;
}
.lessons-message-bar{
  margin-bottom: 18px;
}
.lessons-message-bar p{
  color: #777;
  margin-top: 4px;
}
.lesson-content-panel{
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 30px;
}
.lessons-title{
  background: #fff;
  border-radius: 6px 6px 0 0;
  margin-bottom: 1px;
  font-size: 18px;
  padding: 13px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
}
.lessons-video-bar{
  background: #fff;
  border-radius: 0 0 6px 6px;
  height: 480px;
  position: relative;
}
.lessons-video-bar video{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.weixin-bar{
  display: none;
  width: 140px;
  height: 140px;
  border:4px solid #fff;
  position: absolute;
  left: -34px;
  bottom: 100%;
  z-index: 99;
  box-shadow: 2px 2px 4px rgba(0,0,0,.1)
}
.weixin-bar img{
  width: 100%;
  height: 100%;
}
.fx-span-bar a.i-wx{
  position: relative;
}
.fx-span-bar a.i-wx:hover .weixin-bar{
  display: block;
}
#video-icon-stop{display:none}
.xu-follow-bar li{
  float: left;
  width: 20%;
  padding:0 10px;
  margin-bottom: 15px;
}
.userfoll{
  height: 76px;
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  box-shadow: 2px 2px 5px rgba(0,0,0,.1)
}
.addfollow-btn{
  padding: 3px 10px;
  border: 1px solid #999;
  border-radius: 2px;
  color: #999;
  font-size: 12px;
}
.addfollow-btn:hover{
  color: #333;
  border-color: #333;
}
#tip_works{
  cursor: pointer;
  color: #999;
}
#tip_works:hover{
  color: #888
}
#tip_user{
  position: absolute;
  top: 61px;
  right: 89px;
  color: #fff;
  display: none;
  cursor: pointer;
}
.usermsg-bar:hover #tip_user{
  display: inline-block;
}
.do-this-job a.check-job.only{
  background: #c5c5c5;
  box-shadow: 0 6px #9c9c9c;
  cursor: not-allowed;
}
.do-this-job a.check-job.only:hover{
  background: #c5c5c5;
  box-shadow: 0 6px #9c9c9c;
  top: 0
}
@keyframes Bubbles {
  0% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes topBubbles {
  0% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    
    transform: scale(1);
  }
}

.red{
  color: red !important
}
.usertip-btn{
  color: #fff;
  position: absolute;
  display: none;
  right: 10px;
  top: 60px;
  cursor: pointer;
}
.usermsg-bar:hover .usertip-btn{
  display: block;
}
.tipwork-btn{
  display: none;
  cursor: pointer;
}
.wroks-content-panel:hover .tipwork-btn{
  display: inline-block;
}
.index-school-a{
  display: inline-block;
  margin: 0 15px 15px 0;
  border: 1px solid #1E88E5;
  color: #1E88E5;
  padding: 6px 15px;
  background: #fff;
}
.news-content{
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news-list:hover{
  background: #f1f1f1
}
#news-panel h3{
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.text-news{
  max-width: 1100px;
  text-indent: 2em;
  font-size: 15px;
  line-height: 25px;
  color: #444;
  padding: 15px 10px;
  margin: 0 auto;
}
.img-news{
  display: block;
  max-width: 1050px;
  margin: 15px auto;
}
.yanzhengma{
  float: left;
  width: 50%;
}

.yanzhengmacanvas{
  float:right;
  display: inline-block;
  border:1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}