@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1471400311_0118637.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1471400311_0118637.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1471400311_0118637.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1471400311_0118637.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1471400311_0118637.svg#iconfont') format('svg'); /* iOS 4.1- */
}                                                           
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-unie61d:before { content: "\e600"; }
.icon-qq:before { content: "\e601"; }
.icon-weixin:before { content: "\e602"; }

/*css init*/
html,body {
    background: #f0f0f1;
    font-family: "Microsoft Yahei","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { 
    margin:0;
    padding:0; 
}
h1, h2, h3, h4, h5, h6{ 
    font-size:100%;
}
address, cite, dfn, em, var { 
    font-style:normal;
}
code, kbd, pre, samp { 
    font-family:couriernew, courier, monospace; 
}
small{ 
    font-size:12px; 
}
ul, ol { 
    list-style:none; 
}
a:hover,a:active,a:link,a:visited {
    color:#18cdca;
    text-decoration: none;
    font-weight: normal;
}
sup { 
    vertical-align:text-top;
}
sub{ 
    vertical-align:text-bottom;
}
legend { 
    color:#000;
}
fieldset, img { 
    border:0;
}
button, input, select, textarea { 
    font-size:100%;
}
table {
    border-collapse:collapse; 
    border-spacing:0;
}
.glyphicon {
    margin-right:5px;
}
.common-code-wrap {
    display: none;
}
/*header*/
.header {
    background: #fff;
}
.header .wrap,.footer .wrap,.container-wrap {
    margin:0 auto;
    max-width: 1180px;
}
.header .sub-menu {
    background: #f0f0f1;
    height:30px;
    line-height:30px;
}
.header .sub-menu .cyfeng-logo {
    height:30px;
    margin-left: -17px;
}
.header .sub-menu a,.header .sub-menu a:hover,.header .sub-menu a:active,.header .sub-menu a:link,.header .sub-menu a:visited { 
    color:#999;
}
.header .sub-menu a:hover {
    text-decoration: underline;
}
.header .sub-menu .pull-right {
    margin-left: 10px;
}
.header .sub-menu a.login {
    font-weight: bold;
}
.header .sub-menu a.login-active {
    max-width:150px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.header .sub-menu a.signup {
    background: #18cdca;
    padding: 0px 20px;
    color:#fff;
}
.header .logo-search {
    padding-top:20px;
}
.header .logo-search .logo{
    width:150px;
}
.header .logo-search form {
    padding:10px 0px 0px 28%;
    color:#666;
}
.header .logo-search .search-input {
    height:35px;
    line-height:35px;
    outline:0px solid rgba(0,0,0,0);
    border:1px solid #d0d0d0;
    width: 50%;
    padding-left:10px;
    font-size:16px;
}
.header .logo-search .search-input:focus {
    border:1px solid #18cdca;    
}
.header .logo-search .search-btn {
    height:35px;
    line-height:33px;
    background: #18cdca;
    width:10%;
    text-align: center;
    border:1px solid #18cdca;
    font-size: 16px;
    color:#fff;
    outline:0px solid rgba(0,0,0,0);
}
.header .logo-search .search-btn.active,.header .logo-search .search-btn:hover {
    border:1px solid #10bd98;
    background: #10bd98;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;    
}
.header .main-menu {
    height:35px;
    background: #18cdca;
}
.header .main-menu .nav-navbar li {
    min-width:110px;
    float:left;
    text-align: center;
    font-size:16px;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
}
.header .main-menu .nav-navbar li a {
    padding: 0px 15px;    
    color: #fff;
}
.header .main-menu .nav-navbar li a:focus {
    background:#17B7B4;
}
.header .main-menu .nav-navbar li:hover a,.header .main-menu .nav-navbar li.active a {
    padding: 0px 15px;    
    background: #17B7B4;
    color:#fff;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.header .main-menu .nav-navbar li.publish a  {
    font-size:16px;
    font-weight: bold;
    color:#fff;    
    padding-right: 0px;
}
.header .main-menu.up {
    position:fixed;
    top:0px;
    left:0px;
    width: 100%;
    background: #0906eb;   
    transition-duration: 0.3s;
    transition-timing-function: ease-in;   
    z-index:100;
}
.header .main-menu ul li:nth-child(1),.header .main-menu ul li:nth-child(2),.header .main-menu ul li:nth-child(3),.header .main-menu ul li:nth-child(4),.header .main-menu ul li:nth-child(5) {
    border-right: 1px solid #17B7B4;
}
.header .main-menu.up li a {
    color:#fff;
}
.header .main-menu.up li.publish {
    background:#ff5349;    
}
.header .main-menu.up .nav-navbar li.publish a {
    color:#fff;
    padding-right: 15px;
}
.header .main-menu.up li.publish:hover a {
    background: #18cdca;
}
.header .main-menu.up .nav-navbar li:focus  {
    background: #18cdca;
}
/*footer*/
.footer {
    position: relative;
    width:100%;
    border-top:1px solid rgba(165,165,165,0.5);
    background: #222D3C;
    min-width:1180px;
}
.footer .container {
    width:1180px;
    margin: 0 auto;
    padding: 0px;
    color:#999;
}
.footer .container .link {
    margin-top:15px;
    border-radius: 5px;
    padding:10px;
    background: #262B2F;
    box-shadow: 0px 0px 1px rgba(165,165,165,0.5);
}
.footer .container .link a {
    margin: 0px 8px;
    color:#999;
    text-decoration: none;
}
.footer a:hover,.footer a:active,.footer a:link,.footer a:visited {
    color:#999;
}
.footer .container .link a:hover {
    color:#fafafa;
}
.footer .container .content{
    padding-top: 25px;
    padding-bottom: 10px;
}
.footer .container .center {
    width: 400px;
    margin: 0 auto;
}
.footer .container .left {
    float: left;
    padding-top:30px;
    margin-right:38px;
}
.footer .container .left dt{
    height: 30px;
}
.footer .container .right dt{
    height: 30px;
    text-align: right;
}
.footer .container .left a{
    font-size: 15px;
    color:#999;
    text-decoration: none;
    outline: 0px;
}
.footer .container .right a{
    font-size: 15px;
    color:#999;
    text-align: right;
    text-decoration: none;
    outline: 0px;
}
.footer .container .right {
    float: right;
    padding-top:30px;
}
.footer .container .center .qrcode {
    text-align: center;
}
.footer .container .center .qrcode-text {
    padding-top:15px;
    height: 50px;
}
.footer .container .center .qrcode-text span {
    text-align: center;
    display: block;
    width: 200px;
    float: left;
}
.footer .container .center .qrcode img {
    width: 138px;
    padding: 3px;
    border-radius: 3px;
    background: #fff;
}
.footer .container .center .qrcode .app-qrcode {
    margin-right: 32px;
    padding:3px;
}
.footer .container .center .wechat-qrcode {
    margin-left: 32px;
    padding:0px;
}
.footer .container .site-info {
    border-top:1px dashed rgba(165,165,165,0.5);
    padding:15px 0px;
}
.footer .container .site-info p {
    text-align: center;
    color:#999;
    font-size: 14px;
    margin-top:5px;
}
/*browser-update-hint*/
.browser-update-hint {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    background: #27303F;
    z-index:100;
    text-align: center;
    color:#fff;
}
.browser-update-hint .logo {
    margin-top: 5%;
    width:200px;
}
.browser-update-hint p {
    display: block;
    width:600px;
    margin: 0 auto;
    text-align: left;
    padding: 5px 0px;
    font-size: 16px;
}
.browser-update-hint .text {
    font-size:35px;    
    border-bottom: 2px solid #fff;   
    margin-bottom: 10px;
}
.browser-update-hint p .cyf-btn {
    border:1px solid #fff;
    padding: 3px 10px;
    margin: 5px 0px 0px 10px;
    color:#fff;
}
/*右下角小工具*/
.right-bottom-tool-wrap {
    position:fixed;
    z-index: 10;
    right: 30px;
    bottom: 50px;    
}
.right-bottom-tool-wrap .tool {
    background: #fff;
    width: 40px;
    height: 40px;
    box-shadow: 0px 0px 3px rgba(38,43,47,0.5);
    text-align: center;
    line-height: 45px;
    cursor: pointer;    
}
.right-bottom-tool-wrap .tool.up-to-top {
    display:none;
}
.right-bottom-tool-wrap .tool i {
    font-size: 20px;
    margin-right: 0px;
}
.right-bottom-tool-wrap .tool:hover {
    color:#fff;
    transition-duration: 0.3s;
    transition-timing-function: ease-in; 
}
.right-bottom-tool-wrap .tool.qrcode:hover {
    background:#F0586C;
}
.right-bottom-tool-wrap .tool.up-to-top:hover {
    background:#04A5DE;
}
.right-bottom-tool-wrap .tool.active-feedback:hover {
    background:#EE7514;
}
.right-bottom-tool-wrap .tool.publish:hover {
    background:#18cdca;
}
.page-mask {
    position: fixed;
    z-index: 20;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background: rgba(222, 224, 229,0.5);
    display: none;
    text-align:center;    
}
/*qrcode*/
.current-page-link-qrcode-wrap {
    position:fixed;
    z-index: 21;
    top:50%;
    left:50%;
    width:200px;
    height: 250px;
    margin: -125px -100px;
    background: #FFF;
    box-shadow: 0px 0px 2px #fafafa;
    border-top:5px solid #F0586C;
    padding: 20px 20px 0px;
    display: none;
}
.current-page-link-qrcode-wrap .qrcode {
    margin: 0 auto;
}
.current-page-link-qrcode-wrap .text {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color:#27303F;
}
.current-page-link-qrcode-wrap .close {
    position: absolute;
    right: 0px;
    bottom:0px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}
/*feedback form*/
.feedback-form-wrap {
    position: fixed;
    z-index: 9001;
    width:600px;
    height:310px;
    top:50%;
    left:50%;
    margin: -155px -300px;
    background: #fff;
    border:2px solid #0A97C5;
    border-radius: 3px;
    display: none;
}
.feedback-form-wrap .feedback-form-title {
    position: relative;
    top:0px;
    left:0px;
    width: 100%;
    height:38px;
    line-height: 38px;
    color:#fff;
    padding-left:15px;
    font-size: 18px;
    background: #0A97C5;
}
.feedback-form-wrap .feedback-form-title .feedback-form-close {
    position: absolute;
    top:0px;
    right:0px;
    width: 38px;
    height: 38px;
    color:#666;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}
.feedback-form-wrap .feedback-form-title .feedback-form-close:hover {
    color: #fff;
}
.feedback-form-wrap .feedback-form,.feedback-form-wrap .feedback-success,.feedback-form-wrap .feedback-error {
    position:relative;
    padding: 20px;
}
.feedback-form-wrap .feedback-form .feedback-form-type-wrap,.feedback-form-wrap .feedback-form .feedback-form-content-wrap,.feedback-form-wrap .feedback-form .feedback-form-eamil-wrap {
    margin-bottom: 6px;
}
.feedback-form-wrap .feedback-form .feedback-form-email {
    height: 30px;
    line-height: 30px;
}
.feedback-form-wrap .feedback-form .feedback-form-submit {
    padding-top: 20px;
}
.feedback-form-wrap .feedback-form .feedback-form-submit .feedback-btn {
    margin: 0 auto;
    text-align: center;
    width: 80px;
    height:40px;
    line-height: 40px;
    background: #999999;
    cursor: not-allowed;
    color:#fff;
    font-weight:bold;
}
.feedback-form-wrap .feedback-form label {
    color:#666;
}
.feedback-form-wrap .feedback-success {
    display: none;
}
.feedback-form-wrap .feedback-success p {
    color:#597a96;
    font-size:16px;
    line-height:30px;
    padding:0px 10px;
}
.feedback-form-wrap .feedback-error {
    display: none;
}
/*hint app download*/
.app-download-banner-wrap {
    position: fixed;
    z-index: 22;
    bottom:0px;
    left:0px;
    width: 100%;
    height:128px;
    background: #fff;
    border-top:4px solid #18cdca;
    display:none;
}
.app-download-banner-wrap .close-btn {
    display: inline-block;
    float: left;
    cursor: pointer;
    width: 40px;
    padding: 5px;
}
.app-download-banner-wrap .close-btn i {
    font-size: 1.25em;
}
.app-download-banner-wrap .close-btn i:hover {
    color:#18cdca;
}
.app-download-banner-wrap .app-download-banner {
    margin: 0 auto;
    max-width: 1180px;
}
.app-download-banner-wrap .app-download-banner .app-qrcode {
    width:128px;
    height:128px;
    margin-top: -64px;
    border:4px solid #18cdca;
}
.app-download-banner-wrap .app-download-banner .login-btn-group {
    padding: 7px 17px 17px 130px;
}
.app-download-banner-wrap .app-download-banner .cyf-btn {
    display: inline-block;
    min-width:120px;
    height:30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    color:#fff;
    background: #0906eb;
    margin-right: 15px;
}
.app-download-banner-wrap .app-download-banner .cyf-btn.weixin {
    background: rgba(0,187,2,1);
}
.app-download-banner-wrap .app-download-banner .cyf-btn.qq {
    background: #ff5349;
}
.app-download-banner-wrap .app-download-banner .cyf-btn:hover {
    background: rgba(79,128,255,0.8);
}
.app-download-banner-wrap .app-download-banner .cyf-btn.weixin:hover {
    background: rgba(0,187,2,0.8);
}
.app-download-banner-wrap .app-download-banner .cyf-btn.qq:hover {
    background: rgba(255,83,73,0.8);
}
.app-download-banner-wrap .app-download-banner .login-btn-group img {
    height:30px;
}
/*error page*/
.container-wrap .error-page {
    width:100%;
    height:500px;
    background-image: url(http://www.cyfeng.com/upload/root/important/pif/pif_error_404.jpg);
    background-position: center -50px;
    background-repeat: no-repeat;
    background-size: 60%;
}
.container-wrap .error-hint {
    position:relative;
    top:335px;
    width: 100%;
    text-align: center;  
    font-size: 16px;
    color: #666;
}
.container-wrap .error-hint p {
    line-height: 35px;
}
.container-wrap .error-hint p .time {
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    margin-right: 5px;
}
.container-wrap .error-hint p .cyf-btn {
    margin: 15px 20px;
    display: inline-block;
    background: #9dbad0;
    min-width: 120px;
    height:35px;
    line-height: 35px;
    color:#fff;
    border:1px solid #9dbad0;
    border-radius: 3px;
}
.container-wrap .error-hint p .cyf-btn.active-feedback {
    background: #fff;
    color:#9dbad0;
}
/*index*/
.container-wrap.index .swiper-container {
    margin-top:20px;
    width: 100%;
    height: 100%;
}
.container-wrap.index .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.container-wrap.index .swiper-pagination-bullet {
    background:#fff;
}
.container-wrap.index .section {
    margin: 20px 0px 0px 0px;
}
.container-wrap.index .section .recent-event,.container-wrap.index .section .recent-publish-event,.container-wrap.index .section .history-event {
    width: 880px;
    background: #fff;
    float: left;
}
.container-wrap.index .section .top-event {
    width:280px;
    margin-left:20px;
    background: #fff;
    float: left;
}
.container-wrap.index .section .box .box-header {
    height:40px;
    border-bottom: 1px solid #eee;  
}
.container-wrap.index .section .box .box-header .title {
    font-size:18px;
    border-bottom: 3px solid #18cdca;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 15px;
    padding:0px 10px;
    color:#333;
}
.container-wrap.index .section .right.box .box-header .title {
    border-bottom: 3px dashed #18cdca;
}
.container-wrap.index .section .right-item-list {
    height:390px;   
    background: #fff;
    padding: 5px 5px 0px;
}
.container-wrap.event-view .main-right .box .right-item-list {
    background: #fff;
    padding: 5px 5px 0px;    
}
.container-wrap.index .section .right-item-list .item,.container-wrap.event-view .main-right .box .right-item-list .item {
    margin-bottom: 5px;
    height:72px;
    width:275px;
    border-right: 3px solid #fff;
}
.container-wrap.index .section .right-item-list .item .img,.container-wrap.event-view .main-right .box .right-item-list .item .img {
    height:72px;
    width:124px;
    vertical-align: top;
    display: inline-block;
    float: left;
}
.container-wrap.index .section .right-item-list .item .title,.container-wrap.event-view .main-right .box .right-item-list .item .title {
    height: 4.5em;
    overflow: hidden;
    padding: 5px 10px;
    color:#666;
}
.container-wrap.index .section .right-item-list .item .title p,.container-wrap.event-view .main-right .box .right-item-list .item .title p {
    height:2.8em;
    overflow: hidden;
}
.container-wrap.index .section .right-item-list .item:hover,.container-wrap.event-view .main-right .box .right-item-list .item:hover {
    border-right: 3px solid #18cdca;
    background: #f0f0f1;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.container-wrap.index .item-list {
    padding: 0px 0px 16px 16px;
    height:390px;
    overflow: hidden;    
}
.container-wrap.index .item-list .item,.container-wrap.search .item-list .item {
    width:270px;
    float: left;
    margin: 16px 16px 0px 0px;
    box-shadow: 0px 0px 3px rgba(210,210,210,0.8);
    padding-bottom:15px;
    border:1px solid #fff;
}
.container-wrap.search .item-list .item {
    width:275px;
    margin: 16px 16px 0px 0px;
}
.container-wrap.index .item-list .item a .img {
    width:268px;
}
.container-wrap.search .item-list .item a .img {
    width:275px;
}
.container-wrap.index .item-list .item a .img-wrap,.container-wrap.search .item-list .item a .img-wrap  {
    width:268px;
    height: 157px;
    overflow: hidden;
}
.container-wrap.search .item-list .item a .img-wrap {
    width:273px;
}
.container-wrap.index .item-list .item p,.container-wrap.search .item-list .item p {
    padding:5px 10px 0px;
}
.container-wrap.index .item-list .item .title,.container-wrap.search .item-list .item .title {
    line-height:1.5em;
    height:3.5em;
    font-size: 18px;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
}
.container-wrap.index .item-list .item .title a,.container-wrap.index .item-list .item i,.container-wrap.search .item-list .item .title a,.container-wrap.earch .item-list .item i {
    color:#666;
}
.container-wrap.index .item-list .item p.time,.container-wrap.index .item-list .item p.address,.container-wrap.search .item-list .item p.time,.container-wrap.search .item-list .item p.address{
    overflow:hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
}
.container-wrap.index .item-list .item p .pull-right,.container-wrap.search .item-list .item p .pull-right {
    margin-left: 10px;
}
.container-wrap.index .item-list .item .publish-author,.container-wrap.search .item-list .item .publish-author {
    border-top:1px dashed #eee;
    margin-top: 10px;
    padding-top:15px;
}
.container-wrap.index .item-list .item .publish-author .avatar,.container-wrap.search .item-list .item .publish-author .avatar {
    width:45px;
    height: 45px;
    border-radius: 5px;
}
.container-wrap.index .item-list .item:hover,.container-wrap.search .item-list .item:hover {
    border:1px solid #18cdca;
    box-shadow: 0px 2px 5px #eee;
    transform: translateY(-10px);
    transition-duration: 0.3s;
    transition-timing-function: ease-in;    
}
.container-wrap.index .item-list .item:hover .img,.container-wrap.search .item-list .item:hover .img {
    transform: scale(1.1);   
}
.container-wrap.index .item-list .item:hover p.title a,.container-wrap.search .item-list .item:hover p.title a {
    color:#18cdca;
}
.container-wrap.index .section.history {
    margin-bottom: 50px;
}
/*search page*/
.container-wrap.search .not-found-wrap {
    width:100%;
    text-align: center;
    padding:50px 0px;
}
.container-wrap.search .z-box {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
}
.container-wrap.search .z-box-header {
    font-size: 18px;
    color:#18cdca;
    border-bottom: 1px solid #eeeeee;
    padding: 5px 5px 0px;
}
.container-wrap.search .z-box-header span {
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 3px solid #18cdca;
}
.container-wrap.search .z-box-content {
    margin: 0px -10px 0px 6px;
}
/*event index*/
.container-wrap.event-index {
    background: #fff;
    margin: 20px auto 50px;
}
.container-wrap.event-index .select-list {
    padding: 30px 30px 0px;
}
.container-wrap.event-index .select-list dl{
    padding:10px 0px;    
}
.container-wrap.event-index .select-list dl:nth-child(4n+1),.container-wrap.event-index .select-list dl:nth-child(4n+2),.container-wrap.event-index .select-list dl:nth-child(4n+3) {
    border-bottom: 1px dashed #eee;
}
.container-wrap.event-index .select-list dl div {
    margin-left: 65px;
}
.container-wrap.event-index .select-list dt {
    display:inline-block;
    float: left;
    width:60px;
}
.container-wrap.event-index .select-list dd {
    cursor: pointer;
    color:#666;
    display: inline-block;
    padding:1px 5px;
    margin: 0px 5px 8px;
}
.container-wrap.event-index .select-list dd span {
    visibility: hidden;
}
.container-wrap.event-index .select-list dd.active,.container-wrap.event-index .select-list dd:hover {
    background: #18cdca;
    color:#fff;
}
.container-wrap.event-index .select-list dd.active span,.container-wrap.event-index .select-list dd:hover span {
    visibility:visible;
}
.container-wrap.event-index .item-list {
    padding:0px 0px 16px 16px;
}
/*event view*/
.container-wrap.event-view {
    margin: 20px auto 50px;
}
.container-wrap.event-view .main-top {
    background:#fff;
    margin-bottom: 20px;
    padding:10px;
}
.container-wrap.event-view .main-top .img {
    width:580px;
    height:337px;
    overflow: hidden;
    display: inline-block;
    float: left;
}
.container-wrap.event-view .main-top .info {
    padding-left: 600px;
    line-height: 1.75em;
}
.container-wrap.event-view .main-top .info .title {
    font-size:18px;
    color: #333;
    line-height: 1.5em;
    height:3em;
    overflow: hidden;
    font-weight:500;
}
.container-wrap.event-view .main-top .info p {
    color:#666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.container-wrap.event-view .main-top .info p a,.container-wrap.event-view .main-left p.group-btn a {
    color:#666;
}
.container-wrap.event-view .main-top .info p.group-btn,.container-wrap.event-view .main-left p.group-btn {
    padding: 10px 0px;
    height: 60px;
}
.container-wrap.event-view .main-top .info p.group-btn .cyf-btn,.container-wrap.event-view .main-left p.group-btn .cyf-btn {
    display: inline-block;
    border:1px solid #d0d0d0;
    min-width: 100px;
    text-align: center;
    height:40px;
    line-height:40px;
    font-size: 15px;
    margin-right:10px;
}
.container-wrap.event-view .main-top .info p.group-btn .cyf-btn:hover,.container-wrap.event-view .main-left p.group-btn .cyf-btn:hover {
    border:1px solid #18cdca;    
    background: #18cdca;  
    color:#fff;
    box-shadow: 0px 2px 5px #eee;
}
.container-wrap.event-view .main-top .info p.group-btn .cyf-btn:hover i,.container-wrap.event-view .main-top .info p.group-btn .cyf-btn i.active,.container-wrap.event-view .main-left p.group-btn .cyf-btn:hover i,.container-wrap.event-view .main-left p.group-btn .cyf-btn i.active {
    color:#ff5349;
}
.container-wrap.event-view .main-top .info p.group-btn .cyf-btn.signup-btn,.container-wrap.event-view .main-top .info p.group-btn .cyf-btn.forbidden {
    border:1px solid #ff5349;
    background:#ff5349;
    color:#fff;
    font-size: 17px;
}
.container-wrap.event-view .main-top .info p.group-btn .cyf-btn.forbidden {
    cursor: not-allowed;
    color: #333;
    background: #f0f0f0;
    border:1px solid #d0d0d0;
}
.container-wrap.event-view .main-top .info p.group-btn .cyf-btn.signup-btn:hover {
    background: rgba(255, 83, 73,.8);
}
.container-wrap.event-view .main-left {
    width:880px;
    float: left;
}
.container-wrap.event-view .main-left .event {
    background: #fff;
    padding: 10px;
}
.container-wrap.event-view .main-left .event .box {
    margin-top:35px;
}
.container-wrap.event-view .main-left .event .box .box-header {
    
}
.container-wrap.event-view .main-left .event .box .box-header .title-wrap,.container-wrap.event-view .main-left .event .box .box-header .title {
    width: 180px;
    height:40px;
    line-height: 40px;
    background:#ff5349;
    margin: 15px auto;
    font-size:18px;
    color:#fff;
    text-align: center;
}
.container-wrap.event-view .main-left .event .box .box-header .title {
    transform: translate(-7px,-7px);
    background:#0906eb;
}
.container-wrap.event-view .main-left .event .box .box-body {
   padding:5px 10px;
   line-height: 1.75em;
   color:#333;
}
.container-wrap.event-view .main-left .event .box .box-body .contact {
    line-height: 2em;
}
.container-wrap.event-view .main-left .event .box .box-body .contact span {
    margin:0px 10px;
}
.container-wrap.event-view .main-left .event .box .box-body .ticket,.container-wrap.event-view .main-left .event .box .box-body .guest,.container-wrap.event-view .main-left .event .box .box-body .project {
    width:260px;
    float: left;
    border:1px solid #d0d0d0;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
    min-height: 120px;
}
.container-wrap.event-view .main-left .event .box .box-body .ticket:hover {
    background: #18cdca;
    color:#eee;
    border:1px solid #18cdca;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.container-wrap.event-view .main-left .event .box .box-body .ticket:hover .price {
    color:#fff;
    font-size: 1.8em;
}
.container-wrap.event-view .main-left .event .box .box-body .ticket .price {
    font-size: 1.6em;
}
.container-wrap.event-view .main-left .event .box .box-body .guest {
    text-align: center;
    border-radius: 0px;
    padding:0px;
    background: #18cdca;
}
.container-wrap.event-view .main-left .event .box .box-body .investor {
    width:200px;
    margin: 5px;
    float: left;
    text-align: center;
    border-radius: 0px;
    padding:0px;    
    background: #fff;
    border:1px solid #fff;
}
.container-wrap.event-view .main-left .event .box .box-body .guest .bottom {
    background: #fff;
    padding: 10px;
    color:#333;
}
.container-wrap.event-view .main-left .event .box .box-body .guest .bottom .name {
    font-size: 16px;
}
.container-wrap.event-view .main-left .event .box .box-body .guest .bottom .desc {
    height:7em;
    overflow: hidden;
}
.container-wrap.event-view .main-left .event .box .box-body .guest .img,.container-wrap.event-view .main-left .event .box .box-body .investor .img {
    margin: 15px 0px;
    width:80px;
    height:80px;
    border-radius: 50px;
}
.container-wrap.event-view .main-left .event .box .box-body .guest:hover {
    border:1px solid #18cdca;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.container-wrap.event-view .main-left .event .box .box-body .guest:hover .img {
    border:5px solid rgba(255,255,255,0.8);
}
.container-wrap.event-view .main-left .event .box .box-body .cooperate {
    width: 200px;
    height:80px;
    overflow: hidden;
    background: #4f80e1;
    float: left;
    margin: 5px 5px;
    color:#fff;
    text-align: center;
    line-height: 1.75em;
    font-size: 16px;
}
.container-wrap.event-view .main-left .event .box .box-body .project {
    padding: 0px;
    height: 430px;
    overflow: hidden;    
}
.container-wrap.event-view .main-left .event .box .box-body .project .img {
    width:258px;
    height: 150px;
    overflow: hidden;
}
.container-wrap.event-view .main-left .event .box .box-body .project .bottom {
    padding: 10px;
}
.container-wrap.event-view .main-left .event .box .box-body .project .name {
    font-size: 16px;
    line-height: 1.5em;
}
.container-wrap.event-view .main-left .event .box .box-body .project:hover {
    border: 1px solid #18cdca;
    box-shadow: 0px 3px 3px rgba(24, 205, 202,.5);;
    transform: translateY(-10px);
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}
.container-wrap.event-view .main-left .event .box .box-body .cooperate:hover {
    background: #0906eb;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;    
}
.container-wrap.event-view .main-left .event .box .box-body .cooperate .img {
    width: 200px;
    height: 80px;
    overflow: hidden;
}
.container-wrap.event-view .main-left .signup-wrap .signup-btn-wrap {
    width:250px;
    height:55px;
    margin:25px auto;
    background:#18cdca;
}
.container-wrap.event-view .main-left .signup-wrap .signup-btn-wrap .signup-btn,.container-wrap.event-view .main-left .signup-wrap .signup-btn-wrap .forbidden {
    height:55px;
    display: block;
    background: #ff5349;
    transform: translate(-8px,-8px);
    text-align: center;
    line-height:55px;
    color:#fff;
    font-size:18px;
}
.container-wrap.event-view .main-left .signup-wrap .signup-btn-wrap .forbidden {
    background: #f0f0f0;
    cursor: not-allowed;
    color:#333;
}
.container-wrap.event-view .main-left .signup-wrap .signup-btn-wrap .signup-btn:hover {
    background: rgba(255, 83, 73,.8);
}
.container-wrap.event-view .main-left .tag {
    margin-left:10px;
}
.container-wrap.event-view .main-left .tag:hover {
    text-decoration: underline;
    color: #18cdca;
}
.container-wrap.event-view .main-right {
    width:280px;
    margin-left: 20px;
    float: left;
}
.container-wrap.event-view .main-right .box,.container-wrap.event-view .main-left .active-user.box,.container-wrap.event-view .main-left .event-comment.box  {
    background:#fff;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.container-wrap.event-view .main-left .active-user.box,.container-wrap.event-view .main-left .event-comment.box {
    margin:20px 0px 0px;
}
.container-wrap.event-view .main-right .box .box-header,.container-wrap.event-view .main-left .active-user.box .box-header,.container-wrap.event-view .main-left .event-comment.box .box-header {
    height:40px;
    border-bottom: 1px solid #eee;  
}
.container-wrap.event-view .main-right .box .box-header .title,.container-wrap.event-view .main-left .active-user.box .box-header .title,.container-wrap.event-view .main-left .event-comment.box .box-header .title {
    font-size:18px;
    border-bottom: 3px dashed #18cdca;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 15px;
    padding:0px 10px;
    color:#333;
}
.container-wrap.event-view .main-left .active-user.box .box-header .title,.container-wrap.event-view .main-left .event-comment.box .box-header .title {
    border-bottom: 3px solid #18cdca;
}
.container-wrap.event-view .main-left .active-user.box .box-body,.container-wrap.event-view .main-left .event-comment.box .box-body {
    padding: 10px 20px;
}
.container-wrap.event-view .main-left .active-user.box .user {
    width:130px;
    margin: 5px;
    float: left;
    text-align: center;
}
/*评论模块*/
.comment-box .comment-form .comment-content {
    width:100%;
    margin: 0px;
    padding: 5px;
    border: 1px solid #d0d0d0;
    outline: 0px solid rgba(0,0,0,0);
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.comment-box .comment-form .comment-btn-wrap {
    height:35px;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
}
.comment-box .comment-form .comment-btn {
    display: block;
    width: 150px;
    background: #d0d0d0;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    color:#555;
    position: absolute;
    right:0px;
    top:0px;
    cursor: not-allowed;
}
.comment-box .comment-form .comment-btn.active {
    background: #18cdca;
    color:#fff;
    cursor:pointer;
}
.comment-box .comment-form .comment-btn-wrap .cyf-btn {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    color:#4f80e1;
}
.comment-box .comment-form .comment-btn-wrap .cyf-btn.weixin:hover {
    color:#10bd98;
}
.comment-box .comment-form .comment-btn-wrap .cyf-btn.qq:hover {
    color:#F0586C;
}
.comment-box .comment-list-wrap .comment-hint {
    padding: 2em 0px;
    text-align: center;
    color:#999;
    font-size: 16px;
}
.comment-box .comment-list-wrap .comment-hint i {
    font-size:35px;
}
.comment-box .comment-list-wrap .comment-list .item {
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    color:#666;
}
.comment-box .comment-list-wrap .comment-list .item .sub-comment-list-wrap .item {
    border-top:1px solid #eee;
    border-bottom: 0px solid rgba(0,0,0,0);
}
.comment-box .comment-list-wrap .comment-list .item .img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: block;
    float: left;
}
.comment-box .comment-list-wrap .comment-list .item .right {
    padding-left: 75px;
}
.comment-box .comment-list-wrap .comment-list .item .right p.nickname-addtime {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.comment-box .comment-list-wrap .comment-list .item .right p.content {
    padding: 10px 0px;
    line-height: 1.5em;
}
.comment-box .comment-list-wrap .comment-list .item .right p.btn-group,.comment-box .comment-list-wrap .comment-list .item .right p.confirm-cancel-btn {
    text-align: right;
    display: block;
    padding:5px 0px 15px;
}
.comment-box .comment-list-wrap .comment-list .item .right .cyf-btn {
    display: inline-block;
    color:#666;
    margin-left: 25px;
    min-width: 50px;
    text-align: left;
}
.comment-box .comment-list-wrap .comment-list .item .right .cyf-btn:hover,.comment-box .comment-list-wrap .comment-list .item .right .comment-like-btn i.active{
    color: #18cdca;
}
.comment-box .comment-list-wrap .comment-list .item .right .reply-form {
    display: none;
}
.comment-box .comment-list-wrap .comment-list .item .right .reply-form .reply-content {
    width:100%;
    padding:10px;
}
.comment-box .comment-list-wrap .comment-list .item .right .confirm-cancel-btn .cyf-btn {
    border:1px solid #18cdca;
    padding: 1px 8px;
    border-radius: 3px;
    color: #18cdca
}
.comment-box .comment-list-wrap .comment-list .item .right .confirm-cancel-btn .confirm {
    border:1px solid #18cdca;
    background: #18cdca;
    color:#fff;
}
.container-wrap.event-view .main-left .active-user.box .user .img {
    width:60px;
    height:60px;
    border-radius: 30px;
    margin: 10px 0px; 
}
.container-wrap.event-view .main-left .active-user.box .user p {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: 2px 5px;
}
.container-wrap.event-view .main-right .box.menu-list .box-body a {
    display: block;
    border-right: 3px solid #fff;
    padding: 8px 10px;
    color: #666;
    text-align: center;
    border-bottom: 1px dashed #eee;
    height:37px;
}
.container-wrap.event-view .main-right .menu-list.up {
    position: fixed;
    top:60px;
    width:280px;
    z-index:10;
}
.container-wrap.event-view .main-right .box.menu-list .box-body a:hover {
    background: #f0f0f1;
    border-right: 3px solid #18cdca;
    font-size:16px;
    color:#18cdca;
}
.container-wrap.event-view .main-right .box.qrcode .box-body {
    text-align: center;
    font-size:16px;
    padding-bottom: 15px;
}
#pageQrcode1 {
    margin: 10px auto;
    width:160px;
    height:160px;
}
/*活动报名表单*/
.event-signup-form {
    position:absolute;
    top:150px;
    z-index: 22;
    background: #fff;
    width:500px;
    left:50%;
    margin-left: -250px;
    min-height: 600px;
    border:2px solid #4f80e1;
    display:none;
}
.event-signup-form .box-header {
    height:40px;
    line-height: 40px;
    font-size: 18px;
    color:#fff;
    background: #4f80e1;
    padding-left: 15px;
}
.event-signup-form .box-content {
    padding:10px;
}
.event-signup-form .box-content label {
    border-left:3px solid #18cdca;
    padding-left: 5px;
    color:#333;
    font-size: 15px;
    display: block;
}
.event-signup-form .box-content .ticket {
    position: relative;
    border:1px solid #eee;
    width:109px;
    margin: 5px;
    float: left;
    height:3.5em;
    cursor: pointer;
    color:#666;
    border-radius: 3px; 
}
.event-signup-form .box-content .ticket.active,.event-signup-form .box-content .ticket:hover {
    border:1px solid #18cdca;
}
.event-signup-form .box-content .ticket:hover .price {
    color:#18cdca;  
}
.event-signup-form .box-content .ticket .type {
    padding:5px;
    height:3.5em;
}
.event-signup-form .box-content .ticket .active-select {
    position: absolute;
    top:0px;
    width:100%;
    text-align: center;
    line-height:3.5em;
    color:#18cdca;   
    display: none;
}
.event-signup-form .box-content .ticket:hover .active-select,.event-signup-form .box-content .ticket.active .active-select {
    display: block;
}
.event-signup-form .box-content .input-wrap {
    padding-bottom: 10px;
}
.event-signup-form .box-content .input-wrap .text-input {
    width:70%;
    height: 38px;
    border-radius:3px;
    border:1px solid #d0d0d0;
    padding-left: 5px;
    font-size: 16px;
}
.event-signup-form .box-content .input-wrap .text-input.bill {
    width:20px;
    height: 20px;
    margin: 0px 5px 0px 15px;
    vertical-align: bottom;
}
.event-signup-form .box-content .bill-form {
    display:none;
}
.event-signup-form .box-content .submit-btn-wrap {
    padding:30px 10px;
    text-align: center;
}
.event-signup-form .box-content .submit-btn-wrap .submit-btn {
    display: inline-block;
    width:120px;
    height:40px;
    line-height: 40px;
    background:#eee;
    color:#999;
    font-size:18px;
    cursor:not-allowed;
}
.event-signup-form .box-content .submit-btn-wrap .submit-btn.active {
    background: #ff5349;
    color:#fff;
    cursor: pointer;
}
/*toast*/
.toast {
    position: fixed;
    top:50%;
    left:50%;
    width:200px;
    height:200px;
    margin: -100px -100px;
    background: rgba(39, 48, 63,0.3);
    z-index: 23;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(39, 48, 63,0.3);
    display: none;    
}
.toast .toast-header {
    height:40px;
    line-height:40px;
    color:#fff;
    text-align: center;
    font-size: 16px;
    background: rgba(39, 48, 63,0.4);
}
.toast .toast-header i {
    position: absolute;
    right:0px;
    top:5px;
    cursor:pointer;
}
.toast .toast-content {
    color:#fff;
    text-align: center;
    font-size: 14px;
    padding: 30px 10px;
}
/*link-pager*/
.container-wrap .link-pager {
    margin: 0 auto;
    text-align: center;
}
.container-wrap .link-pager li a,.container-wrap .link-pager li span {
    margin: 0px 5px;
    height: 30px;
    border-radius: 3px;
    color:#999;
}
.container-wrap .link-pager li a:hover {
    border:1px solid #18cdca;
    background: #fff;
    color:#18cdca;
}
.container-wrap .link-pager li.active a {
    background:#18cdca;
    border:1px solid #18cdca;
    width: 50px;
    color:#fff;
}
.container-wrap .link-pager li.prev a,.container-wrap .link-pager li.next a {
    width: 70px;
    height: 30px;  
}
/*common*/
.rotate360:hover i {
    animation: rotate360 0.3s 1 ease-in; 
    -webkit-animation: rotate360 0.3s 1 ease-in; 
    -o-animation: rotate360 0.3s 1 ease-in; 
    -moz-animation: rotate360 0.3s 1 ease-in; 
    -ms-animation: rotate360 0.3s 1 ease-in;     
}
@keyframes rotate360 {
    0{transform:rotate(72deg)}
    20%{transform:rotate(144deg)}
    40%{transform:rotate(216deg)}
    60%{transform:rotate(288deg)}
    80%{transform:rotate(360deg)}
}
@-moz-keyframes rotate360 {
    0{transform:rotate(72deg)}
    20%{transform:rotate(144deg)}
    40%{transform:rotate(216deg)}
    60%{transform:rotate(288deg)}
    80%{transform:rotate(360deg)}
}
@-webkit-keyframes rotate360 {
    0{transform:rotate(72deg)}
    20%{transform:rotate(144deg)}
    40%{transform:rotate(216deg)}
    60%{transform:rotate(288deg)}
    80%{transform:rotate(360deg)}
}
@-o-keyframes rotate360 {
    0{transform:rotate(72deg)}
    20%{transform:rotate(144deg)}
    40%{transform:rotate(216deg)}
    60%{transform:rotate(288deg)}
    80%{transform:rotate(360deg)}
}
@-ms-keyframes rotate360 {
    0{transform:rotate(72deg)}
    20%{transform:rotate(144deg)}
    40%{transform:rotate(216deg)}
    60%{transform:rotate(288deg)}
    80%{transform:rotate(360deg)}
}