/*除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: 200px;
}

@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;
overflow: hidden;
background-image:url('/img/index/bg-head.png');
background-color: #ffb100;;
}
.xu-index-head.bg2{
background:#ffb100
}
.head-bg1{
position: absolute;
top: 0px;
width: 100vw;
height: 550px;
/* background: -webkit-linear-gradient(90deg, #2196F3, #4ea5f1);
background: -moz-linear-gradient(90deg, #2196F3, #4ea5f1);
background: linear-gradient(90deg, #2196F3, #4ea5f1); */
transform: skewY(-5deg) translateY(-90%);
}

header{
position: relative;
height: 73px;
z-index: 9
}
.head-bg2{
position: absolute;
top: 60px;
width: 1000px;
height: 85px;

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;
}

.homepage-div{
  width: 100%;
  height: 40px;
  background:#f6f6f6;
}

.homepage-topnav{  
  height: 40px;
  line-height:40px;
  width: 1200px;
  min-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  
}


.homepage-topnav a{
  display: inline-block;
  color: #000;
  /* border: 1px dashed #fff; */
  margin-right: 55px;
  font-size: 16px;  
  transition: all .15s ease;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  }
  .homepage-topnav a:hover{
 
  color: #ffb100
  }
  

.xu-logo{
float: left;
margin-top: 18px
}
.head-nav-bar{
float: left;
margin-left: 20px;
margin-top: 22px;
}
.head-nav-bar a{
display: inline-block;
color: #fff;
border-radius: 20px;
font-weight: bold;
/* border: 1px dashed #fff; */
padding: 8px 20px;
font-size: 18px;
margin-left: 20px;
transition: all .15s ease;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
}
.head-nav-bar a:hover{
background: rgba(43,43,43,.25);
color: #fff
}
.head-login-nav{
float: right;
height: 73px;
line-height: 76px;
overflow: hidden;
}
.head-login-nav li{
float: left;
margin-left: 20px;
color: #fff;
}
.head-login-nav li a{
font-size: 18px;
display: inline-block;
color: #fff;
padding-top: 7px;
}
.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: 20px;
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: 4px 18px;
}
.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:2px solid #fff;
width: 904px;
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;
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: 2px solid #03a9f4;
border-radius: 40px;
background: #fff;
margin: 20px auto;
margin-bottom: 20px;

overflow: hidden;
}
.gav-slider-right .user-icon img{
width: 100%;
height: 100%;
}
.gav-slider-right .welcome{
background: rgba(255,255,255,.8);
margin-bottom: 15px;
color: gray;
text-align: center;
}
.carousel-inner .item img{
width: 100%;
height: 315px;
}
.carousel-indicators {
  bottom: 5px;
}
.gav-link-btn{
display: block;
background: #03a9f4;
color: #fff;
width: 200px;
height: 34px;
line-height: 34px;
text-align: center;
border-radius: 60px;
margin: 20px auto;
transition: .2s;
box-shadow: 0 6px #9c9c9c;
}
.gav-link-btn:hover{
color:#fff;
box-shadow: 4px 4px 8px rgba(0,0,0,.12)
}
.gov-link-btn{
display: inline-block;
background: #fff;
color: #03a9f4;
width: 96px;
height: 34px;
line-height: 34px;
text-align: center;
border-radius: 60px;
margin: 0 4px;
transition: .2s;
}
.gov-link-btn:hover{
color:#03a9f4;
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: 20px;
margin-left: 43%;
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 5px; 
background-size: 100%;

}
.index-bar-title.index-title-2{
background-image:url(../img/index/head-title-bg.png); 
background-position: 0px -31px; 
background-size: 100%;
}
.index-bar-title.index-title-3{
background-image:url(../img/index/head-title-bg.png); 
background-position: 0px -68px; 
background-size: 100%;
}
.see-more{
display: block;
float: right;
padding: 5px 13px;
/* border: 1px dashed #888; */
color: #000000;
border-radius: 20px;
margin-right: 20px;
font-size: 16px;
}
.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: 10px;
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;
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: 26px;
height: 26px;
border-radius: 17px;
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: 190px;
bottom: 0;
left: 0;
padding: 40px;
background: #f6f6f6 url(../img/index/footerbg.png) no-repeat top center;
overflow: hidden;
}
.footer-logo{
text-align: center;
margin-top: 35px;
color: #ddd;
font-size: 12px;
}
.footer-logo p{
font-size: 12px !important;
color: #fff
}
.footer-logo a{
display: block;
font-size: 25px;
font-weight: bold;
color: #fff;
margin-bottom: 6px;
text-shadow: 2px 2px 2px rgba(0,0,0,.2)
}
.footer-linker{
float: left;
padding-left: 50px;
overflow: hidden;
margin-left: 50px;
color: #fff;
}
.footer-linker li{
margin-bottom: 10px
}
.footer-linker li a{
color: #ffffff;
}
.footer-linker li a:hover{
text-decoration:underline
}
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;
}
.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/loginbg1.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/regbg2.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: #fff;
}

.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: #fcab01;
font-size: 15px;
color: #fff;
padding: 6px 18px;
border-radius: 2px;
border:2px solid #fff;
}
.btn.btn-login:hover{
  background:#bd8103;

}
.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: 7px;
color: #fff;
letter-spacing: 1px;
outline: 0;
border-radius: 25px;

/* 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:rgba(43,43,43,.25);

}
.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: 180px;
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: rgba(43,43,43,.25);
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-bar>li.active>a:before{
content: "";
height: 70px;
line-height: 90px;
border-bottom: 70px solid rgba(0, 0, 0, .15);
border-right: 16px solid transparent;
position: absolute;
top: -1px;
left: 100%;
}
.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: #ffcc58;
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: #ffb100
}
.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: #fcab01;
}
.user-o-controls button .iconfont{
margin-right: 3px;
}
.user-o-controls button.liked .iconfont{
color: #fcab01;
}
.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: 620px;
}
.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;
word-wrap:break-word;
word-break:break-all;
}
.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 30px;
  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: 30px;

}
.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: 200px;
padding: 15px 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:10px 0;
font-size: 14px;
border-right: 3px solid #fff
}
.mw-left-bar ul li.active a{
background: #fff;
color: #ffb100;
/* border-color: #479fec */
}

.mw-left-bar ul li:hover a{
color: #ffb100
}
.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;
}
.mw-left-bar-li-title{
  color:rgb(102, 102, 102);
  padding:10px 0px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.mw-left-bar-li-title-active{ 
  background-color:  #ffb100;
  color: #fff;
}
.user-notice-list{
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: #ffb100;
color: #fff;
margin-top: -8px;
}
.new-job i{
font-size: 14px;
}
.new-job:hover{
background: #ffbf47;
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;
}
.xu-user-panel span{
max-width: 150px;
vertical-align: middle;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.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: 100px;
height: 100px;
border:10px solid #fff;
position: absolute;
left: -34px;
bottom: 100%;
z-index: 99;
}
.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: #eee;
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;
}

.popover-content{
  background-color: #000;
  color: #fff;
}

.popover-title{
  font-size: 12px !important;
}

.create-nologin-div{ 
 position: absolute;
 right:126px
}

.create-login-div{
  float:right;
  margin-right: 40px;
}

.create-btn{
  font-size:24px;
  font-weight:1000;
  background-color:#ff6701 !important;
  border:none;padding:20px 42px 20px 42px;
  color: #fff !important;
  border-radius: 0px 0px 20px 20px;

}


.create-open{ 
  background-color:#ff6701;
}

.create-dropdown-menu{
  background-color: #ff6701;
  margin: 0px 0px 0px 0px !important;
  border: none;
  border-radius: 0px 0px 15px 15px;
  min-width: 132px;
  padding:5px 0px;
}

.create-dropdown-menu>li>a:hover{
  background-color: #dc5a03 !important;
}

.create-a{
  color: #fff !important;
  text-align: center;
  padding:10px 18px !important;
}

.download-container{
  margin-top:30px;
  width: 100%; 
  background-color: #fff;
  border-radius: 10px ;
  padding: 30px 20px;
}

.download-content{
  color: #b2b2b2;
  font-size: 12px;
  margin-top: 10px;
}

.download-code{
  color: #b2b2b2;
  font-size: 12px;
  margin-top: 5px;
}

.download-btn-div{
  margin-top: 30px;

}

.download-btn{
  background-color:#feb100;
  color: #fff;
  border-radius: 30px;
  padding: 5px 20px;
  margin-right: 15px;
}

.download-btn:hover{
  background-color:#c58b02;
  color: #fff;
}