/**
 * @website www.dayin.la
 * @author Bobby
 * @email 8290615@qq.com
 * @last_modify 2016/05/30
 */
@charset "utf-8";
/*!
Dayinla v0.1
http://www.dayin.la
Date:2016/05/26
*/
/* Dayinla.base 样式模块 */
/*icondyl字体名字*/
@font-face {
  font-family: 'icondyl';
  src: url('//at.alicdn.com/t/font_1472133902_2376614.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1472133902_2376614.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1472133902_2376614.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1472133902_2376614.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1472133902_2376614.svg#icondyl') format('svg'); /* iOS 4.1- */
}
.icondyl {
    font-family: "icondyl";
    font-size: 16px;
    font-style: normal;
}
.fn-left,
.fn-right {
    display:inline;
}
.fn-left {
    float:left;
}
.fn-right {
    float:right;
}
.fn-bold {font-weight: bold;}
.fn-relative {
    position: relative;
}
.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
a:active,
a:hover,
a:focus{
  outline: 0;
  text-decoration: none;
}
a,
.dayin-link {
  color: #444444;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.dayin-link:hover {
  color: #0099ff;
  text-decoration: none;
}
/*Non-responsive Bootstrap*/
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav.navbar-right {
  float: right;
}
/* Dayinla.common 样式模块 */
.dayin-wrapper {background: url(../images/home/bg.jpg) center 100px no-repeat;}
.dayin-container {
    width: 1200px;
    margin:0 auto;
}
.container {width:1220px !important;}
.affix {position:fixed;}
.tt-hint {color: #ccd6dd !important;}
.tt-menu {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    width:366px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top:3px;
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}
.search-spinner {
    position: absolute;
    top: 7px;
    right: 7px;
    display: none;
    width: 28px;
    height: 28px;
}
.dyl-header-search .search-spinner {right:96px;top:2px;}
/* ProfileCard */
.search-item {
    font-family:'microsoft yahei';
    position: relative;
    padding: 8px;
    display: block;
}
.search-item-bottom {padding:8px;}
.search-item-img {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 69px;
    height: 52px;
    border: 2px solid #ccd6dd;
    border-radius: 5px;
}

.search-item:hover .search-item-img {
    border-color: #f5f8fa;
}

.search-item-details {
    min-height: 60px;
    padding-left: 80px;
}

.search-item-title {
    font-weight: 700;
}

.search-item-name {
    font-size:12px;
    padding-left:5px;
    color: #8899a6;
}

.search-item-stats {
    margin-top:14px;
    text-align: right;
}

.search-item-stat {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
}

.search-item-stat-label {
    color: #8899a6;
    font-weight: 500;
    font-size:14px;
}

.search-item-stat + .search-item-stat {
    margin-left: 5px;
}

.search-item:hover,
.search-item.is-active {
    color: #fff;
    background: #55acee;
}

.search-item:hover .search-item-name,
.search-item:hover .search-item-stat-label,
.search-item.is-active .search-item-name,
.search-item.is-active .search-item-stat-label {
    color: #fff;
}
.search-empty {
    position: relative;
    padding: 10px;
    line-height: 30px;
    text-align: center;
}
p {
  margin: 0 0 10px;
}
.model-holder canvas{background-color: #cacaca;}
dl,ul {
    list-style: none;
    padding:0;
    margin:0;
}
em,i{font-style: normal;}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background: #f1f2f3;
}
.fn-hide {
  display: none;
}
.fn-show {
  display: block;
}
.ipt {
    width: 180px;
    height: 25px;
    line-height: 21px;
    padding: 3px 8px 0 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #D4D4D4;
    font-size: 12px;
}

input.ipt:focus {
    background-color: #FAFFBD
}
.clear-input{
    display:inline-block;
    padding:0 10px;
    height:36px;
    font-size:16px;
    line-height:1;
    color:#777;
    background:#FCFCFC;
    border:1px solid #CCC;
    border-radius:3px;
    width:250px;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.05);
    -webkit-transition:color .2s linear,border-color .3s linear
}
.clear-input:focus{
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
    background:#FFF;
    color:#444
}
textarea.clear-input{
    height:auto;
    min-height:78px;
    line-height:1.5;
    padding:5px 10px
}
/*功能类*/
.fn-clear:before,.fn-clear:after{
    display: table; content: " ";
}
.fn-clear:after { 
    clear: both;
}
em {color: #F44336;}
.fn-hidden{
    position:absolute;
    left:-9999px;
    overflow:hidden;
    width:1px;
    height:1px
}
.fn-font-white,a.fn-font-white,a.fn-font-white:hover {color: #fff !important;}
.fn-font-red {color: red;}
.fn-font-blue {color:#0066FF;}
.fn-font-primary,a.fn-font-primary {color:#f4553d !important;}
.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fn-bold {font-weight: bold;}
.fn-mt5 {margin-top: 5px;}
.fn-mt10 {margin-top: 10px !important;}
.fn-mt15 {margin-top: 15px;}
.fn-mt30 {margin-top: 30px;}
.fn-mt20 {margin-top: 20px;}
.fn-ml10 {margin-left: 10px;}
.fn-mb10 {margin-bottom:10px;}
.fn-mb15 {margin-bottom:15px;}
.fn-mb20 {margin-bottom:20px;}
.fn-font12 {font-size: 12px;}
.fn-font14 {font-size: 14px;}
.fn-font16 {font-size: 16px;}
.fn-font18 {font-size: 18px;}
.fn-font20 {font-size: 20px;}
.fn-hint {color: #888;}
.fn-gray {color: #999;}
.fn-w50 {width:50px !important;}
.fn-w80 {width:80px !important;}
.fn-w100 {width:100px;}
.fn-w120 {width:120px;}
.fn-yahei {font-family: '\5FAE\8F6F\96C5\9ED1'}
.fn-cursor-move {cursor: move;}
.fn-cursor-pointer {cursor: pointer;}
.left{float: left;}
.right{float: right;}
.dyl-hint {color: #888;font-size: 12px;margin: 0;}
.dayin-hint {color: #b1b1b1;margin:0;}
.fn-lh30 {line-height: 30px;}
.fn-rmb {
    font-family: arial;
    font-style: normal;
    padding-right: 4px;
    font-weight: 400;
}
.fn-bg-white {background: #fff !important;}
.fn-rmb-num {font-family: verdana,arial;}
.fn-link,a.fn-link {color:#0099ff;}
.fn-link:hover {color: #0080E6;}
.no-padding {padding:0;position: relative;}
.fn-middle {vertical-align: middle!important;}
/*bootstrap*/
.alert-sm {padding:5px 10px;margin:0;}
/*main*/
.dyl-box {
    border: 1px solid #ccc;
    zoom: 1;
    font-size: 14px;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.dyl-box:after ,.dyl-box-head:after{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.dyl-box-head {
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 15px 20px;
    line-height: 34px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background: -o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9);
    zoom: 1;
}

.dyl-box-head .dyl-box-head-title {
    font-size: 18px;
    font-weight: bold;
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

.dyl-box-head .dyl-box-head-more {
    float: right;
}

.dyl-box-head .dyl-box-head-text {
    margin-left: 10px;
    color: #808080;
    float: left;
}

.dyl-box-container {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.dyl-box-content {
    padding: 20px;
}
.dyl-cc {background: url(../images/ico_cc.png) no-repeat;width: 70px;height:18px;vertical-align: middle;}
.dyl-cc-0 {background-position: 0 -190px;}
.dyl-cc-1 {background-position: 0 -25px;} /*署名-非商业性使用-禁止演绎*/
.dyl-cc-2 {background-position: 0 -52px;} /*署名-非商业性使用-相同方式共享*/
.dyl-cc-3 {background-position: 0 -80px;} /*署名-非商业性使用*/
.dyl-cc-4 {background-position: 0 -108px;} /*署名-禁止演绎*/
.dyl-cc-5 {background-position: 0 -135px;} /*署名-相同方式共享*/
.dyl-cc-6 {background-position: 0 -163px;} /*署名*/
.dyl-copyright {background: url(../images/ico-cc-lg.png) no-repeat;height: 40px;width: 130px;}
.dyl-copyright-1 {background-position: 0 -225px;}
.dyl-copyright-2 {background-position: 0 -180px;}
.dyl-copyright-3 {background-position: 0 -45px;}
.dyl-copyright-4 {background-position: 0 -90px;}
.dyl-copyright-5 {background-position: 0 -135px;}
.dyl-copyright-6 {background-position: 0 0;}

/*打印啦头部*/
.dyl-header-wrap {width: 100%;height:auto;margin-bottom: 20px;}
.dyl-header {
    position: relative;
    top: 0px;
    left: 0px; 
    right: auto; 
    bottom: auto; 
    z-index: 998; 
    width: 100%; 
    height: 92px;
}
.dyl-topbar {
    line-height: 30px;
    background: #efefef;
    font-size: 12px;
}
.dyl-topbar .navbar-nav > li > a {padding:5px 12px;}
.dyl-topbar .navbar-nav > li > a:hover {
    color: #eb4b27;
}
.dayin-topbar {min-height: 40px;margin-bottom: 0;}
.dayin-topbar .navbar-nav > li > a {padding:10px 15px;}
.dyl-header-content {
    height: 92px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
.ui-home .dyl-header-wrap {margin:0;}
.dyl-nav {
  height:44px;
  width:100%;
  background: #333;
}
.dyl-logo {
    float: left;
    height: 74px;
    width:162px;
    padding:18px 0 0;
    margin-left: 5px;
}
.dyl-logo img:active {margin-top: 1px;}
.dyl-nav-list .nav-item-link {color: #fff;font-weight: 500;display: block;padding: 10px 20px;border-radius: 0; font-size: 16px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.dyl-nav-list .nav-item-link:hover,
.dyl-nav-list .nav-item-link:focus,
.dyl-nav-list li.on {background: #0097da;}
.dyl-nav-list .dropdown-menu {background: #333;background: rgba(0, 0, 0, .8);color:#fff;border:none;border-radius:0;margin-top: 0;}
.dyl-nav-list .dropdown-menu li  a {color: #fff;font-size: 16px;padding:5px 15px;display: block;}
.dyl-nav-list .dropdown-menu li a:hover,
.dyl-nav-list .dropdown-menu li a:focus,
.dyl-nav-list .dropdown-menu li a:hover,
.dyl-nav-list .dropdown-menu li a:focus {
  background: #0097da;
}
.dyl-nav-list li .ico-new {position: absolute;background: url(../images/new.gif) no-repeat;width: 25px;height: 15px;right: 4px;top: 10px;}
.dyl-dropdown-panel {
    left: -150px;
    width:360px;
    display:none;
    position: absolute;
    z-index: 9999;
    border: solid 1px #ebebeb;
    top :30px;
    background: #fff;
    box-shadow: 4px 7px 16px rgba(0,0,0,.32);
    line-height: 20px;
}
.dyl-dropdown-panel a {font-size:13px;}
.dyl-dropdown-panel .arrow {
    position: absolute;
    width: 13px;
    height: 8px;
    left: 173px;
    top: -8px;
    background: url(../images/header_icon.png) -112px 0 no-repeat;
}
.dyl-dropdown-panel .u-content {
    padding:20px 19px 10px;
}
.dyl-dropdown-panel .u-info {
    position: relative;padding-bottom: 20px;border-bottom: 1px solid #ebebeb;
}
.dyl-dropdown-panel .u-avatar {float:left;margin-right: 20px;width:60px;height:60px}
.dyl-dropdown-panel .u-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.dyl-dropdown-panel .u-name {padding:10px 0;height: 40px;line-height: 20px;}
.dyl-dropdown-panel .u-link {
    margin-right: 18px;
    display: inline-block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #000;
}
.dyl-dropdown-panel .u-sign {
    display: inline-block;
    padding: 0 10px;
    background-color: #ef3f22;
    color: #FFF;
    text-decoration: none;
    vertical-align: top;
    border-radius: 10px;
}
.dyl-dropdown-panel .u-sign:hover {background-color: #e60703;}
.dyl-dropdown-panel .u-credit {
    height: 16px;
    line-height: 16px;
}
.ico-valid-email, .ico-valid-phone, .ico-verify {
    margin-right: 3px;
    margin-left: 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
}
.ico-valid-email {background: url(../images/header_icon.png) -18px -40px no-repeat;}
.ico-valid-phone {background: url(../images/header_icon.png) -1px -41px no-repeat;}
.ico-valid-email-done {background: url(../images/header_icon.png) -18px -20px no-repeat;}
.ico-valid-phone-done {background: url(../images/header_icon.png) -1px -20px no-repeat;}
.dyl-dropdown-panel .u-point {
    margin: 10px 0 -10px 70px;
    position: relative;
}
.dyl-dropdown-panel .u-point a {
    line-height: 23px;
    display: inline-block;
    zoom: 1;
    color: #555;
    padding: 0 10px;
    background-color: #fff8d9;
    border-radius: 2px;
}
.dyl-dropdown-panel .u-point span {
    margin-left: 14px;
}
.dyl-dropdown-panel .u-list {
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}
.dyl-dropdown-panel .u-list li {
    float: left;
    width: 80px;
    height: 100px;
}
.dyl-dropdown-panel .u-list li a {
    line-height: 20px;
    display: inline-block;
    border: 1px solid #FFF;
    width: 78px;
    padding-top: 15px;
    text-decoration: none;
    color: #555;
    text-align: center;
}
.dyl-dropdown-panel .u-list li a:hover{border:1px solid #ebebeb;background-color: #fafafa;}
.dyl-dropdown-panel .u-list li a em {
    display: block;
    height: 48px;
    line-height: 48px;
    width: 48px;
    margin: 0 auto 10px;
    background-color: #0097da;
    text-align: center;
    border-radius: 5px;
}
.dyl-dropdown-panel .u-list li a:hover em {background-color: #F44336;}
.dyl-dropdown-panel .u-list li a i {
    color: #fff;font-size: 22px;
}
.dyl-dropdown-panel .task-title {padding:13px 0;}
.dyl-dropdown-panel .task-info {position: relative;}
.dyl-dropdown-panel .task-info dl {
    margin-right: 80px;
}
.dyl-dropdown-panel .task-info dt {
    float: left;
    height: 30px;
}
.dyl-dropdown-panel .task-info dd {
    line-height: 13px;
}
.dyl-dropdown-panel .task-info dt img {
    width: 30px;
    margin-right: 10px;
}
.dyl-dropdown-panel .task-info dd span {
    color: #999;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    word-spacing: normal;
    white-space: nowrap;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dyl-dropdown-panel .task-info>a {
    position: absolute;
    right: 0;
    top: 3px;
}
.dyl-dropdown-panel .u-bottom {
    border-top: 1px solid #ebebeb;
    padding: 0 19px;
    height: 48px;
    line-height: 48px;
    text-align: left;
    background-color: #fafafa;
}
.dyl-dropdown-panel .msg-list li {
    border-bottom: 1px solid #dee2e5;
    padding: 20px 0;
    position: relative
}

.dyl-dropdown-panel .msg-list li a:hover {
    color: #ff3c00
}

.dyl-dropdown-panel .msg-list li:last-child {
    border: 0
}

.dyl-dropdown-panel .msg-list li.red .icon-warn {
    display: block
}

.dyl-dropdown-panel .msg-list dt {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.dyl-dropdown-panel .msg-list dt img {
    width: 30px;
    height: 30px
}
.dyl-dropdown-panel .msg-list dt .icon-warn {
    position: absolute;
    top: 31px;
    left: -13px;
    display: none;
    width: 8px;
    height: 8px;
    font-size: 0;
    background: url(../images/header_icon.png) -130px 0 no-repeat
}

.dyl-dropdown-panel .msg-list dd {
    height: 20px;
    line-height: 20px;
    margin-right: 35px
}

.dyl-dropdown-panel .msg-list dd>span {
    display: block;
    font-size: 13px;
    color: #555;
    line-height: 13px
}

.dyl-dropdown-panel .msg-list dd a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 225px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    line-height: 14px
}

.dyl-dropdown-panel .msg-list dd.msg-time {
    position: absolute;
    right: 0;
    top: 20px;
    color: #999;
    max-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 0;
    line-height: 14px
}

.dyl-dropdown-panel .msg-list .from {
    color: #f05036
}

.dyl-dropdown-panel .msg-list .msg-single {
    height: 30px;
    line-height: 30px
}

.dyl-dropdown-panel .no-msg li {
    height: 140px;
    text-align: center
}

.dyl-dropdown-panel .no-msg li>span {
    margin-top: 95px;
    font-size: 13px;
    color: #909090;
    display: block
}

.dyl-dropdown-panel .no-msg .u-bottom {
    display: none
}
/*头部搜索*/
.dyl-header-info {width:610px;position: relative;height: 36px;float: right}
.dyl-header-upload {
    position: absolute;
    top:28px;
    right: 0;
    height: 36px;
}
.dyl-header-upload button {padding:0 16px;line-height: 36px;height: 36px;border-radius: 0;}
.dyl-header-search {
    border: 2px #0097da solid;
    height:36px;
    background: #fff;
    position: absolute;
    top:28px;
    right: 120px;
    width:450px;
}
.dyl-header-search i {position:absolute;top:0;left:0;margin-left:10px;font-size: 22px;color: #aeaeae;line-height: 32px;z-index: 999;}
.dyl-header-search input {float:left;width:300px;padding:0 10px 0 40px; height: 32px;line-height: 32px;font-size:14px;color: #333;border: 0;}
.dyl-header-search input:focus {border: 0 none;outline: 0;}
.dyl-header-search .searchBtn{
    cursor: pointer;
    border: 0;
    display: block;
    width:84px;
    text-align: center;
    height:32px;
    line-height: 32px;
    background: #0097da;
    color: #fff;
    position:absolute;
    top:0;
    right:0;
}
.dyl-header-search .searchBtn:hover,.dyl-searchBar .searchBtn:focus {border: 0 none;outline: 0;background: #33ace1;}
.dyl-header-search .searchBtn:active {background: #008fcf;}
/*动态*/
#messages_page {
  padding: 25px;
  background: #fff;
  overflow: hidden;
  zoom: 1;
}

#messages_page .msg-box {
    padding-top: 20px
}

#messages_page .list-item {
    position: relative;
    margin-bottom: 20px
}

#messages_page .list-item .avt {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #EDEDED
}

#messages_page .list-item .pin-link {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 65px;
    height: 65px
}

#messages_page .list-item .pin-link img {
    width: 65px;
    height: 65px
}

#messages_page .list-item .details {
    position: relative;
    margin-left: 80px;
    border-radius: 4px;
    background: #FAFAFA;
    border: 1px solid #EDEDED;
    min-height: 80px;
    padding: 10px 180px 10px 20px;
    line-height: 26px;
    color: #999
}

#messages_page .unread .details {
    background: #FFFFF5
}

#messages_page .unread .details:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F84E29;
    left: -118px;
    top: 50%;
    margin-top: -4px
}

#messages_page .list-item .date {
    padding-left: 10px
}

#messages_page .list-item .date .ts-words {
    padding-left: 5px
}

#messages_page .list-item .details a:first-child {
    padding-left: 0
}

#messages_page .main-content {
    color: #444
}
#messages_page .main-content a {color: #0099ff;}
#messages_page .comment-image {position: absolute;right: 20px;top: 14px;left: inherit;}
#messages_page .comment-image img {width:120px;height:90px;}
.send-box {
    background: #FAFAFA;padding: 15px 15px 20px;border-top: 1px solid #EDEDED;
}
.send-box textarea {
    width: 100%;margin-bottom: 10px;box-sizing: border-box;height: 68px;min-height: 0;line-height: 20px;padding: 4px 6px;
}
.dyl-messages {
    height: 300px;overflow: auto;
}
.dyl-message {
    margin-bottom: 10px;
}
.dyl-message .avt {
	width: 44px;
	height: 44px;
	float: left
}
.dyl-message .text {
	max-width: 350px;
	min-height: 22px;
	line-height: 22px;
	float: left;
	margin: 0 20px;
	color: #444;
	background: #F2F2F2;
	border-radius: 0 8px 8px 8px;
	padding: 11px 15px;
	position: relative;
	word-wrap: break-word
}
.dyl-message .text .triangle {
	position: absolute;
	width: 10px;
	height: 10px;
	left: -10px;
	top: 0
}
.dyl-message .text .triangle polygon {
	fill: #F2F2F2
}
.dyl-message .ms-time {
	margin: 10px 0;
	text-align: center
}
.dyl-message .ms-time-text {
	display: inline-block;
	padding: 2px 8px;
	color: #fff;
	background: rgba(128, 128, 128, .2);
	border-radius: 2px
}
.dyl-messages .sent .avt {
	float: right
}
.dyl-messages .sent .text {
	float: right;
	background: #F2836B;
	border-radius: 8px 0 8px 8px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .15)
}
.dyl-messages .sent .text .triangle {
	left: auto;
	right: -10px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.dyl-messages .sent .text .triangle polygon {
	fill: #F2836B
}
.dyl-messages .sent .report {
	right: auto;
	left: -27px
}
/*打印啦分类*/
.dayin-cat {background: #fff;}
.dayin-cat-row {
    padding: 15px 0 5px;
    border-bottom: 1px solid #edf1f2;
}
.dayin-cat-row .hd {
    float: left;
    width: 65px;
    height: 20px;
    line-height: 20px;
    color: #787d82;
    text-align: right;
}
.dayin-cat-row .bd {
    margin-left: 70px;
}
.dayin-cat-item {display: inline-block;margin: 0 8px;}
.dayin-cat-item a {
    display: block;
    height: 24px;
    line-height: 24px;
    margin-bottom: 7px;
    padding: 0 6px;
}
.dayin-cat-item.on a {
    background: #F44336;
    color: #fff;
}
.dayin-cat-bar {
    margin-bottom:20px;
    position: relative;
    margin-top: -1px;
    height: 48px;
    background-color: #f9f9f9;
    border-top: 1px solid #d0d6d9;
}
/*打印啦首页幻灯片*/
.dyl-home-slides {padding-bottom: 10px;}
.home-image-holder {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.dyl-home-slide:hover .image-slide-prev { opacity: 0.7; left: 0; }
.dyl-home-slide:hover .image-slide-next { opacity: 0.7; right: 0; }
.dyl-home-slide:hover .image-slide-next:hover, .dyl-home-slide:hover .image-slide-prev:hover { opacity: 1; }
.dyl-page-wrap {margin: 20px 0 0;clear: both;background: #fff;border: 1px solid #ddd;padding:15px;}
.dyl-makeimages-list div {width: 100px;float: left;margin: 0 10px 10px 0;}
.dyl-makeimages-list img {width: 100px;height: 100px;}
.dyl-makeimages-list a {display: block;margin-top: 5px;}
.dyl-form-required {color: #FF0000;font-family: SimSun;font-size: 16px;margin-left: 6px;}
.dyl-tools {margin-left: -10px;overflow: hidden;}
.dyl-tools li {float: left;width: 65px;height: 65px;margin-left: 10px;overflow: hidden;}
.dyl-tools li a{display: block;width: 65px;height: 65px;background-image: url(../images/tools.png);background-repeat: no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.dyl-tools li a.app1 {background-position: 0 0;}
.dyl-tools li a.app1:hover {background-position: 0 -65px;}
.dyl-tools li a.app2 {background-position: -65px 0;}
.dyl-tools li a.app2:hover {background-position: -65px -65px;}
.dyl-tools li a.app3 {background-position: -130px 0;}
.dyl-tools li a.app3:hover {background-position: -130px -65px;}
.dyl-tools li a.app4 {background-position: -195px 0;}
.dyl-tools li a.app4:hover {background-position: -195px -65px;}
/*打印啦footer*/
.dayin-footer {padding:30px 0;background: #222;color: #fff;}
.dayin-footer h3 {font-size: 18px;margin-bottom:10px;color: #fff;}
.dayin-footer-list li {margin-bottom:10px;}
.dayin-footer-list li a {color: #ccc;}
.dayin-footer-list li a:hover {color: #fff;}
.collect-banner{height:260px;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}
.collect-dialog {text-align: center;padding:20px;}
.collect-left {width:226px;float: left;}
.collect-left img {width:216px;height:162px;}
.collect-right {width:370px;float:right;}
.collect-select{
    display:block;
    width:340px;
    height:24px;
    overflow:hidden;
    line-height:23px;
    padding:2px 20px 0 8px;
    font-size:14px
}
.collect-success{
    padding-left:40px;
    line-height:1.5;
    background:url(../static/images/prompt_alert.gif) -3px -130px no-repeat;
    font-size:16px;
    font-weight:normal;
    font-family:'\5FAE\8F6F\96C5\9ED1';
    color:#666;
}
.prompt{
    margin:32px 32px 0 48px;
    padding:0 0 48px 0;
    background-image:url(../static/images/prompt_alert.gif);
    background-repeat:no-repeat;
    background-position:0 1000px;
    font-size:14px
}
.prompt h3{
    padding-top:8px;
    padding-left:60px;
    color:#666;
    font-size:14px
}
.prompt p{
    margin:8px 0 0;
    color:#666;
    font-size:12px
}
.prompt-success p,.prompt-fail p{
    padding-left:60px
}
.prompt-success{
    background-position:-80px -40px
}
.prompt-fail{
    background-position:-120px 0px
}
.prompt-alert{
    background-position:-40px -80px
}
a.collect-select:link,a.collect-select:visited{
    color:#666;
    border:1px solid #bababa;
    background-color:#fff;
    background-image:url(../static/images/icon.png);
    background-repeat:no-repeat;
    background-position:right -249px
}
a.collect-select:hover{
    background-color:#d7eafb;
    background-position:right -219px;
    text-decoration:none;
    color:#238fdb
}
#myalbums-wrap{
    display: none;
    position:absolute;
    top: 58px;
    right: 0;
    width:368px;
    background-color:#fff;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC #BBBBBB #AAAAAA
}
#myalbums-albs{
    height:136px;
    overflow:hidden;
    overflow-y:scroll
}
#myalbums-albs a{
    display:block;
    height:16px;
    line-height:16px;
    padding:4px 8px 6px;
    font-size:14px
}
#myalbums-albs a:link,#myalbums-albs a:visited{
    color:#666
}
#myalbums-albs a:hover,#myalbums-albs a.cur:link,#myalbums-albs a.cur:visited,#myalbums-albs a.cur:hover{
    background-color:#d7eafb;
    text-decoration:none;
    color:#238fdb
}
#myalbums-albs.loading{
    padding-bottom:0;
    margin-bottom:0
}
#myalbums-albs.loading *{
    visibility:hidden
}
#myalbums-wrap div.clearfix{
    padding:8px 0 8px 8px;
    background-color:#f7f7f7
}
#myalbums-wrap .ipt{
    width:260px;
    margin:0 4px 0 0;
    font-size:14px
}
.collect-title {
    margin-top:10px;
    overflow:hidden;
    width:354px;
    height:78px;
    padding:8px;
    background:#f7f7f7;
    text-overflow:ellipsis;
    o-text-overflow:ellipsis
}
/*按钮*/
.dyl-btn{
    display:inline-block;
    border-radius:2px;
    font-size:14px;
    padding:0 10px;
    height:28px;
    line-height:28px;
    background:#fff;
    background:linear-gradient( #FAFAFA,#F2F2F2);
    border:1px solid #D9D9D9;
    cursor:pointer;
    text-decoration:none;
    color:#444;
    white-space:nowrap;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    text-align:center;
}
.dyl-btn:hover{
    text-decoration:none;
    color:#444;
    background:linear-gradient(#FFF,#F7F7F7);
    box-shadow:inset 0 1px 0 white,0 1px 0 rgba(255,255,255,.05);
    border:1px solid #CCC;
}
.dyl-btn:active{
    background:linear-gradient( #F2F2F2,#EDEDED);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.3)
}
.rbtn{
    background:#E53E49;
    background:linear-gradient( #E53E49,#D43636);
    box-shadow:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
    color:#fff;
    border:1px solid #C90000
}
.rbtn:hover{
    background:linear-gradient( #F45D68,#E54646);
    color:#fff;
    box-shadow:none;
    border:1px solid #C90000
}
.rbtn:active{
    background:linear-gradient( #E43340,#D43636);
    box-shadow:none;
}
.red-btn{
    background:#ff1e0d;
    color:#fff;
    border:1px solid #ca5951
}
.red-btn:hover{
    background:#d7190b;
    color:#fff;
    box-shadow: none;
    border:1px solid #ca5951
}
.red-btn:active{
    background: #b51509;
}
.dyl-btn.disabled{
    background:#F2F2F2;
    border:1px solid #D9D9D9;
    box-shadow:none;
    color:#BBB;
    text-shadow:none;
    cursor:default
}
.btn12{
    font-size:12px;
    padding:0 9px;
    height:24px;
    line-height:24px
}
.btn16{
    font-size:16px;
    padding:0 12px;
    border-radius:3px;
    height:32px;
    line-height:32px
}
.btn18{
    font-size:18px;
    padding:0 15px;
    border-radius:3px;
    height:36px;
    line-height:36px
}
.btn24{
    font-size:24px;
    padding:0 18px;
    height:46px;
    line-height:46px;
    border-radius:4px
}
.dyl-btn i{
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../static/images/action_icons.png) no-repeat;
    vertical-align:-3px;
    margin-right:3px
}
.dyl-btn i.collect{
    background-position:-16px 0;
}
.dyl-btn:hover i.collect{
    background-position:-16px -32px;
}
.dyl-btn:active i.collect{
    background-position:-16px -32px;
}
.dyl-btn i.comment{
    background-position:-32px 0;
}
.dyl-btn:hover i.comment{
    background-position:-32px -32px;
}
.dyl-btn i.viewcount{
    background-position:-48px 1px;
}
.dyl-btn:hover i.viewcount{
    background-position:-48px -16px;
}
.dyl-btn i.downloadcount{
    background-position:right 0;
}
.dyl-btn:hover i.downloadcount{
    background-position:right -16px;
}
.dyl-btn i.heart{
    background-position:0 0;
}
.dyl-btn.like i.heart{
    background-position:0 -16px;
}
.dyl-btn:hover i.heart, .dyl-btn.likeing i.heart{
    background-position:0 -32px;
}
.dyl-btn:active i.heart{
    background-position:0 -32px;
}
.disabled i.heart{
    background:url(../static/images/like_anime.gif) 2px 2px no-repeat!important;
}
.dyl-btn.liked i.heart{
    background-position:0 -48px;
}
.dyl-btn.unlike i.heart{
    background-position:0 -48px;
}
.dyl-btn i.pin-icon{
    background:url(../static/images/menu_sprite.png) 0 -450px no-repeat
}
.dyl-btn i.message{
    background:url(../static/images/follow_action.png) 0 -118px no-repeat;width: 14px;
}
.dyl-btn i:last-child{
    margin:0 -2px
}
/*详细页*/
.dyl-wrapper {width:992px;margin:0 auto;position: relative;}
.dyl-wrapper1 {width:1140px;margin:0 auto;position: relative;}
.dyl-view-main {width:800px;float:left;}
.dyl-view-side {width:380px;float:right;}
.dyl-view-avatar {width:48px;height:48px;float:left;margin-right:12px;}
.dyl-view-avatar img {width:48px;height:48px;}
.dyl-view-title {font-size: 18px;margin-bottom:5px;font-weight: bold;line-height: 25px;margin:0 0 5px;}
.dyl-view-author,.dyl-view-author a {color: #888;font-size: 12px;}
.dyl-view-count .dayin-count-item {border-top:1px solid #ddd;margin-top:5px;padding-top:5px;}
.dyl-view-count .dayin-box-count {margin:0;height:32px;line-height: 32px;}
.dyl-view-count .dayin-box-count a {display: block;float: none;margin:0 10px;}
.dyl-default-light {padding:8px 18px;border-color: #ff9500;background-color: #fff;}
.dyl-default-light i {color: #ff9500;margin-right:6px;}
.dyl-default-light:hover,.dyl-default-light:focus,.dyl-default-light:active {border-color: #ff9500;}
.dyl-view-author .dayin-label {padding:1px 5px;}
.dyl-side-box {padding:20px 30px;background: #fff;overflow:hidden;margin-bottom: 20px;}
.dyl-view-block {padding:20px;background: #fff;overflow:hidden;margin-bottom: 20px;}
.dyl-side-panel .panel-heading {padding:20px 30px;background: #ffffff;border-color:#ddd;}
.dyl-side-panel .panel-body {padding: 20px 30px;}
.dyl-sell {position: relative;margin-bottom:0;padding-top:45px;border-bottom: 1px solid #e6e6e6}
.dyl-sell .sell-status {
    position: absolute;
    height: 32px;
    width: 72px;
    left: 30px;
    top: 0;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    background: url(../images/item-detail-status.png) 0 0 no-repeat;
}
.dyl-sell .sell-item {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.dyl-sell .sell-item span {float:left;display:inline-block;font-size:16px;}
.sell-author-img {display:block;float:left;}
.sell-author-img img {width:80px;height:80px;border-radius:50%;}
.sell-author-info {margin-left: 90px;overflow: hidden;}
.dyl-view .piece{
    background:#fff;
    padding:14px;
    border: 1px solid #e6e6e6;
    margin-bottom:15px
}
.dyl-view .hand {position: absolute;right: 6px;bottom: 4px;display: block;}
.dyl-view .tool-bar-bottom{
    position:relative;
    margin-top:16px
}
.dyl-view .tool-bar-bottom .right-part{
    position:absolute;
    right:0;
    top:0
}
.dyl-view .tool-bar-bottom .dyl-btn{
    background:#FAFAFA;
    border:1px solid #EDEDED;
    margin-right:10px
}
.dyl-view .tool-bar-bottom .right-part .dyl-btn:last-child{
    margin-right:0
}
.dyl-view .tool-bar-bottom .dyl-btn:hover{
    background:#FFF;
    border-color:#DDD
}
.dyl-view .report-btn i{
    background:url(../static/images/report_icon.png) 0 -20px no-repeat;
    width:16px;
    height:16px
}
.dyl-view .report-btn:hover i{
    background-position:0 -40px
}
.dyl-view .tool-bar-bottom .dyl-btn .num{
    color:#999
}
.dyl-view .main-image{
    position:relative;
    overflow:hidden;
    text-align:center;
}
.dyl-view .main-image img{
    display:block;
    margin:0 auto;
    max-width: 100%;
}
.image-opts-button {
  height: 42px;
  width: 42px;
  line-height: 42px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.6);
  margin-bottom:10px;
  display: none;
  background: rgba(0,0,0,.6);
  position: absolute;
  right:10px;
  top:10px;
  z-index: 100;
}
.image-opts-button i {
  font-size: 28px;
  cursor: pointer;
}
.image-opts-button:hover {
  background:rgba(0,0,0,.8);
  color: #59cfe4;
  text-decoration:none;
}
.image-opts-button.view-models {top:10px;}
.image-opts-button.design-models {top:62px;}
.image-opts-button.design-models i {font-size: 26px;}
.image-opts-button.print-models {top:114px;}
.image-opts-button.close-models-btn {top:10px;right:62px;}
.icon-new {
    width:25px;
    height:15px;
    background-image:url('../images/new.gif');
    position: absolute;
    top: -8px;
    right:-10px;
    z-index:999;
}
.image-holder {
    width: 800px;
    height: 600px;
    position: relative;
}
.dyl-view .main-slider {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.dyl-view .image-item {
    width: 800px;
    height: 600px;
    float: left;
    position: relative;
    overflow: hidden;
}
.dyl-view .image-item iframe {position: absolute;left: 0;top: 0;z-index: 100;}
.dyl-view .image-item span {display: table-cell;vertical-align: middle;width: 800px;height: 800px;}
.dyl-view .image-item img {
    max-width:100%;
    height:100%;
    background: url(../static/images/ajax-loader.gif) center center no-repeat;
}
.image-thumbs-holder {
    width: 800px;
    text-align: left;
    margin-bottom:10px;
}
.gallery-arrows {
    background: url(../static/images/arrow-left.png) no-repeat 7px center #e3e3e3;
    border-radius:3px;
    display: inline-block;
    margin: 0 5px 0 0;
    width:24px;
    height:24px;
    position: relative;
    top: -14px;
    text-align: center;
    cursor: pointer;
}
.gallery-arrows.disabled {opacity: 0.3;cursor: auto;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;}
.gallery-arrows.arrow-right {
    margin:0 0 0 5px;
    background: url(../static/images/arrow-right.png) no-repeat 7px center #e3e3e3;
}
.gallery-thumb {
    background: url(../static/images/ajax-loader.gif) center center no-repeat;
    border: 1px solid #e6e6e6;
    display: table;
    width: 80px;
    height: 50px;
    margin: 0 10px 0 0;
    cursor: pointer;
    overflow: hidden;
    float: left;
    position: relative;
}
.gallery-thumb span {display: table-cell;vertical-align: middle;width: 80px;height: 60px;}
.gallery-thumb img {max-width:80px;max-height: 60px;}
.image-gallery {
    margin:10px 0 0;
    width:734px;
    height:58px;
    display:inline-block;
    overflow: hidden;
}

.model-holder {
    position: absolute;
    left:0;
    top: 0;
}
.dyl-view .info-piece {
    padding-bottom:0;
}
.dyl-view .info-piece .info{
    margin-bottom:15px;
    position:relative;
}
.dyl-view .info-piece .info .img{
    width:50px;
    height:50px
}
.dyl-view .info-piece .info .img img{
    width:50px;
    height:50px
}
.dyl-view .info-piece .info .main{
    position:absolute;
    top:0;
    left:60px;
    font-size:20px
}
.dyl-view .info-piece .info .main span{
    color:#8c7e7e;
}
.dyl-view .info-piece .info .sub{
    position:absolute;
    top:32px;
    left:60px;
    color:#999;
}
.dyl-view .info-piece .info .space{
    padding:0 5px
}
.dyl-view .info-piece .more-comments{
    text-align:center;
    cursor:pointer;
    font-size:16px;
    padding:14px 20px;
    border-top:1px solid #EDEDED;
    margin:0 -20px;
}
.dyl-view .description{
    line-height:1.5;
    color:#444;
    background-color:#FAFAFA;
    padding:15px;
    word-wrap:break-word;
}
.dyl-comments .comment{
    padding:10px;
    border-top:1px solid #EDEDED;
    overflow:hidden;
    font-size:14px;
    position:relative;
}
.dyl-comments .comment.new{
    background:#FAFAFA;
}
.dyl-comments .comment .meta{
    color:#999;
    margin:2px 0 6px 60px;
}
.dyl-comments .comment .meta a{
    text-decoration:none
}
.dyl-comments .comment .text{
    margin-left:60px;
    line-height:1.4;
}
.dyl-comments .comment .action{
    margin:10px 0 0 60px;
}
.dyl-comments .comment .action a {
    font-size: 12px;
    color:#999999;
    cursor: pointer;
}
.dyl-comments .comment .action a:hover {
    text-decoration: none;
    color:#666;
}
.dyl-comments .img{
    float:left;
}
.dyl-comments .img img{
    width:50px;
    height:50px;
    display:block;
}
.dyl-comments .delete{
    display: inline-block;
    vertical-align: middle;
    background:url("../static/images/comment_act_icon.png") -19px 0 no-repeat;
    width:20px;
    height:20px;
    margin-left:7px;
}
.dyl-comments .action a:hover .delete{
    background-position:-19px -20px;
}
.dyl-comments .action a:active .delete{
    background-position:-19px -40px;
}
.dyl-comments .reply-button{
    display: inline-block;
    vertical-align: middle;
    background:url("../static/images/comment_act_icon.png") 0 0 no-repeat;
    width:20px;
    height:20px;
}
.dyl-comments .comment .action a:hover .reply-button{
    background-position:0 -20px;
}
.dyl-comments .comment .action a:active .reply-button{
    background-position:0 -40px;
}
.dyl-view .info-piece .likes{
    padding:20px 0 12px;
}
.dyl-view .likes {margin-right: -10px;}
.dyl-view .likes .img{
    display:block;
    float:left;
    margin:0 10px 9px 0;
}
.dyl-view .likes .img img {
    width:40px;
    height:40px;
}
.dyl-view .tags a {color:#888;margin-right:10px;display: inline-block}
.dyl-view-comment .errorMessage {font-size: 12px;color: #f4553d;}
.errorMessage,.help-inline {color:red;margin-top:3px}
.dyl-view-comment{
    padding:5px 0 5px 60px;
    position:relative;
}
.dyl-view-comment .img{
    position:absolute;
    left:0px;
    top:5px;
}
.dyl-view-comment .img img{
    width:50px;
    height:50px;
}
.dyl-comments .comment-form .img img{
    display: none;
}

.dyl-view .extra-box{
    overflow:hidden;
    margin:11px -20px -16px;
    padding-top:5px
}
.dyl-view .pin-info{
    padding:16px 20px;
    border-top: 1px solid #ededed;
}
.dyl-view .creation-info{
    padding:20px 20px;
    color:#777
}
.dyl-view .creation-info .info-body{
    padding-bottom:20px
}
.dyl-view .info-body table {
    width:100%;
    margin-bottom: 10px;
}
.dyl-view .info-body table th {
    border-bottom: 2px solid #ededed;
    padding: 8px;
}
.dyl-view .info-body table td {
    padding: 8px;
    border-top: 1px solid #ededed;
}
.dyl-view .creation-info .info-footer{
    padding-top:20px;
    border-top:1px solid #ededed;
    text-align: right;
}
.dyl-view .creation-info .info-footer .dyl-btn{
    margin-left:12px
}
.dyl-view .download-icon{
    width:16px;
    height:16px;
    margin-right:8px;
    margin-top:-2px;
    background:url(../static/images/download_icon.png) no-repeat;
    display: inline-block
}
.dyl-view .category-info-piece{
    margin-top:20px;
    height:32px;
    line-height:32px;
    color:#777;
}
.dyl-view .category-info-piece a{
    padding:0 5px
}
.dyl-view .info-header {color: #444;}
.dyl-view .info-header h3 {font-size: 18px;font-weight: bold;margin:10px 0 10px;}
.dyl-view .info-desc {font-size: 14px;line-height: 1.8;margin-bottom: 20px;}
.dyl-view .info-desc p {margin: 0;}
.dyl-view .info-desc td,.dyl-view .info-desc th {border: 1px solid #ddd;padding: 3px;text-align: center}
.dyl-view .info-desc th {font-weight: bold;}
.dyl-view-price {font-size: 26px;color: #F40;font-weight: 700;vertical-align: middle;}
.dyl-view-sold {font-size: 20px;color: #393;font-weight: 300;vertical-align: middle;padding-right: 10px;}
.Board .link{
    display:block;
    height:235px;
    padding:10px 0 0 10px;
    overflow:hidden;
    position:relative
}
.Board .link img{
    float:left;
    width:67px;
    height:67px;
    margin:0 3px 3px 0
}
.Board .link img.large{
    width:208px;
    height:156px
}
.Board .link img.center{
    width:auto;
    height:156px;
    float: none;
    display: block;
    margin: 0 auto;
}
.Board .link .shadows{
    position:absolute;
    left:10px;
    top:10px;
    width:216px
}
.Board .link .shadows .shadow{
    width:67px;
    height:67px;
    margin:0 3px 3px 0;
    float:left;
    box-shadow:inset 0 0 2px rgba(0,0,0,.2)
}
.Board .link .shadows .large-shadow{
    width:208px;
    height:156px;
    margin:0 3px 3px 0;
    float:left;
    box-shadow:inset 0 0 2px rgba(0,0,0,.2)
}
.Board .link .over{
    position:absolute;
    left:10px;
    top:10px;
    width:208px;
    height:228px;
    background:url(../static/images/board_info_cover.png) 0 0 repeat-x
}
.Board .link:hover .over{
    background-color:rgba(0,0,0,.1)
}
.Board a.link .cover{
    position:absolute;
    left:10px;
    top:10px;
    width:208px;
    height:100%
}
.Board link:hover .cover {
    background-color:rgba(255,255,255,.1)
}
.Board .FollowBoard{
    padding:0 10px 11px;
    text-align:center
}
.Board .FollowBoard .dyl-btn{
    display:block
}
.Board .FollowBoard2{
    padding:0 10px 16px;
    position:relative;
    zoom:1
}
.BoardAvatar{
    position:absolute;
    top:3px;
    width:24px;
    height:24px
}
.BoardUserUrl{
    line-height:24px;
    position:relative;
    left:34px;
    top:3px;
    color: #444;
}
.BoardUserUrl:hover {color: #337ab7}
.FollowBoard2 a.unfollow,.FollowBoard2 a.follow,.FollowBoard2 a.disabled{
    position:absolute;
    right:10px;
    bottom:10px;
    text-decoration:none
}
.Board .over h3{
    padding:8px 0 0 8px;
    font-size:14px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,.5);
    margin-top: 0;
}
.Board .over h4{
    font-size:12px;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,.5);
    margin-top:5px;
    padding:0 8px;
    height:38px;
    overflow:hidden;
    line-height:1.5;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear;
    opacity:0
}
.Board:hover h4{
    opacity:1
}
.Board .pin-count{
    position:absolute;
    top:136px;
    left:8px;
    font-size:12px;
    color:#fff;
    height:20px;
    line-height:20px;
    padding:0 5px;
    background:rgba(0,0,0,.4);
    border-radius:2px
}
.dyl-share-unit{
    width:180px;
    height:30px;
    line-height:30px;
    text-align:right;
    position:relative;
    display: inline-block;
}
.dyl-share-unit .share-btns{
    height:28px;
    width:119px;
    background:#FAFAFA;
    border:1px solid #EDEDED;
    text-align:left;
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
    cursor:pointer
}
.dyl-share-unit .share-btns .share-btn{
    height:28px;
    width:30px;
    display:inline-block;
    background:url('../static/images/share_icon.svg') 6px 4px no-repeat;
    position:relative
}
.no-svg .dyl-share-unit .share-btns .share-btn{
    background-image:url('../static/images/share_icon.png')
}
.dyl-share-unit .share-btns .share-btn:hover{
    background-color:#F5F5F5
}
.dyl-share-unit .share-btns .share-btn:after{
    content:"";
    display:block;
    position:absolute;
    width:1px;
    height:16px;
    right:0;
    top:6px;
    background:#EDEDED
}
.dyl-share-unit .share-btns .weibo:hover{
    background-position:-34px 4px
}
.dyl-share-unit .share-btns .qzone{
    background-position:6px -36px
}
.dyl-share-unit .share-btns .qzone:hover{
    background-position:-34px -36px
}
.dyl-share-unit .share-btns .weixin{
    background-position:6px -276px
}
.dyl-share-unit .share-btns .weixin:hover{
    background-position:-34px -276px
}
.dyl-share-unit .share-btns .tqq {
    background-position:5px -76px;
}
.dyl-share-unit .share-btns .tqq:hover {
    background-position:-35px -76px;
}
.dyl-share-unit .share-btns .more{
    height:28px;
    width:24px;
    display:inline-block;
    background:url('../static/images/share_icon.svg') -101px 9px no-repeat
}
.no-svg .dyl-share-unit .share-btns .more{
    background-image:url('../static/images/share_icon.png')
}
.dyl-share-menu{
    display:none;
    position:absolute;
    right:-20px;
    top:42px;
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    width:150px;
    text-align:left;
    z-index: 999;
}
.dyl-share-menu a{
    display:block;
    height:40px;
    line-height:40px;
    padding-left:40px;
    position:relative;
    color: #222;
}
.dyl-share-menu a i{
    position:absolute;
    left:11px;
    top:11px;
    width:18px;
    height:18px;
    background:url('../static/images/share_icon.svg') 0 -80px no-repeat
}
.no-svg .dyl-share-menu a i{
    background-image:url('../static/images/share_icon.png')
}
.dyl-share-menu a.tqq:hover i{
    background-position:-40px -80px
}
.dyl-share-menu a.weibo i{
    background-position:0 0;
}
.dyl-share-menu a.weibo:hover i{
    background-position:-40px 0;
}
.dyl-share-menu a.qzone i{
    background-position:0 -39px
}
.dyl-share-menu a.qzone:hover i{
    background-position:-40px -39px
}
.dyl-share-menu a.weixin i{
    background-position:0px -280px
}
.dyl-share-menu a.weixin:hover i{
    background-position:-40px -280px
}
.dyl-share-menu a.qq i{
    background-position:0 -160px
}
.dyl-share-menu a.qq:hover i{
    background-position:-40px -160px
}
.dyl-share-menu a.douban i{
    background-position:0 -200px
}
.dyl-share-menu a.douban:hover i{
    background-position:-40px -200px
}
.dyl-share-menu a.renren i{
    background-position:0 -240px
}
.dyl-share-menu a.renren:hover i{
    background-position:-40px -240px
}
.dyl-share-menu .arr{
    width:20px;
    height:10px;
    position:absolute;
    top:-10px;
    left:100px;
    background:url(../static/images/arrow_with_shadow.png) 0 0 no-repeat
}
.dyl-share-menu a:hover{
    color:#221919;
    text-decoration:none;
    background-color:#F2F2F2
}

/*model page sidebar*/
.dyl-view .board-piece .board-pins{
    width:350px;
}
.board-pins a {
    display: block;
    float:left;
    width:165px;
    height:165px;
    margin:0 10px 10px 0;
}
.board-pins a img {
    width:165px;
    height:165px;
}
.dyl-view .board-piece .follow-btn {display:block;}
/*user ui*/
.dayin-usercard {
    margin-bottom:16px;
}
.dayin-usercard .inner{
    height:200px;
    background-color:#444;
    background-image: url("../images/home/low-polygon.png");
    background-position: center center;
    background-size: cover;
    position:relative;
    padding-left:160px;
    overflow: hidden;
    color:#fff;
}
.dayin-usercard .inner:before {
    background: rgba(0,0,0,.4);
}
.dayin-usercard .avatar-unit{
    position:absolute;
    left:30px;
    top:30px;
    width:100px;
}
.dayin-usercard .avatar-unit img{
    height:100px;
    width:100px;
    border-radius: 50%;
}
.dayin-usercard .head-line{
    padding:30px 0 20px;
    line-height:1;
    position:relative
}
.dayin-usercard .head-line .name{
    font-size:24px;
    font-weight:700;
    display:inline-block;
    margin-right:10px
}
.dayin-usercard .introduction{
    color:#fff;
    margin-bottom:10px
}
#user_card{
    background:#fff;
    margin-top:38px;
    position:relative;
    box-shadow:0 0 4px rgba(0,0,0,.2);
    margin-bottom:16px;
}
#user_card .inner{
    height:170px;
    background:#fff;
    position:relative;
    padding-left:180px;
    margin-right:236px;
    border-right:1px solid #EDEDED
}
#user_card .inner.without-side{
    margin-right:0;
    border-right:0
}
#user_card .maozi{
    width:150px;
    height:100px;
    background:#fff;
    border-radius:4px;
    box-shadow:0 0 4px rgba(0,0,0,.2);
    position:absolute;
    left:15px;
    top:-40px
}
#user_card .avatar-unit{
    background:#fff;
    border-radius:4px;
    position:absolute;
    left:20px;
    top:-35px;
    width:140px
}
#user_card .avatar-unit .img{
    position:relative;
    height:140px
}
#user_card .avatar-unit .img:hover .change-avatar{
    display:block
}
#user_card .avatar-unit .img .current-avatar{
    max-height:140px;
    width:140px
}
#user_card .avatar-unit .change-avatar{
    display:none;
    position:absolute;
    bottom:10px;
    width:140px;
    text-align:center
}
#user_card .avatar-unit .counts{
    background:#fcfcfc;
    text-align:center
}
#user_card .avatar-unit .counts .followers{
    display:block;
    float:left;
    width:70px;
    height:40px;
    padding-top:10px;
    border-right:1px solid #EDEDED;
    text-decoration:none
}
#user_card .avatar-unit .counts .follows{
    display:block;
    height:40px;
    padding-top:10px;
    text-decoration:none
}
#user_card .avatar-unit .counts .num{
    font-size:16px;
    font-weight:700;
    color:#444;
    line-height:1;
    margin-bottom:5px
}
#user_card .avatar-unit .counts .sub{
    font-size:12px;
    line-height:1;
    color:#999
}
#user_card .avatar-unit .counts a:hover div{
    color:#C90000
}
#user_card .head-line{
    margin:20px 0 10px;
    line-height:1;
    position:relative
}
#user_card .head-line .name{
    font-size:24px;
    font-weight:700;
    color:#444;
    display:inline-block;
    margin-right:10px
}
#user_card .head-line .medal{
    display:inline-block;
    position:relative;
    margin-right:6px
}
#user_card .head-line .v-icon{
    width:18px;
    height:18px;
    display:inline-block;
    margin-right:6px;
    vertical-align: baseline;
}
#user_card .head-line .medal-info{
    position:fixed;
    display:none;
    padding:10px 15px;
    background-color:#fff;
    font-size:12px;
    color:#444;
    background-clip:padding-box;
    border:1px rgba(0,0,0,.07);
    box-shadow:0 1px 3px rgba(0,0,0,.3)
}
#user_card .head-line .medal-info .arrow{
    position:absolute;
    width:16px;
    height:8px;
    bottom:-8px;
    right:0;
    right:50%;
    margin-right:-2px;
    background:url(../static/images/profile_arrow.png) no-repeat
}
#user_card .head-line .medal-info .arrow-top{
    position:absolute;
    width:16px;
    height:8px;
    top:-8px;
    right:0;
    right:50%;
    margin-right:-2px;
    background:url(../static/images/profile_arrow_top.png) no-repeat
}
#user_card .head-line .medal-info .medal-header{
    font-size:12px;
    line-height:18px;
    color:#999;
    margin-bottom:8px
}
#user_card .head-line .medal-info .medal-header .icon{
    width:16px;
    height:18px;
    margin-right:4px;
    display:inline-block;
    background:url(../static/images/icon_v_info.png) no-repeat
}
#user_card .head-line .medal-info .title{
    vertical-align:top
}
#user_card .head-line .medal-info .content{
    width:auto;
    max-width:220px;
    max-height:45px;
    word-break:normal;
    text-overflow:ellipsis;
    overflow:hidden;
    line-height:1.25
}
#user_card .qiandao-count {width: 58%;margin-top: 20px;}
#user_card .uk-panel-title {font-size: 16px;font-weight: bold;margin-bottom: 5px;}
#user_card .qiandao-num {color: #F44336;font-size: 34px;}
#user_card .checkin-btn {
    text-indent: -9999px;
    display: inline-block;
    width: 185px;
    height: 70px;
    background-image: url(../images/checkin.jpg);
    background-repeat: no-repeat;
    background-position: -7px -20px;
    text-decoration: none;
}
#user_card a.checkin-btn:hover {
    background-position: -5px -245px;
}
#user_card .checked-in {
    background-position: -7px -100px;
}
.introduction{
    font-size:12px;
    line-height:14px;
    color:#999;
    margin-bottom:8px
}
.introduction li{
    list-style:none;
    display:inline-block;
    margin-right:10px;
    max-width:190px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.introduction li em{
    font-style:normal;color: #999;
}
.dayin-designer-about .introduction {font-size: 14px;line-height: 16px}
.dayin-designer-about .introduction li em{
  color: #fff;
}
.introduction li i{
    display:inline-block;
    background:url(../static/images/user_info_icons.svg) no-repeat;
    width:12px;
    height:12px;
    margin:0 6px -2px 0
}
.no-svg .introduction li i{
    background-image:url(../static/images/user_info_icons.png)
}
.introduction li i#intro_sex_man{
    background-position:0 0
}
.introduction li i#intro_sex_woman{
    background-position:0 -29px
}
.introduction li i#intro_location{
    background-position:0 -60px
}
.introduction li i#intro_horoscope{
    background-position:0 -90px
}
.introduction li i#intro_job{
    background-position:0 -120px
}
.about{
    color:#777;
    line-height:1.5;
    word-wrap:break-word;
    height:42px;
    overflow:hidden;
    padding-right:140px;
    margin-bottom:10px
}
.action-buttons{
    position:absolute;
    right:20px;
    top:20px
}
.action-buttons .btn{
    margin-left:10px
}
#user_card .report-user{
    width:20px;
    height:20px;
    background:url(../static/images/icon_report.png) 2px 2px no-repeat;
    position:absolute;
    right:18px;
    bottom:18px;
    cursor:pointer;
    display:none
}
#user_card .report-user:hover{
    background-position:2px -28px
}
#user_card .report-user:hover{
    background-position:2px -58px
}
#user_card .inner:hover .report-user{
    display:block
}
#user_card .bindings a{
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../static/images/profile_social.svg) 0 0 no-repeat;
    margin-right:10px
}
.no-svg #user_card .bindings a{
    background-image:url(../static/images/profile_social.png)
}
#user_card .bindings a.weibo:hover{
    background-position:-30px 0
}
#user_card .bindings a.renren{
    background-position:0 -30px
}
#user_card .bindings a.renren:hover{
    background-position:-30px -30px
}
#user_card .bindings a.tqq{
    background-position:0 -60px
}
#user_card .bindings a.tqq:hover{
    background-position:-30px -60px
}
#user_card .bindings a.douban{
    background-position:0 -90px
}
#user_card .bindings a.douban:hover{
    background-position:-30px -90px
}
#user_card .bindings a.link{
    background-position:0 -120px
}
#user_card .bindings a.link:hover{
    background-position:-30px -120px
}
#user_card .tabs{
    background:#FAFAFA;
    border-top:1px solid #EDEDED;
    position:relative
}

#user_card .tabs:before,
#user_card .tabs:after {
  display: table;
  content: " ";
}
#user_card .tabs:after {
  clear: both;
}

#user_card .tabs .tab{
    font-size:15px;
    height:48px;
    line-height:48px;
    padding:0 20px;
    color:#777;
    border-right:1px solid #EDEDED;
    display:block;
    float: left;
    text-decoration:none
}
#user_card .tabs .tab:hover{
    color:#ed4b27;
}
#user_card .tabs .active{
    background:#fff;
    color:#ed4b27;
    font-weight:700;
    border-bottom: 2px solid #ed4b27
}
#user_card .tabs .sorting-buttons{
    width:400px;
    text-align:center;
    position:absolute;
    left:50%;
    top:8px;
    margin-left:-200px
}
#user_card .tabs .sorting-buttons .rbtn{
    margin-right:10px
}
#user_card .side{
    width:196px;
    padding:20px 20px 0;
    position:absolute;
    right:0;
    top:0
}
#user_card .side h4{
    color:#999;
    margin:0 0 10px;
}
#user_card .side .item{
    background:#FAFAFA;
    line-height:30px;
    height:30px;
    color:#777;
    display:block;
    padding-left:40px;
    position:relative;
    margin-bottom:10px;
    overflow:hidden;
    white-space:nowrap
}
#user_card .side .item img{
    position:absolute;
    width:30px;
    height:30px;
    left:0;
    top:0
}
#user_card .side .item .v-icon{
    position:relative;
    width:18px;
    height:18px;
    margin:0 0 -4px 4px
}
.sort-list-header{
    position:relative;
    padding-bottom:13px;
    margin:16px;
    font-size:14px;
    color:#666;
    border-bottom:1px solid #D9D9D9
}
.sort-list-header:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    border-bottom:1px solid #FAFAFA;
    width:100%;
    height:0
}
.following-switcher,.pin-board-switcher{
    display:inline-block
}
.following-switcher li,.pin-board-switcher li{
    display:inline-block;
    font-size:15px;
    background:url("../static/images/tab_sprite.png") -1px -210px no-repeat;
    border-right:1px solid #CCC;
    font-weight:400
}
.following-switcher li.first,.pin-board-switcher li.first{
    background-position:0 -90px
}
.following-switcher li.last,.pin-board-switcher li.last{
    background-position:right -330px;
    border:0
}
.following-switcher li.first.selected,.pin-board-switcher li.first.selected{
    background-position:0 -170px
}
.following-switcher li.selected,.pin-board-switcher li.selected{
    background-position:-1px -290px
}
.following-switcher li.last.selected,.pin-board-switcher li.last.selected{
    background-position:right -410px
}
.following-switcher li a{
    color: #222;
    display:block;
    height:26px;
    line-height:26px;
    font-size:14px;
    cursor:pointer;
    text-decoration:none;
    padding:2px 20px
}
.following-switcher li a:hover,
.following-switcher li.selected a {color:#C90000;}
.sort-lists{
    display:block;
    zoom:1;
    position:relative;
    margin:0 auto 0 -15px;
}
.Board{
    width:228px;
    font-size:12px;
    background-color:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.no-boxshadow .Board {border: 1px solid #e0e0e0;}
.sort-lists .Board{
    position:relative;
    float:left;
    margin:0 0 15px 15px;
    left:0;
    top:0
}
.sort-lists .Board .collbtn {left:10px;top:10px;}
.sort-lists .Board .name {border: 1px solid #F2F2F2;background:#FAFAFA;font-size: 14px;padding:10px 10px 10px 15px;}
.sort-lists .Board .name a {color: #444;}
.sort-lists .Board .title {font-size: 14px;padding:0 10px 10px 15px;}
.sort-lists .Board .title a {color: #444;}
.dyl-list1 .Board .link{height:172px;}
.dyl-list1 .Board .link .over {height:162px;}
.stats {
    padding:0 15px;
    margin:0 0 10px;
}

.stats > span {
    display:inline-block;
    width:auto;
    height:16px;
    font-size:12px;
    margin-right:10px
}

.stats > span i {
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:4px;
    vertical-align:-3px;
    background:url(../static/images/action_icons.png) 0 0 no-repeat
}

.stats .like i {
  background-position: 0 0;
}

.stats .download i {
    background-position:right 0;
}

.stats .repin i {
    background-position:-16px 0;
}

.stats .comment i {
    background-position:-32px 0;
}

.stats .viewnum i {
    background-position:-49px 0;
}
.Board .description{
    display:block;
    padding:0 16px;
    margin:10px 0;
    line-height:1.35em;
    overflow:hidden;
    word-wrap:break-word
}
.convo{
    background:#FAFAFA
}
.convo:after{
    clear:both;
    display:block;
    height:0;
    content:" ";
    visibility:hidden
}
.convo p{
    margin:0 0 0 36px;
    overflow:hidden
}
.convo a.img img{
    width:34px;
    height:34px
}
a.convo{
    display:block;
    padding:12px 15px;
    text-align:center
}
a.convo:hover{
    background-color:#f2f0f0
}
a.convo:active{
    color:#221919;
    background-color:#e1dfdf
}
.attribution{
    color:#999;
    border-top:1px solid #F2F2F2;
    background:#FAFAFA;
    position:relative
}
.attribution a{
    color:#9E7E6B
}
.Board .attribution{
    padding:0 15px
}
.Board .attribution .img{
    width:34px;
    height:34px;
    margin:16px 0;
    display:block;
    float:left
}
.Board .attribution .v-icon{
    position:absolute;
    top:40px;
    left:40px
}
.Board .attribution .avt{
    width:34px;
    height:34px;
    display:block
}
.Board .attribution .text{
    margin-left:34px;
    height:51px;
    padding:15px 0 0 10px;
    line-height:1.5
}
.Board .attribution .text .inner{
    height:37px;
    overflow:hidden
}
.Board .attribution .text .inner .line{
    display:inline-block;
    width:100%
}
.Board .attribution .text .inner .line .author{
    float:left;
    max-width:120px;
    white-space:nowrap;
    max-height:80px;
    overflow:hidden
}
.person-item{
    background:#fff;
    border-top:1px solid white;
    width:228px;
    height:240px;
    box-shadow:0 1px 3px rgba(0,0,0,.3);
    position:relative;
    float: left;
    margin: 0 0 12px 12px;
}
.person-item .mask{
    background:#fafafa;
    height:78px
}
.person-item .img,.person-item .img:active{
    background:0
}
.person-item a.img:hover img,.person-item.img:active img{
    opacity:.9
}
.person-item .avt{
    width:120px;
    height:120px;
    border-radius:50%;
    border:4px solid white;
    box-shadow:0 0 3px rgba(0,0,0,.3);
    background:#fff;
    display: block;
    margin:-64px auto 0;
}
.person-item .username{
    display:block;
    width:216px;
    margin:10px auto 0;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    color: #444;
}
.person-item .btn-bar{
    position:absolute;
    bottom:10px;
    left:0;
    width:100%
}
.person-item .btn-bar .dyl-btn{
    display:block;
    margin:0 10px
}
.person-item .item-followuser i{
    width: 12px;
    height: 14px;
    vertical-align: middle;
    background:url(../static/images/follow_action.svg) 0 -60px no-repeat;
    margin-right:8px
}
.no-svg .person-item .item-followuser i{
    background-image:url(../static/images/follow_action.png)
}
.person-item .item-followuser:after{
    content:"关注"
}
.person-item .item-followuser .text{
    display:none
}
.person-item .item-unfollowuser i{
    background-position:0 -30px
}
.person-item .item-unfollowuser:after{
    content:"已关注"
}
.person-item .item-unfollowuser:hover i{
    background-position:0 -90px!important
}
.person-item .item-unfollowuser:hover:after{
    content:"取消关注"!important
}
.person-item .item-unfollowuser.following-me:after{
    content:"相互关注"
}
.person-item .item-unfollowuser.following-me i{
    background-position:0 0
}
.add-board{
    position:relative;
    float:left;
    left:auto;
    top:auto;
    width:285px;
    height:346px;
    background:#f6f5f5;
    background:rgba(255,255,255,.5);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
    cursor:pointer;
    overflow: hidden;
}
.no-boxshadow .add-board {border: 1px solid #e0e0e0;width:234px;height:294px;}
.add-board:hover{
    background:#fff
}
.add-board:active{
    background:#fafafa;
    background:rgba(255,255,255,.6)
}
.add-board .inner{
    margin:10px;
    height:322px;
    border:2px dashed #dedede;
    display: block;
}
.add-board:hover .inner{
    border-color:#d4d4d4;text-decoration: none;
}
.add-board:active .inner{
    border-color:#bbb
}
.add-board .inner i{
    display:block;
    width:48px;
    height:48px;
    background:url(../static/images/icon_add_rbig.png) 0 0 no-repeat;
    margin:120px auto 10px;
}
.add-board .inner em{
    display:block;
    width:48px;
    height:48px;
    margin:100px auto 10px;
    background:url(../static/images/warning_icon.png) 0 0 no-repeat;
}
.add-board:hover .inner i{
    background-position:0 -80px
}
.add-board:active .inner i{
    background-position:0 -160px
}
.add-board .inner span{
    display:block;
    color:#777;
    text-align:center
}
.add-board-sm {height:252px;}
.add-board-sm .inner {height:228px;}
.add-board-sm .inner i {margin: 80px auto 10px;}
.StaticForm li{
    clear:both;
    margin:0;
    padding:15px 0;
    color:#333;
    text-shadow:0 1px rgba(255,255,255,.9);
    border-top:1px solid rgba(255,255,255,.7);
    border-bottom:1px solid rgba(34,25,25,.1);
    float:left;
    width:100%
}
.StaticForm li:last-child{
    border-bottom:3px double rgba(34,25,25,.1)
}
.StaticForm li:after{
    clear:both;
    display:block;
    height:0;
    content:" ";
    visibility:hidden
}
.StaticForm label{
    float:left;
    width:100px;
    padding-right:15px;
    padding-top:7px;
    vertical-align:top;
    font-size: 16px;
    text-align: right;
}
.StaticForm .Left{
    width:150px;
    float:left
}
.StaticForm .Right{
    float:left
}
.StaticForm .Right li{
    border-width:0
}
.StaticForm .Right label{
    float:none;
    display:block;
    width:auto;
    padding:4px 0;
    font-size:18px;
    border-width:0;
    cursor:pointer
}
.StaticForm input[type=text],.StaticForm input[type=password],.StaticForm textarea{
    min-width:300px
}
/*Album page*/
#board_card{
    background:#FFF;
    position:relative;
    box-shadow:0 0 4px rgba(0,0,0,.2);
    margin:0 0 17px 0;
}
#board_card .inner{
    padding:20px 20px 15px;
    position:relative
}
#board_card .board-name{
    font-size:20px;
    font-weight:700;
    color:#444;
    display:inline-block
}
#board_card .board-status{
    background:#C90000;
    color:#FFF;
    display:inline-block;
    margin-left:10px;
    padding:2px 5px
}
#board_card .board-category{
    display:inline-block;
    padding-left:15px;
    margin-left:15px;
    border-left:1px solid #DDD;
    color:#999
}
#board_card .head-line{
    margin-bottom:20px
}
#board_card .board-description{
    color:#777;
    line-height:1.5;
    overflow:hidden
}
#board_card .board-description p {margin:0;}
#board_card .bar{
    background:#FAFAFA;
    border-top:1px solid #EDEDED;
    height:50px;
    position:relative
}
#board_card .user-unit{
    display:block;
    background:#FFF;
    height:30px;
    line-height:30px;
    text-decoration:none;
    position:absolute;
    left:20px;
    top:10px;
    color:#444;
    padding-left:30px
}
#board_card .user-unit:hover{
    color:#C90000
}
#board_card .user-unit .name{
    padding:0 10px
}
#board_card .user-unit img{
    width:30px;
    height:30px;
    position:absolute;
    left:0;
    top:0
}
#board_card .user-unit .v-icon{
    width:18px;
    height:18px;
    position:relative;
    margin:0 3px -4px -3px
}
#board_card .bar .tabs{
    position:absolute;
    right:0;
    top:0
}
#board_card .bar .tabs .tab{
    display:inline-block;
    padding:0 20px;
    height:50px;
    line-height:50px;
    height:50px;
    border-left:1px solid #EDEDED;
    text-decoration:none;
    color:#777
}
#board_card .bar .tabs .tab:hover{
    color:#C90000
}
#board_card .bar .tabs .active{
    background:#fff;
    color:#444;
    font-weight:700
}
/*用户墙*/
.dyl-online {padding:0 0 20px;overflow: hidden;background: #fff;}
.dyl-online .uk-comment-avatar {
    width: 48px;height:48px;float:left;margin-right:10px
}
.dyl-online table > tbody > tr > td {vertical-align: middle;text-align: center;}
.dyl-online th {text-align: center;}
.dyl-online-info {
    float: left;
    height: 120px;
    width: 322px;
    overflow: hidden;
    margin: 0 10px 12px 0;
    border-width: 1px 1px 3px 1px;
    border-color: #e3e4e5;
    border-style: solid;
    background-color: #fff;
}
.dyl-online-avatar {
    float: left;
    width: 80px;
    height: 80px;
    margin: 19px 0 0 19px;
}
.dyl-online-content {
    float: left;
    margin: 39px 0 0 16px;
    width: 195px;
    height: 60px;
}
.dyl-online-contents {
    float: left;
    margin: 20px 0 0 16px;
    width: 195px;
    height: 95px;
}
.dyl-online-contents p {margin-bottom:5px;}
.dyl-online-name {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    margin-bottom: 3px;
}
.dyl-online-name:hover {color: #444;}

/*设计师三列*/
.dyl-designer {margin-left: -10px;}
.dyl-designer-item {
    position: relative;
    width: 404px;
    height: 260px;
    overflow: hidden;
    margin:0 0 15px 12px;
    border-width: 1px 1px 3px 1px;
    border-color: #e3e4e5;
    border-style: solid;
    float: left;
    background-color: #fff;
}
.dyl-designer-avatar {
    position: absolute;
    width: 70px;
    height: 70px;
    overflow: hidden;
    top: 30px;
    left: 20px;
}
.dyl-designer-avatar img {width: 70px;height: 70px;}
.dyl-designer-level {
    position: absolute;
    top: 26px;
    right: 20px;
}
.dyl-designer-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin: 31px 60px 10px 100px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
}
.dyl-designer-info {
    color: #8c8c8c;
    height: 70px;
    overflow: hidden;
    margin-left: 100px;
    margin-right: 20px;
}
.dyl-designer-model {height: 86px;padding: 0 0 0 15px;overflow: hidden;zoom: 1;}
.dyl-designer-model li {width: 115px; height: 86px;float: left;margin-left: 7px;}
.dyl-designer-model li img {width:115px;height: 86px;}
/*设计师一列*/
.dyl-designer-list {
    width: 100%;
    overflow: hidden;
    margin: 0 0 12px;
    border-width: 1px 1px 3px 1px;
    border-color: #e3e4e5;
    border-style: solid;
    background-color: #fff;
    padding-bottom: 18px;
}
.dyl-designer-avatar1 {
    float: left;
    width: 100px;
    height: 100px;
    margin: 19px 0 0 19px;
}
.dyl-designer-contents {
    margin: 20px 0 0 138px;
}
.dyl-designer-contents p {margin-bottom:5px;}
.dyl-designer-name1 {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #444;
    margin-bottom: 3px;
}
.dyl-designer-grid {width: 50%;float: left;}
.dyl-designer-work {padding: 20px 15px 0 0;overflow: hidden;zoom: 1;}
.dyl-designer-work li {width: 195px;height: 122px; float: right;text-align: center;}
.dyl-designer-work li img {width: 95%;height:100%;}
/*icons-sprite*/
.nav-icon{
    width:16px;
    height:16px;
    display:inline-block;
    background:url(../static/images/menu_sprite.svg) 0 0 no-repeat;
    vertical-align: middle;
}
.no-svg .nav-icon{
    background-image:url(../static/images/menu_sprite.png)
}
.add-nav .nav-icon{
    background-position:0 -150px
}
.add-nav:hover .nav-icon{
    background-position:-50px -150px
}

.ui-dialog {
    *zoom:1;
    _float: left;
    position: relative;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 1px;
    outline: 0;
    background-clip: padding-box;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.ui-popup-show .ui-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ui-popup-focus .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.ui-popup-modal .ui-dialog {
}
.ui-dialog-grid {
    width: auto;
    margin: 0;
    border: 0 none;
    border-collapse:collapse;
    border-spacing: 0;
    background: transparent;
}
.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent;
}
.ui-dialog-header {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
}
.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 10px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 36px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}
.ui-dialog-close:hover,
.ui-dialog-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 15px;
    overflow:hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: default;
}
.ui-dialog-body {
    padding: 20px;
    text-align: center;
}
.ui-dialog-content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
    text-align: left;
}
.ui-dialog-footer {
    padding: 0 20px 20px 20px;
}
.ui-dialog-statusbar {
    float: left;
    margin-right: 20px;
    line-height: 1.428571429;
    font-size: 14px;
    color: #0368BF;
    white-space: nowrap;
}
.ui-dialog-statusbar label:hover {
    color: #333;
}
.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
    vertical-align: middle;
}
.ui-dialog-button {
    float: right;
    white-space: nowrap;
}
.ui-dialog-footer button+button {
    margin-bottom: 0;
    margin-left: 5px;
}
.ui-dialog-footer button {
    width:auto;
    overflow:visible;
    display: inline-block;
    padding: 6px 12px;
    _margin-left: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.ui-dialog-footer button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #333333;
  text-decoration: none;
}

.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ui-dialog-footer button {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.ui-dialog-footer button:active{
  background-image: none;
}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-dialog-footer button.ui-dialog-autofocus {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none;
}
.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
    top: -8px;
}
.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
    top: 8px;
}
.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
    left: -8px;
}
.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
    left: 8px;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    overflow:hidden;
    _color:#FF3FFF;
    _filter:chroma(color=#FF3FFF);
    border:8px dashed transparent;
}
.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b{
    display: block;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
    bottom: -16px;
    border-top:8px solid #7C7C7C;
}
.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
    bottom: -15px;
    border-top:8px solid #fff;
}
.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b  {
    left: 15px;
}
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b  {
    left: 50%;
    margin-left: -8px;
}
.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
    top: -16px;
    border-bottom:8px solid #7C7C7C;
}
.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    top: -15px;
    border-bottom:8px solid #fff;
}
.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
    left: 15px;
}
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
    margin-left: -8px;
    left: 50%;
}
.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
    right: 15px;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
    right: -16px;
    border-left:8px solid #7C7C7C;
}
.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    right: -15px;
    border-left:8px solid #fff;
}
.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
    left: -16px;
    border-right:8px solid #7C7C7C;
}
.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    left: -15px;
    border-right:8px solid #fff;
}
.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
    top: 15px;
}
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
    margin-top: -8px;
    top: 50%;
}
.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
    bottom: 15px;
}


@-webkit-keyframes ui-dialog-loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes ui-dialog-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ui-dialog-loading {
    vertical-align: middle;
    position: relative;
    display: block;
    *zoom: 1;
    *display: inline;
    overflow: hidden;
    width: 32px;
    height: 32px;
    top: 50%;
    margin: -16px auto 0 auto;
    font-size: 0;
    text-indent: -999em;
    color: #666;
}
.ui-dialog-loading {
    width: 100%\9;
    text-indent: 0\9;
    line-height: 32px\9;
    text-align: center\9;
    font-size: 12px\9;
}

.ui-dialog-loading::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;
    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
    -webkit-transform: rotate(360deg);
    -webkit-animation: ui-dialog-loading 1.5s infinite linear;
    transform: rotate(360deg);
    animation: ui-dialog-loading 1.5s infinite linear;
    display: none\9;
}

/* 让翻页器居中 */
.woo-pager{text-align:center;}
/* switch holder */
#switchholder{zoom:1;margin:0 0 16px;border-bottom:1px solid #ebebeb;}
#switchholder:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
#switchholder li{float:left;margin:0 4px 0 0;list-style:none;}
#switchholder li a{float:left;line-height:19px;padding:5px 16px 4px;+padding:6px 16px 3px;margin-top:2px;background-color:#f7f7f7;}
#switchholder li.woo-cur a:link,
#switchholder li.woo-cur a:visited{position:relative;bottom:-1px;margin-top:0;border:1px solid #ebebeb;border-bottom:1px solid #fff;background-color:#fff;}

/* 链接引导 */
.lattern{float:right;}
.lattern a{margin:0 8px;}
/*
@说明：底部翻页器
*/
.woo-pbr{height:60px;overflow:hidden;padding-top:16px;line-height:1;text-align:center;}
.woo-pbr .woo-dib{height:100%}
.woo-pbr li.woo-cur,
.woo-pbr a:link,
.woo-pbr a:visited{float:left;+display:inline;min-width:30px;height:34px;padding:10px 4px 0;+height:26px;+padding-top:8px;white-space:no-wrap;word-break:keep-all;text-align:center;border:1px solid #e3e2e1;border-radius:2px;background-color:#fff;color:#0052aa;font-size:14px;}
.woo-pbr a:hover{text-decoration:none;background-color:#f6f6f6;color:#0052aa;}
.woo-pbr li{height:40px;float:left\9;display:inline\9;margin:0 4px 0 0;}
.woo-pbr li.woo-cur{font-weight:bold;color:#fff;border-color:#2e6da4;background-color:#337ab7;}
.woo-pbr li.woo-ell{margin:10px 8px 0 6px;font-size:10px;font-weight:bold;+font-size:12px;+font-weight:normal;}
@media all and (min-width: 0px){
    .woo-pbr a{display:inline-block;float:none}.woo-pbr li{float:left}
}
.woo-pbr a.woo-pre,
.woo-pbr a.woo-nxt{width:68px;font-weight:normal;}
.woo-pbr a.woo-pre:link,
.woo-pbr a.woo-pre:visited{background-position:-1px -1px;}
.woo-pbr a.woo-pre:hover{background-position:-1px -31px;}
.woo-pbr a.woo-nxt:link,
.woo-pbr a.woo-nxt:visited{background-position:-71px -1px;}
.woo-pbr a.woo-nxt:hover{background-position:-71px -31px;}

.woo-pbr .woo-dib{float:none !important;display:inline-block;display:-moz-inline-box;-moz-box-align:stretch;+display:inline-block;vertical-align:middle}
.woo-pbr .woo-dib{+display:inline}
@media all and (min-width: 0px){ .woo-pbr .woo-dib{display:inline-block} }{}

/*
@说明：回到顶部按钮，下翻页、上翻页按钮
*/


/* goto nextpage and prepage */
#gopre,
#gonext{visibility:hidden;position:fixed;z-index:99999;width:50px;height:100px;right:0;bottom:10px;background-image:url(../static/images/gopage.gif);background-repeat:no-repeat;}
#gonext:link,
#gonext:visited{display:block;}
#gopre:link,
#gopre:visited{display:none;right:50px;background-position:-130px -250px;}
#gonext:hover,
#gopre:hover{background-color:rgba(230,240,250,.4);}
#gopre{left:100px; top:45%;}
#gonext{right:100px; top:45%;}
/* loading */
.woo-loading{height:40px;background:url(../static/images/loading.gif) center 12px no-repeat;}

/* woo-pcont 为空节点时，ie6 ie7下，节点的高度不为0 */
.woo-pcont{+height:0}

/* masn 生效前设置不可见 */
.woo-masned{zoom:1;margin-right:auto;}
.woo-masned{*overflow:hidden;visibility:hidden;margin-left:auto;margin-right:auto;}

/* woo 基本单元块，初始状态不可见 */
.woo-masned .woo{width:285px;position:absolute;}
.dyl-hidden-pager {position:absolute;left: -9999px;top: -9999px;}

/*help*/
.dyl-help-header {margin-top: -20px;}
.dyl-help-header .top{
    background:url(../static/images/dyl_banner.jpg) 0 0 no-repeat;
    background-size:cover;
    height:116px
}
.dyl-help-header .top.banner1 {
	background:url(../images/bg-header.png) repeat-x;
}
.dyl-help-header .top i{
    display:block;
    width:70px;
    height:70px;
    position:absolute;
    left:20px;
    top:23px;
    background:url(../static/images/about_page_icon_info.png) center top no-repeat
}
.dyl-help-header .top.contact {
	background:url(../images/bg-header.png) repeat-x;
}
.dyl-help-header .top.contact i{
    background-image:url(../static/images/about_page_icon_content.png)
}
.dyl-help-header .top.brand i{
    background-image:url(../static/images/about_page_icon_content.png)
}
.dyl-help-header .top .title{
    width:270px;
    height:60px;
    position:absolute;
    left:110px;
    top:28px;
    background:url(../static/images/about_page_title_info.png) 0 0 no-repeat;
}
.dyl-help-header .top.contact .title{
    background-image:url(../static/images/about_page_title_content.png)
}
.dyl-help-header .nav{
    border-bottom:2px solid #ededed;
    margin-top:20px
}
.dyl-help-header .nav a{
    color: #222;
    display:inline-block;
    width:110px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:16px;
    text-decoration:none;
    position:relative
}
.dyl-help-header .nav a.active{
    color:#C90000
}
.dyl-help-header .nav a.active:after{
    display:block;
    content:"";
    position:absolute;
    bottom:-2px;
    border-top:2px solid #ec6e52;
    width:100%
}
#about_contact{
	padding:30px 0
}
#about_contact .title{
	font-weight:700;
	margin-bottom:8px
}
#about_contact p{
	line-height:1.8;
	margin-bottom:20px
}
#about_contact p a{
	padding:0 5px
}
.ui-404 {background: #fff;}
.ui-404-cont {background:url(../images/404_page.jpg) no-repeat center 50px;width:930px;margin:0 auto;height:580px;}
.ui-404-info {padding-top:270px;color:#888;font-size:16px;}
.ui-404-info a {cursor:pointer;}
.ui-404-other {margin:0 60px 100px;}
.dyl-newmodel {background-color:#f4f4f4;position:relative;padding: 10px 15px 25px;overflow:hidden;margin-bottom: 10px;width: 578px;}
/*.dyl-newmodel-pic {width: 70px;float: left;}*/
.dyl-newmodel-pic img {
    border: 1px solid #DEDEDE;
    background: #fff;
    padding: 3px;
    width:68px;
    height:50px;
}
.dyl-newmodel-content {width: 400px;float: left;}
.uploadify-button-text {display:inline-block;width:100px;height:30px;background:#2f2f31;text-align:center;color:#fff;}
.dyl-from-tips {font-size: 14px;color: #888;font-weight: normal;}
.dyl-page-clear {clear: both;padding: 20px;}

.icon-white {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url("../static/images/glyphicons-halflings-white.png");
    background-position: 14px 14px;
}
.icon-play {background-position: -264px -72px;}

.gallery-thumb .icon-play, .thing-gallery-thumb .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -14px;
    border-radius: 14px;
    padding: 7px;
    background-position: -256px -66px;
    background-color: rgba(0,0,0,0.75);
}
/*tab切换*/
.flat-tabs {
    height: 37px;
    border-bottom: 1px solid #EDEDED;
    color: #444
}

.flat-tabs .tab {
    padding: 0 15px;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    color: #777;
    display: inline-block;
    background: #F7F7F7;
    margin-right: 1px;
    border: 1px solid #F7F7F7;
    border-radius: 2px 2px 0 0;
    border-bottom: 0;
    text-decoration: none;
    font-weight: 400
}

.flat-tabs .tab:hover {
    color: #444;
    background: #FCFCFC
}

.flat-tabs .active {
    background: #fff;
    border-color: #EDEDED;
    border-bottom: 1px solid white;
    color: #444;
    cursor: default
}

.flat-tabs .active:hover {
    background: #fff
}

/* 加载进度条 */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.dyl-upload-progress {
    width: 100%;
    height: 8px;
    overflow: hidden;
    z-index: 50;
    margin: 0;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: 0 0 0;
}

.dyl-upload-error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 16px;
    line-height: 16px;
    width: 100%;
    font-size: 12px;
    z-index: 100;
    text-align: center;
}

.dyl-upload-success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../plugins/webuploader/success.png) no-repeat right bottom;
}
.dyl-newmodel .title {width: 400px;}
.dyl-color li {margin: 0 6px 0 0;position: relative;float: left;border: 1px solid #cdcdcc;padding:2px;}
.dyl-color li:hover {border-color:#8c8c8c}
.dyl-color li a {text-indent: -9999px;display:block;width: 24px;height: 24px;cursor: pointer;z-index: 1000;}
.dyl-color li.active {border:1px solid #ff4a00;}
#uploader .queueList {margin:0;}

/*APP*/
.app-header {height:80px;}
.app-header a {display:block;width:180px;height:80px;line-height:80px;color:#333;text-indent: 60px;font-weight:bold;font-size:18px;float:left;background-image:url(../images/app/app_nav.png);background-repeat: no-repeat;}
.app-header a.app-nav1 {background-position: 0 0;color:#333;}
.app-header a.app-nav2 {background-position: 0 -80px;color:#75b516;}
.app-header a.app-nav3 {background-position: 0 -160px;color:#3185d2;}
.app-header a.app-nav4 {background-position: 0 -240px;color:#fead12;width:220px;}
.app-header a:hover {text-decoration: none;}
.app-wrap1 {height:600px;position:relative;background:url(../images/app/app_apple.png) no-repeat center top;}
.app-wrap2 {height:600px;position:relative;background:url(../images/app/app_android.png) no-repeat center top;}
.app-wrap3 {height:600px;position:relative;background:url(../images/app/app_win.png) no-repeat center top;}
.app-wrap4 {height:600px;position:relative;background:url(../images/app/app_firmware.png) no-repeat center top;}
.app-shadow {background:url(../images/app/app_shadow.png) repeat-x;width:100%;height:20px;position:absolute;left:0;top:0;}
.app-content {padding:140px 0 0 530px;}
.app-content p {font-size:20px;}
.firmware-content {padding:90px 0 0 530px;color: #111;}
.firmware-content label {cursor: pointer;}
.firmware-content p {font-size:22px;}
.firmware-content hr {border-color: #AC904E;}
.firmware-btn {margin:12px 0 0 20px;color:#222;font-size: 20px;float:left;}
.app-triggle {background:url(../images/app/app_tri.png) no-repeat;width:41px;height:29px;position:absolute;top:0;}
.app-triggle-a {left:48px;}
.app-triggle-b {left:230px;}
.app-triggle-c {left:405px;}
.app-triggle-d {left:600px;}
.app-download-btn {background:url(../images/app/app_btn.png) no-repeat;width:226px;height:52px;line-height:52px;display:block;font-size:30px;color:#fff;text-indent:75px;}
.app-download-btn:hover {text-decoration:none;color:#fff;}
.app-download-apple {background-position:0 -53px;}
.app-download-win {background-position:0 -106px;}
.app-qrcode {position:absolute;top:160px;right:-50px;width:200px;}
.app-qrcode p {font-size:14px;}

/*打印啦布局*/
.dyl-containter {
/*    width: 1442px;*/
    width: 1200px;
    margin: 0 auto;
}
.ui-home .dyl-containter {
    width: 1200px;
    margin: 0 auto;
}
.dyl-content {padding-bottom: 60px;}
.dayin-home-slide {width:1200px;height:250px;background: #fff;overflow: hidden}
.dayin-home-slide ul li {}
.dayin-home-slide img {max-width:100%;height:250px;display:block;}
.dayin-home-slide .slide-content {position: absolute;width:33.333%;right:0;top:15px;}
.dayin-home-slide .slide-content h2 {font-size: 28px;padding:0 0 10px;border-bottom: 1px solid #333;margin:0 20px;}
.dayin-home-slide .slide-content h2 i {font-size: 28px;margin-right: 5px;}
.dayin-home-slide .slide-inner {font-size: 14px;padding:10px 20px;}
.dayin-home-slide .slide-text {height:120px;overflow:hidden;font-size:13px;line-height:1.6}
.dayin-home-slide .slide-text-btn {margin-top:10px;}
@media screen and (max-width: 1550px){
    .dyl-containter {
        width:1200px;
    }
}
@media screen and (max-width: 1200px){
    .dayin-home-slide {width:960px;height:200px;}
    .dayin-home-slide img {height:200px;}
    .dayin-home-slide .slide-text-btn {display:none}
    .dayin-home-slide .slide-content h2 {font-size: 24px;}
    .dayin-home-slide .slide-content h2 i {font-size: 24px;}
    .dyl-containter, .ui-home .dyl-containter {
        width:960px;
    }
    .dyl-user .dyl-containter {
        width:960px;
    }
    .dyl-containter .dyl-footer-first {display: none;}
    .dyl-designer-work li {width: 154px;height: 108px;}
}
.dyl-containter:before,
.dyl-containter:after {
  content: " ";
  display: table;
}
.dyl-containter:after {
  clear: both;
}
.dyl-view-search {float:none}
.dyl-view-search .uk-search:before {width: 38px;height: 38px;line-height: 38px;font-size: 18px;right:0;left:inherit;cursor:pointer;}
.dyl-view-search .uk-search-field {width: 242px;height: 38px;padding: 0 0 0 10px;border: 1px solid #ccc;}
.dyl-view-search-button {position:absolute;top: 0;right:0;height: 38px;width: 40px;background: none;border: none;text-indent: -9998px;}
.dyl-view-search .uk-search.uk-active .uk-search-field {width: 242px;}
.dyl-uk-search .uk-search:before {width: 38px;height: 38px;line-height: 38px;font-size: 18px;}
.dyl-uk-search .uk-search-field {width: 220px;height: 38px;padding: 0 0 0 38px;border: 1px solid #ccc;}
.dyl-uk-search .uk-search-field:focus,
.dyl-uk-search .uk-search.uk-active .uk-search-field {width: 300px;}
.state-error {background: #fff1f0;color: #d85030;border-color: rgba(216, 80, 48, 0.3);}
.state-complete {background: #f2fae3;color: #659f13;border-color: rgba(101,159,19,.3);}

/**************************通用***********************************/
/*通用Box*/
.dayin-box {margin-left:-20px;padding: 0;}
.dayin-box:before, .dayin-box:after {content:"";display: block;overflow: hidden;}
.dayin-box:after {clear: both;}
.dayin-box-item {float:left;width:285px;margin-left:20px;margin-top: 20px;}
#js-userinfo-content .dayin-box-item {margin:0 0 20px 20px;}
.comment-info {position:relative;}
.dayin-box-comment .model-img{ width:100px; height:75px; overflow:hidden; float:left; margin-right:10px;}
.dayin-box-comment .model-img img {width:100px; height:75px; }
.dayin-box-comment .comment-name {color: #888;margin-bottom:5px;padding-right:80px;}
.dayin-box-comment .comment-avatar { width:30px; height:30px; float:left; margin-right:10px; }
.dayin-box-comment .comment-txt{ font-size:14px; height:60px;overflow: hidden;text-overflow: ellipsis;margin:0;}
.dayin-box-comment .comment-time {position: absolute;top:0;right:0;}
.dayin-box-text {padding: 15px 15px 15px 10px;position: relative;}
.dayin-box-text .stats {padding:0;margin:0;}
.dayin-box-count {height: 20px;margin:14px 0 0;font-size: 14px;line-height: 20px;}
.dayin-box-count label {float:left;color: #9aabb8;margin-right:13px;background: #dfe5e9;font-size: 12px;padding:0 5px;border-radius: 2px;font-weight: normal;}
.dayin-box-count .icon-model-cash {background: #fb3;color: #fff;}
.dayin-box-count .icon-model-jifen {background: #93D24F;color: #fff;}
.dayin-box-count .icon-model-featured {background: #3498db;color: #fff;}
.dayin-box-count a {float:left;color: #888;margin-right:14px;font-family: 'microsoft yahei'}
.dayin-box-count a:hover {color: #999;}
.dayin-box-count i{font-size: 16px;margin-right: 5px;}
.dayin-box-count a.collect:hover,.dayin-box-count a.collected {color: #93D24F;}
.dayin-box-count a.enjoy:hover,.dayin-box-count a.enjoyed, .dayin-box-count a.liked {color: #F44336;}
.dayin-box-count a.comment:hover {color: #3498db;}
.dayin-counters a {color: #999;font-size:18px;display: block;}
.dayin-counters a:hover {color: #999;}
.dayin-counters i{font-size: 24px;margin-right: 5px;}
.dayin-counters a.collect:hover,.dayin-counters a.collected {color: #93D24F;}
.dayin-counters a.enjoy:hover,.dayin-counters a.enjoyed, .dayin-counters a.liked {color: #F44336;}
.dayin-counters a.commente:hover {color: #3498db;}
.dayin-box-ico {height: 20px;margin:6px 0;font-size: 12px;line-height: 20px;}
.dayin-box-ico span {float:left;color: #b1b1b1;margin-right:15px;padding-left:20px;font-family: 'microsoft yahei'}
.dayin-box-ico-heart {background: url(../static/images/icon_heart.png) no-repeat left center}
.dayin-box-ico-eye {background: url(../static/images/icon_eye.png) no-repeat left center}
.dayin-box-ico-download {background: url(../static/images/icon_download.png) no-repeat left center}
.dayin-box-author {margin-top:12px;}
.dayin-box-author a {display:block;overflow: hidden;font-size: 12px;height: 20px;line-height: 20px;}
.dayin-box-author .author-img {float:left;width:20px;height:20px;margin-right:10px;border-radius: 50%}
.dayin-box-author .author-name {float:left;width: 180px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.dayin-box-author .author-label {float: right;}
.dayin-box-info {padding-top:5px;}
.dayin-box-info.for-collect {padding:10px;overflow:hidden;border: 1px solid #EFEFEF;background: #FAFAFA;color: #999;}
.dayin-box-info.for-make {padding:0 40px 0 0;}
.dayin-box-info .info-img {float:left;width:30px;height:30px;margin-right:10px;}
.dayin-box-info .info-title {margin:0;}
.dayin-box-info .info-title a{font-weight: 700;display:block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 14px;padding-bottom:4px;margin:0;}
.dayin-box-info .info-author {margin:0;line-height: 12px;}
.dayin-box-info .info-author a {font-size: 12px;color: #bebebe;display:block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.dayin-box-info .info-author a:hover {color: #0099ff;}
.dayin-box-info .info-icon {position: absolute;top:15px;right:10px;}
.dayin-box-link {display: block;font-weight: 700;}
.dayin-box-image {position: relative;display: block;}
.dayin-box-image .icon-model {bottom:4px;left:-6px;top: inherit;}
.dayin-box-img1 {width:283px;height:212px;}
.dayin-box-img2 {width:283px;height:283px;}
.dayin-box-img1 img {width:283px;height:212px !important;background: url(../images/loadings.gif) center center no-repeat;border-radius: 4px 4px 0 0;}
.dayin-box-img2 img {width:283px;height:283px !important;background: url(../images/loadings.gif) center center no-repeat;}
.dayin-box-about {
    width: 100%;
    height: 90px;
    position: absolute;
    float: left;
    top: 0;
    overflow: hidden;
    font-size: 12px;
    padding: 6px;
    color: #fff;
    pointer-events: none;
    background: transparent;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…gaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=");
    background: -moz-linear-gradient(top,rgba(0,0,0,0.6) 0%,transparent 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.6)),color-stop(100%,transparent));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.6) 0%,transparent 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0.6) 0%,transparent 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.6) 0%,transparent 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    border-radius: 4px 4px 0 0;
}
.dayin-box-about a {color:#fff;pointer-events: auto;}
.dayin-box-about a > img {display:inline-block;width:30px;height:30px;border-radius:50%;margin-right: 5px !important;border:2px solid #fff;-moz-transition:border-color .1s ease-in-out;-o-transition:border-color .1s ease-in-out;-webkit-transition:border-color .1s ease-in-out;transition:border-color .1s ease-in-out}
.dayin-box-about a > img:hover {border-color:#1989ff;-moz-transition:border-color .1s ease-in-out;-o-transition:border-color .1s ease-in-out;-webkit-transition:border-color .1s ease-in-out;transition:border-color .1s e}
.dayin-box-time {text-align: right;line-height: 36px;}
.dayin-box-cover{
    position:absolute;
    left:0px;
    top:0px;
    width:283px;
    height:212px;
    background:url(../static/images/board_info_cover.png) 0 0 repeat-x
}
.dayin-box-image:hover .dayin-box-cover{
    background-color:rgba(0,0,0,.1)
}
.dayin-box-icon {
  -webkit-appearance: none;
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background: transparent;
  display: inline-block;
  box-sizing: content-box;
  width: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color:#c0c0c0;
}
.dayin-box-icon:after {
  font-family: 'icondyl';
  display: block;
  font-size: 18px;
}
.dayin-box-icon-collect:after {
  content: "\e621";
}
.dayin-box-icon-like:after {
  content: "\e623";
}
.dayin-box-icon-view:after {
  content: "\e627";
}
.dayin-box-icon-download:after {
  content: "\e625";
}
.dayin-box-icon-cool:after {
  content: "\e606";
}
.dayin-box-icon:hover,
.dayin-box-icon:focus {
  outline: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  color:#a0a0a0;
}
.dayin-box-icon.liked {color: #f34927;}
.dayin-box-icon.liked:hover,
.dayin-box-icon.liked:focus {color: #f34927;}
.dayin-label {vertical-align:middle;padding:3px 8px;margin-left:5px;cursor: pointer;border-radius: 3px;font-size: 12px;text-align:center;color:#fff;display: inline;}
.dayin-label-person {background-color: #FDB70C;}
.dayin-label-company {background-color: #0097EE;}
.dayin-box-edit {font-weight: bold;z-index: 999;display:none;color:#fff;position: absolute;right: 0;top: 0;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #ff5f3f;}
.dayin-box-edit:hover {color:#fff;background: #EB4B27;}
.thumbnail:hover .dayin-box-edit {display:block;}
.dayin-slidenav {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: rgba(50, 50, 50, 0.4);
  font-size: 56px;
  text-align: center;
  display: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -30px;
}
.dayin-slidenav:hover,
.dayin-slidenav:focus {
  outline: none;
  text-decoration: none;
  color: rgba(50, 50, 50, 0.7);
  cursor: pointer;
}
.dayin-slidenav:active {
  color: rgba(50, 50, 50, 0.9);
}
.dayin-slidenav-previous:before {
  content: "\e615";
  font-family: 'icondyl';
}
.dayin-slidenav-next:before {
  content: "\e616";
  font-family: 'icondyl';
}
.dayin-slidenav-previous {
  left: -60px;
  text-align:left;
}
.dayin-slidenav-next {
  right: -60px;
  text-align:right;
}
.dayin-shejishi-block {position: relative;}
.dayin-shejishi-ul li {width:228px;float:left;margin-right:15px;background: #fff;}
.dayin-shejishi-icon {position: absolute;;right:10px;top:20px;}
.dayin-notice {height:30px;line-height:30px;position:relative;overflow:hidden;padding-left:115px;font-size:14px;color:#5c5c5c;}
.dayin-notice-title {position:absolute;left:0;top:-1px;}
.dayin-notice-bar {position: absolute;right:0;top:2px;}
.dayin-notice-bar a {text-align: center;text-decoration:none;height:26px;width:28px;line-height:26px; display:inline-block;margin-left:2px;color:#888;border:1px solid transparent;}
.dayin-notice-bar a:hover{color: #e74c3c;border-color:#e74c3c;}
.dayin-notice-bar i {font-size:18px;font-weight:bold;}
.dayin-notice-list li a {color:#e74c3c}
.dayin-notice-list li a:hover {text-decoration:underline;}
/***************************首页***********************************/
/***首页各个区块通用部分***/
.dayin-home-area {position: relative;padding-bottom:30px;}
.dayin-home-area-title{text-align: center; padding:20px 0px; color:#0096ec;}
.dayin-home-area-title p{font-size:30px; margin:0 0 8px; line-height:30px;}
.dayin-home-area-title>span{font-size:16px;font-weight:normal;}
.dayin-title {padding: 0 0 8px;margin-top:20px;color: #555;height:42px;line-height:34px;border-bottom: 1px solid #ddd;font-weight: bold;margin-bottom:20px;}
.dayin-title h2 {height:34px;line-height:34px;font-size: 20px;display:inline;font-weight: bold;color: #3498DB;}
.dayin-title h2 i {font-size: 20px;margin-right:8px;}
.dayin-title em {color:#999;line-height: 34px;font-size: 14px;margin:0 10px;font-weight: normal;}
.dayin-title .dayin-title-more {float:right;font-size: 14px;}
.dayin-title .dayin-title-more i {color: #F44336;margin-left:4px;}
/***模型区块***/
.dayin-home-model-tap{border-bottom: 2px solid #0096ec; position:relative;}
.dayin-home-model-tap ul{list-style: none; padding-left: 0; margin-bottom:0; }
.dayin-home-model-tap ul li{ display:inline-block;}
.dayin-home-model-tap ul li a{ display:inline-block; line-height:34px; font-size:18px; padding:0 20px 0 10px;}
.dayin-home-model-tap ul li.uk-active a{ background-color:#0096ec; color:#FFFFFF;}
.dayin-home-model-more{position:absolute;right: 0; bottom:0; margin-bottom:5px;}
.dayin-home-model-content{padding:0px 0 20px;}
/***新闻区块***/
.dayin-home-news{background-color: #e3f8fd;}
.dayin-home-news-title{ color:#000;}
.dayin-home-news-content{padding:50px 0 115px;}
.dayin-home-news-scenery{position:relative;width:100%;padding-top:57.3%;}
.dayin-home-news-img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow:hidden; max-height:100%;}
.dayin-home-news-img>img{width:100%;}
.dayin-home-news-list{list-style:none; padding-left:0; margin-top:0;}
.dayin-home-news-list li{border-bottom:1px dotted #5f5f5f;}
.dayin-home-news-list li a{display:inline-block; width:100%; line-height:41px; position:relative;}
.dayin-home-news-list li a span{position:absolute; right:0;}
.dayin-home-news-list i{position: absolute; left:-20px; top:12px; display:none;}
.dayin-home-news-list li a:hover{color:#fb3e19;}
.dayin-home-news-list li a:hover i{display: inline;}
.dayin-home-news-more{text-align:center; padding-bottom:28px;}
.dayin-home-news-more a{display: inline-block; width:138px; height:37px; border:1px solid #060606; font-size:12px; color:#060606;}
.dayin-home-news-more a:hover{ border-color:#0096ec; color:#0096ec;}
/*公司链接*/
.dayin-home-links{ background-color:#111;}
.dayin-home-links .dayin-home-container{ padding:24px 0 41px;}
.dayin-home-links ul{list-style:none; padding-left:0; margin-left:-15px;}
.dayin-home-links-item{ height:165px; padding-top:4px; border-right:1px solid #2b2b2b;}
.dayin-home-links-item.last{border-right:none; text-align:right;}
.dayin-home-links-item,.dayin-home-links-item a{color:#fff;}
.dayin-home-links-item table{line-height:25px; margin:0 auto;}
.dayin-home-links-item caption{text-align:left; padding-left:18px;}
.dayin-home-links-item td{ padding-left:15px; min-width:85px;}
/***************************专题***********************************/
/*专题页集合*/
.dayin-topics-container{width:960px; margin:0 auto;}
.dayin-topics-header{ margin-bottom:32px; width:100%; height:260px; background:url("../images/home/topic-banner.jpg") center;}
.dayin-topics-info {padding:7px;}
.dayin-topics-order{font-size:20px;}
.dayin-topics-preview{ list-style:none; padding-left:0;}
.dayin-topics-preview li{display:inline-block; width:72px; height:54px; margin-right: 5px;}
.dayin-topics-preview li img { width:72px; height:54px;}
.dayin-topic-content {line-height: 1.5;margin-top:20px;}
.dayin-topic-content img {max-width:100% !important;height:auto !important;}
.dayin-topics-count{ color: #cbcbcb;margin-left: 15px;}
/*专题内页布局*/
.dayin-topic-wrapper{width:1102px; margin:0 auto; background-color:#fff;}
.dayin-topic-container{width:994px; margin:0 auto;}
/*专题内页头部*/
.dayin-topic-header{ background-color:#585858;}
.dayin-topic-nav{height:50px;}
.dayin-topic-nav li{ display:inline-block;}
.dayin-topic-nav li a{ display:block; width:110px;line-height:50px; text-align:center; color:#fff; font-size:16px;}
.dayin-topic-nav li:hover a{background-color:#444;}
/*专题内页通用*/
.dayin-topic-area h2{text-align:center;margin:20px 0;}
.dayin-topic-area h2 i{font-size: 26px;padding-right:5px;}
/***************************设计师主页***********************************/
/*设计师主页头部*/
.dayin-designer-header {
  padding: 30px 0;
  margin-bottom: 20px;
  background: #333 url("../images/home/low-polygon.png");
  color: #fff;
  font-size: 16px;
}
.dayin-designer-avatar{ width:100px; height:100px; border-radius:4px; overflow:hidden; margin-right:20px;}
.dayin-designer-avatar img.current-avatar{max-width:100%;}
.dayin-designer-name{font-size: 30px;line-height:32px; margin-bottom:10px;}
.dayin-designer-nexus>a{margin-right:25px;}
.dayin-designer-nexus>a>.count{font-weight:bold;}
/*设计师主页内部导航*/
.dayin-designer-tab{margin-bottom:25px;}
.dayin-designer-tab-item{float:left;}
.dayin-designer-tab-item > a {
  display: block;
  font-size: 16px;
  line-height: 32px;
  padding: 0 22px;
  color: #555;
  border-radius: 16px;
}
.dayin-designer-tab-item>a:hover{background-color:#dbdbdb;}

.dayin-designer-tab-item.on > a {
  background-color: #3498db;
  color: #fff;
}

.dayin-designer-tab-item span.count {
  font-weight: bold;
}
/*设计师主页产品展示*/
.dayin-designer-main{margin-bottom:10px;}
.dayin-designer-main-title {
  color: #888;
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  line-height:30px;
}
.dayin-designer-main-title a {color:#888;}
/*设计师主页侧边区块*/
.dayin-designer-sidebox{margin-bottom: 20px;border-radius: 2px;padding: 20px;line-height: 16px;background: #fff;box-shadow: 0 1px 5px 0 rgba(85,85,85,.15); color:#999;}
.dayin-designer-desc {line-height: 22px;color: #555;}
.dayin-designer-title {border-left: 3px solid #3498db;font-size: 16px;line-height: 22px;padding-left: 10px;margin: 0 0 18px;}
.dayin-designer-sidebox .sidebox-list li {line-height: 28px;color: #6c6c6c;}
.dayin-designer-desc {color: #6c6c6c;font-size: 14px;line-height: 24px;}
.dayin-designer-sidebox h5 {
  color: #999;
  margin-top: 0;
}
.dayin-designer-sidebox a.website i{color:#999; padding-left:0.5em;}

.dayin-designer-sidebox .black {
  color: #555;
}

.dayin-designer-sidebox span.count {
  font-weight: 600;
  color: #555;
}
.dayin-designer-tag li{display:inline-block;margin: 0 2px 2px 0;border-radius: 4px;padding: 2px 6px;background: #eee;line-height: 25px;font-size: 12px;color: #777;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor:default;}
.dayin-designer-tag li:hover{ background-color:#777; color:#fff;}
.dayin-designer-visit li {width:58px;margin:0 8px 8px;display: inline-block;text-align: center;}
.dayin-designer-visit li img {width: 58px;height:58px;}
.dayin-designer-visit li p {margin:5px 0 0;font-size: 12px}

.dayin-company-banner {background: url(../images/designer/banner.jpg) no-repeat center top;height:250px;margin: -20px 0 -210px}
.dayin-company {border: 1px solid #e6e6e6;border: 1px solid rgba(230,230,230,.6);}
.dayin-company-header {padding: 30px;background: #eee;background: rgba(199,199,199,.5);}
.dayin-company-logo {width:110px;height:110px;float: left;}
.dayin-company-name {margin-left: 140px;}
.dayin-company-name h1 {font-size: 26px;font-weight: 400;margin: 0px 0 15px;}
.dayin-company-main {background:#fff;padding:30px;}
.dayin-company-content {padding: 0 30px 0 0;border-right:2px solid #f4f4f4;float: left;width: 860px;}
.dayin-company-side {width: 275px;float: right;}
.dayin-company-block {margin-bottom: 25px}
.dayin-company-block .company-title {border-left: 3px solid #3498db;font-size: 16px;line-height: 22px;padding-left: 10px;margin: 0 0 20px;}
.dayin-company-block .company-desc {color: #6c6c6c;font-size: 14px;line-height: 24px;margin-bottom: 0px}
.dayin-company-block .company-list li {line-height: 30px;color: #6c6c6c;}

.dayin-data-box {border: 1px solid #c9caca;background: #fff;min-height: 600px;}
.dayin-data-top {height: 48px;line-height: 48px;padding-left: 20px;background: #eee;font-size:16px;}
.dayin-data-content {padding: 20px;}
.dayin-data-title {padding: 20px 20px 22px 80px;position: relative;zoom:1;font-size: 14px;color:#959595;line-height: 22px;}
.dayin-data-title h3{font-size: 18px;line-height: 36px;font-weight: normal;color:#535353;margin:0;}
.dayin-data-title p {margin:0;}
.dayin-data-title .ico_data,
.dayin-data-title .ico_coupon,
.dayin-data-title .ico_award,
.dayin-data-title .ico_point,
.dayin-data-title .ico_envelop{
    position: absolute;top: 29px;left: 19px;background-image: url('../images/sign/pc_ico_spr.png');width: 46px;height: 46px;
}
.dayin-data-title .ico_data{background-position: 0 -228px;}
.dayin-data-title .ico_coupon{background-position: 0 -284px;}
.dayin-data-title .ico_award{background-position: 0 -338px;}
.dayin-data-title .ico_point{background-position: 2px -396px;}
.dayin-data-title .ico_envelop{background-position: 1px -452px;}
.dayin-data-nav {height: 39px;border-bottom: 1px solid #c9caca;margin-bottom: 10px;padding-left: 10px;position: relative;z-index: 10;}
.dayin-data-nav a{float: left;margin-left: 10px;height: 36px;padding-top:2px;border: 1px solid #c9caca;border-bottom: 0;font-size: 14px;position: relative;}
.dayin-data-nav .txt-nav{position: relative;cursor: pointer;height: 36px;line-height: 36px;padding: 0 18px;float: left;background: #fff;border-bottom: 1px solid #c9caca;}
.dayin-data-nav a:hover,
.dayin-data-nav a.active{
    text-decoration: none;color:#ff6600;background: #ff6a16;border-top-color: #ff6a16;border-left: 0;border-right: 0;
}
.dayin-data-nav a:hover .txt-nav,
.dayin-data-nav a.active .txt-nav{
    border-bottom-color: #fff;border-left: 1px solid #c9caca;border-right: 1px solid #c9caca;
}
.dyl-table-panel {border: 1px solid #dbdbdb;}
.dyl-table-top {border-bottom: 1px solid #dbdbdb; height: 32px;background: #fff;}
.dyl-table-top li {
    display: inline;
    float: left;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 99px;
    border-right: 1px solid #dbdbdb;
}
.dyl-table-top li a {
    color: #373737;
    width: 99px;
    display: block;
}
.dyl-table-top li a:hover { text-decoration: none; }
.dyl-table-top li a.active {
    background: url("../../images/buttons.png") repeat-x scroll 0 0 transparent;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    color: #ffffff;
    font-weight: bold;
}
.dyl-table-main {overflow: hidden;}
.dyl-table-header {background: #fff;padding: 15px;}
.dyl-table-header span {font-weight: bold;color: #fa8e1a;}
.dyl-table-box {border-top:1px solid #f1f1f1; background:#FFF; overflow:hidden;}
.dyl-table-box table {border-collapse:collapse;width: 100%;}
.dyl-table-box thead td {padding-left:15px; height:38px; line-height:38px; border-bottom:1px solid #f1f1f1; background:#f7f8f8; text-align: center;}
.dyl-table-box tbody td {padding:6px 0; line-height:2;height: 60px; padding-left:15px; border-bottom:1px solid #f1f1f1; text-align: center;}
.dyl-table-box tbody .time {color:#7f7f7f;}
.dyl-table-box tbody .zhichu {font-weight:bold; color:#5ec219;}
.dyl-table-box tbody .shouru {font-weight:bold; color:#fa8e1a;}
.dayin-zan {
    text-align: center;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 100px;
    margin: 40px auto 30px;
    background: #0099FF;
}
.dayin-zan-icon {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background: transparent;
    display: inline-block;
    box-sizing: content-box;
    width: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    color:#fff;
    padding-top:15px;
}
.dayin-zan-icon:hover {color: #fff;}
.dayin-zan-icon:after {
    font-family:'icondyl';
    display: block;
    content: "\e606";
    font-size: 38px;
}
.dayin-zan-num {
    color: #fff;
    font-size:18px;
    display:block;
}
.dayin-price {font-size: 24px;color: #F44336;}
.dayin-msg {
    font-size: 12px;line-height: 18px;vertical-align: middle;display: inline-block;position: relative;color: #555;
}
.dayin-msg .dayin-msg-con {padding: 2px 10px 2px 23px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.dayin-msg-large .dayin-msg-con {padding: 11px 28px 11px 44px;}
.dayin-msg-large {font-size: 14px;line-height: 22px;font-weight: bold;}
.dayin-msg-icon {top: 3px;left:6px;display: inline-block;position: absolute;font-size: 14px;font-family: "icondyl";font-style:normal;text-decoration: none;}
.dayin-msg-large .dayin-msg-icon {top:12px;left:11px;font-size: 22px;}
.dayin-msg.msg-success {color: #4ab933;}
.dayin-msg.msg-danger {color: #ea4a36;}
.dayin-msg.msg-info {color: #3a9ed5;}
.dayin-msg.msg-success .dayin-msg-con {border: 1px solid #dcf9d6;background-color: #edffe9;}
.dayin-msg.msg-danger .dayin-msg-con {border: 1px solid #ffe3e0;background-color: #fff2f2;}
.dayin-msg.msg-info .dayin-msg-con {border: 1px solid #e4f3fd;background-color: #f2faff;}
.dayin-msg.msg-warning .dayin-msg-con {border: 1px solid #faf1d7;background-color: #fffff1;}
.dayin-msg.msg-success .dayin-msg-icon:before {content: "\e62d"}
.dayin-msg.msg-danger .dayin-msg-icon:before {content: "\e62f"}
.dayin-msg.msg-info .dayin-msg-icon:before {content: "\e633"}
.dayin-state-wait {
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 65px;
    background-color: #fdb70c;
    width: 80px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.dayin-state-fail {
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 65px;
    background-color: #eb4f38;
    width: 80px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.waterfall-item {width: 224px;height: 230px;}
.dayin-header .uk-navbar {border-radius: 0;border: none;background: #fff;}
.dayin-add-model{
    position:relative;
    background:#fafafa;
    cursor:pointer;
    border:2px dashed #dedede;
    overflow: hidden;
}
.dayin-add-model:hover{
    background:#fff;border-color:#d4d4d4;
}
.dayin-add-model:active{
    background:#fafafa;
    background:rgba(255,255,255,.6)
}
.dayin-add-model .inner{
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    margin-left:-25px;
    margin-top:-30px;
}
.dayin-add-model .inner i{
    display:block;
    width:48px;
    height:48px;
    background:url(../static/images/icon_add_rbig.png) 0 0 no-repeat;
    margin:0 auto 10px;
}
.dayin-add-model:hover .inner i{
    background-position:0 -80px
}
.dayin-add-model:active .inner i{
    background-position:0 -160px
}
.dayin-add-model .inner span{
    display:block;
    color:#777;
    text-align:center
}
.dayin-dotnav,.dayin-dotnav-slide {
    display: block;
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 5px;
    left: 0;
    width: 100%;
}
.dayin-super-slide .dayin-dotnav {bottom:0;}
.dayin-dotnav li {
    margin: 0 5px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #bbb;
    text-indent: -999px;
    overflow: hidden;
}
.dayin-dotnav-white li {
    background: #bbb;
}
.dayin-dotnav li.on {
    opacity: 1;
    background: #007aff;
}
.dayin-dotnav-white li.on {
    background: #fff;
}
.dayin-dotnav-black li.on {
     background: #000;
}
.dayin-dotnav-orange li.on {
    background: #F44336;
}
/*add uikit*/
.uk-pagination>li {font-size:14px;}
input.uk-button-primary[type="submit"] {color: #fff;}
.dayin-pager .uk-pagination > li > a, .uk-pagination > li > span {
    padding: 8px 10px;
}
.dyl-header-search .uk-nav-search > li > a:hover {
  background: #ececec;
  color: #444;
  outline: none;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.uk-dotnav > * {float:none;display: inline-block;}
.uk-dotnav > * > * {width:11px;height:11px;}
.uk-search:before {font-size: 18px;color: rgba(0,0,0,0.8);}
.uk-panel-box-white {background: #fff;padding: 15px;}
.uk-panel-box-white .uk-panel-title {background: #fff;padding: 15px 0;}
.uk-pagination > .uk-active a {
    background: #3498db;
    color: #ffffff;
    border-color: transparent;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.uk-pagination > .uk-active a:hover {
    background: #3498db;
    color: #ffffff;
    border-color: transparent;
}
.uk-table.with-border th {background:#efefef}
.uk-table.with-border th,.uk-table.with-border td {
    border:1px solid #dddddd;
}
.dayin-form .uk-form-horizontal .uk-form-label {
    width: 110px;
    margin-top: 5px;
    float: left;
    text-align: right;
}
.dayin-form .uk-form-horizontal .uk-form-controls {
    margin-left: 125px;
}
.dyl-block {padding: 26px;background: #fff;}
/*收货地址*/
.dyl-address-list{}
.dyl-address-list-item{margin-bottom:10px;}
.dyl-address-default{ background-color:gray; display:none;}
.dyl-address-default.active{background-color:#8fce48; display:block;}
.dyl-address-list-item:hover .dyl-address-default{display:block;}
.dyl-address-list-item .content{padding:10px 10px 10px 30px;}
.dyl-address-list-item table{ width:100%;}
.dyl-address-list-item table td,.dyl-address-list-item table th{ padding:5px 0;}
.dyl-address-list-item table th{ text-align:right;padding-right:10px;}
.dyl-address-btns{padding:25px 0 0 30px;}
.dyl-address-btns a:first-child{margin-right:10px;}
.dyl-add-dashed{display:inline-block; width:400px; height:90px; border:1px dashed #777; font-size:22px; line-height:90px; text-align:center; color:#777;}
.dyl-add-dashed:hover{border-color:#3498db;}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle; }
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 32px;
    user-select: none;
    -webkit-user-select: none; }
.form-group-lg .select2-container .select2-selection--single {
    height:46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-search--inline {
    float: left; }
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051; }

.select2-results {
    display: block; }

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; }

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none; }
.select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
    left: 0; }

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-search--dropdown {
    display: block;
    padding: 4px; }
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0); }

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px; }
.form-group-lg .select2-selection--single .select2-selection__rendered {line-height:46px;font-size:18px}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.form-group-lg .select2-selection--single .select2-selection__placeholder {font-size:16px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
.form-group-lg .select2-selection--single .select2-selection__arrow {right:5px;top:8px}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
    padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white; }

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
    border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
    border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
    padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white; }

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }

.friend-link {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #c6c6c6;
    margin: 0 auto;
    margin-bottom: 24px;
}
.friend-link span {
    position: absolute;
    top: -9px;
    left: 50%;
    font-size: 16px;
    color: #c6c6c6;
    display: block;
    width: 90px;
    background-color: #F1F2F3;
    text-align: center;
    margin-left: -45px;
}
.friend-list li {margin-right: 20px;float:left;line-height: 22px;}
.friend-list li a {color: #999;}
.friend-list li a:hover {color: #0099ff;}


/*account page*/
.dyl-sidebar {
    float:left;
    background: #fff;
    border: 1px solid #ebebeb;
    width: 240px;
    padding:18px 0;
}
.dyl-sidebar-header {
    height: 50px;
    border-bottom: 1px solid #dfdfdf;
    margin: 0 22px;
}
.dyl-sidebar-caret {
    float:right;
    color:#888;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.dyl-sidebar .dyl-sidebar-header {border-bottom:none;}
.dyl-sidebar .dyl-sidebar-header h2 {font-size:16px;}
.dyl-sidebar-header h2 {font-size: 18px;line-height:50px;margin:0;color: #333;font-weight:normal;}
.dyl-sidebar-header h2 a {display:block;}
.dyl-sidebar-header h2 .icondyl {font-size:18px;}
.dyl-sidebar-header h2 a.collapsed .dyl-sidebar-caret {
    -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dyl-sidebar ul {margin:0 22px;}
.dyl-sidebar ul li a {display:block;padding:10px 22px;color:#6d6d6d;font-size: 14px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.dyl-sidebar ul li a:hover {color:#eb4b27;}
.dyl-sidebar ul li.active a {color:#eb4b27;background-color: #f3f3f3;font-weight:700;}

.dyl-main-content {border: 1px solid #ebebeb;background: #fff;float:right;width:940px;}
.dayin-block-title {font-size: 24px;color:#757575;width: 100%;position: relative;}
.dayin-block-title h4 {float:left;line-height: 34px;margin:0;}
.dayin-block-nav {margin-top:18px;border-bottom: 1px solid #e5e5e5;width: 100%;height:33px;}
.dayin-block-nav li {float: left;margin-right: 40px;line-height: 32px;}
.dayin-block-nav li a {display: block;width: 100%;height: 34px;overflow: hidden;line-height: 34px;color:#757575;font-size:16px;}
.dayin-block-nav li a:hover {color: #333;}
.dayin-block-nav li.active a {color: #ff6700;border-bottom: 3px solid #ff6700;}
.dayin-block-nav .text-center li {float:none;display: inline-block;}
.dayin-block-tips {padding:8px 0;color:#888;border-bottom: 1px dashed #e5e5e5;}

.form-horizontal .controls > a:first-child,
.form-horizontal .controls > span:first-child{display: inline-block;padding-top: 3px;}
.errorMessage {
  color: #ea4a36;
}
.summary {margin: 10px 0;text-align: right;}

.dyl-price-list li {
    position: relative;
    width: 108px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 10px 20px 25px;
}
.dyl-price-list li:hover {
    border-color: #999;
}
.dyl-price-list li.active {
    background: url(../images/sign/blue-tick.png) bottom right no-repeat #2faeff;
    border-color: #2faeff;
    font-weight: bold;
    color:#fff;
}
.dyl-price-list li i {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 18px;
    color: #FF5722;
    display: none;
}
.dyl-price-list li.active i {
    display: block;
}
.dyl-price-list li em {
    color: #fff;position: absolute;bottom: 0;left: 0;
    background: #4CAF50;font-size: 12px;width: 100%;
}
.weixin-pay-left {width:300px;float:left}
.weixin-pay-right {margin-left: 50px;float:left;width:330px;height:430px}
.weixin-pay-text {margin-top:20px;padding: 8px 0 8px 125px;background: url(../images/icon-red.png) 50px 8px no-repeat #ff7674;color: #fff;font-size: 14px;line-height: 24px;}

/*鼠标移入 显示遮罩层*/
.dayin-overlay {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    margin: 0;
}
.dayin-overlay-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  color: #ffffff;
  opacity: 0;
  background: rgba(0,0,0,0.6);
  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-property: opacity,transform,filter;
}
.dayin-overlay:hover .dayin-overlay-panel,
.dayin-overlay.active .dayin-overlay-panel {opacity: 1;}
.dayin-overlay-panel h3 {color: #fff;}
.dayin-collect .col-xs-4 img {width:86px;height: 64px;}
.dayin-collect-bg {display: block;height: 278px;width: 275px;background: url(../images/border.png) no-repeat;}
.dayin-collect-bg .img-thumbnail {border-radius: 0;padding:0;border:0;}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.gu-success {border-color:#5cb85c;}
.feed-block {display: block;width:410px;margin:0 auto;padding:3px;}
.feed-body .comment {padding:8px 0;}
.feed-body .comment .action {display:none;}
.feed-body .media-left {padding-right:20px;}
.feed-block .img-thumbnail {border: 0;border-radius: 0;padding:0;}
.feed-block .col-xs-12 img {width: 396px;height:297px;}
.feed-block .col-xs-4 img {width: 128px;height:96px;}
.feed-body {padding:20px 20px 10px;}
.feed-head {margin:2px 0;font-size:14px;}
.feed-follow-btn {position: absolute;right:15px;top:10px;}
.feed-body .dyl-view-comment {padding:5px 0 5px 70px}
.feed-body .dyl-view-comment textarea {width:410px;}

.dayin-panel {padding:25px 35px;border:1px solid #ddd;margin-bottom:20px;background: #fff;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, .05);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);}
.dayin-panel-heading {border-bottom: 1px solid #e8e8e8;position: relative;}
.dayin-panel-heading h3 {font-size:22px;line-height: 40px;margin:0;color: #0097da}
.dayin-panel-heading b {
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 130px;
    display: block;
    background: #0097da;
}
.dayin-panel-body {padding:40px;}
.dayin-form-radio {margin-right:20px;}
.dayin-form-radio span {padding-left:10px;cursor: pointer;}
.dayin-form-required {color: #FF0000;font-family: SimSun;font-size: 14px;margin-right: 3px;}
.dayin-order-info {padding:24px 86px;}
.dayin-order-info .title {line-height: 20px;font-weight: bold;margin-bottom: 10px;}
.dayin-order-info dl {
    clear: both;
    overflow: hidden;
}
.dayin-order-info dl.mutil-dt dt {
    width: 70px;
    text-align: right;
}
.dayin-order-info dl dt {
    color: #999;
}
.dayin-order-info dl.mutil-dt dd {
    width: 184px;
}
.dayin-order-info dl dt, .dayin-order-info dl dd {
    font-weight: normal;
    display: inline;
    float: left;
    line-height: 28px;
}
.dayin-row.row {margin-right: -5px;margin-left: -5px;}
.dayin-row .col-xs-6,
.dayin-row .col-xs-4,
.dayin-row .col-xs-3 {padding-right: 5px;padding-left: 5px;}
.dayin-row-label label {font-weight:normal;}
.dayin-printer-icon {width:42px;height:42px;border-radius: 50%;background: #ccc;}
.dayin-printer-caret {
    color:#888;
    display:inline-block;
    font-size:24px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}
.dayin-printer-list a.collapsed .dayin-printer-caret {
    -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dayin-printer-list .panel+.panel {margin-top:15px;}
.dayin-material-list {margin-left:-10px;overflow: hidden;}
.dayin-material-list .thumbnail {margin-bottom: 0;}
.dayin-material-list li {
    float:left;
    margin-left: 12px;
    width:184px;
}
.dayin-material-table tbody tr:first-child .js-delete-layer {display: none;}
.dayin-material-color span {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    padding:2px 5px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    float:left;margin:3px 3px 0 0;overflow: hidden;
}
.dayin-material-color span:hover,.dayin-material-color span.on {background: #33ace1;color:#fff;}
/*打印服务页*/
.dayin-print-title {font-size:20px;font-weight:700;margin:30px 0 20px;position: relative;}
.dayin-print-intro {position: absolute;top:0;left:50%;width:110px;height:32px;margin-left:-55px;}
.dayin-material-sublist a {
    float: left;
    background: #ededed;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #666;
    font-size: 13px;
    padding:0 30px;
    display: block;
    margin-right: 3px;
    margin-bottom: 3px;
    cursor: pointer;
    border: 1px solid #ededed;
}
.dayin-material-sublist a.active {
    color: #fff;
    border-color: #2faeff;
    background: url(../images/print/blue-tick.png) bottom right no-repeat #2faeff;
}
.dayin-material-li {margin-bottom: 5px;cursor: pointer;}
.dayin-material-li strong {text-decoration: underline;}
.dayin-material-li:hover strong {text-decoration: none;}
.dayin-print-upload .webuploader-pick {
    position: relative;
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 16px;
    font-size: 18px;
    color: #333;
    text-align: center;
    border-radius:0;
    overflow: hidden;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}
.dayin-print-upload .webuploader-pick-hover {
    background: #f5f5f5;
}
.dayin-print-upload .webuploader-pick i {
    color:#0099ff;font-size: 38px;vertical-align: middle;
}
.dayin-print-progress {
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: 0 0 0;
}
.dayin-print-progress .progress-bar {background: #e1f5fe;border-right: solid 2px #1094fa;}
.dayin-print-progresstext {position: relative;z-index: 99;}
.dayin-print-progresstext p {font-size:16px;font-weight: bold;margin-bottom:10px !important;}
.print-item {padding:0px 10px 15px 0;margin-bottom:15px;position: relative;border-bottom:1px solid #e6e6e6;}
.print-item-avatar {float:left;width:100px;}
.print-item-avatar img {width:100px;height:75px;border-radius: 5px;}
.print-item-content {float:left;width:650px;margin-left:15px;color:#888;}
.print-item-content p {margin:0 0 4px;}
.print-item-action {float: right;margin-top:50px;}
.print-item-action label {font-weight:normal;}
.print-item-close {position: absolute;right:10px;top:0;}
.print-item-close i {font-size: 20px;color: #888;}
.print-item-close:hover i {color: red;}
.print-dialog {width:1000px;}
.print-dialog-left{float:left;width: 35%}
.print-dialog-left .dialog-card {background: #fff;overflow: hidden;border-right:1px solid #ebebeb;}
.print-dialog-left .dialog-card-header {margin-bottom:20px;width: 100%;text-align: center;padding:20px 10px 60px;background-size: cover;background-position:center; background-color: #ccc;color: #fff;position: relative;}
.print-dialog-left .dialog-card-header:before {content:'';background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;}
.dialog-card-header h4 {margin:0 0 10px;position: relative;}
.print-dialog-left .dialog-card-avatar {position: absolute;left:50%;bottom:-32px;display:block;width:64px;height:64px;margin-left:-32px;border-radius: 50%;}
.dialog-card-content {padding:20px;}
.print-dialog-right {float: right;width: 65%;}
.print-dialog-header {padding:50px 30px;}
.print-dialog-header.qiye {background: url(../images/print/qiye_header_lg.png) no-repeat;padding:80px 30px 18px;}
.print-dialog-address li {
    position: relative;
    cursor: pointer;
    margin-bottom:5px;
}
.print-address-btn a {margin-left:5px;}
.print-dialog-address li:hover {background:#fff1f0}
.print-dialog-address li:hover .print-address-btn {display: inline;}
.print-dialog-address li input {margin:0 5px;}
/*打印服务首页*/
.print-full-slide {
    min-width: 1000px;
    position: relative;
    height: 540px;
    overflow: hidden;
}
.print-full-slide .bd ul {
    width: 100% !important;
}
.print-full-slide .bd li {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100% !important;
    height: 540px;
}
.print-full-slide .bd li .slide-info {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    height: 540px;
}
.print-full-slide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.print-full-slide .hd ul li {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 12px;
    height: 12px;
    margin: 4px 6px;
    background: #fff;
    overflow: hidden;
    line-height: 9999px;
    border-radius:12px;
    filter: alpha(opacity=40);
    opacity: 0.4;
}
.print-full-slide .hd ul .on {
    filter: alpha(opacity=100);
    opacity: 1;
}
.print-full-slide .slide-content {padding:50px 0;text-align:center;width:1000px;margin:0 auto;color:#fff;}
.dayin-warning-icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    background: url(../images/gantan.png) no-repeat center center;
}
.print-slide-video {
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
    height:100%;
    background:url(../images/print/resinhero3.jpg) no-repeat center \9;
}
.print-slide-playvideo {
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.print-slide-inner {
    position: relative;
    z-index: 1;
    color:#fff;
}
.print-slide-title {font-size: 48px;padding-top:100px;}
.print-slide-button {width:500px;margin:50px auto 0;}
.print-slide-button p {font-size: 20px;}
.print-slide-button a {padding:14px 28px;font-size: 22px;}
.print-joinus {background: url(../images/print/joinus.jpg) no-repeat center;background-size: cover;text-align: center;color:#fff;padding:30px 0 40px;}
/*打印订单页面*/
.print-order-title {margin:20px 0;font-size:24px;}
.print-order-step .panel-heading {padding:0;height:46px;line-height: 46px;}
.print-order-step .active {background: #0097da;color:#fff;}
.print-order-step .panel-body {padding:30px 20px;}
.print-order-properties img {position:absolute;left:10px;top:0;}
.print-order-properties div {padding-left:80px;}
.print-order-properties p {margin:5px 0;color:#888;}
.print-order-text {padding:0 100px;}
.print-order-intro {position:absolute;top:15px;left:15px;cursor: pointer;}
.ant-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ant-timeline-item {
  position: relative;
  padding: 0 0 12px 0;
  list-style: none;
  margin: 0;
}
.ant-timeline-item-tail {
  position: absolute;
  left: 5px;
  top: 0;
  height: 100%;
  border-left: 2px solid #e9e9e9;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100px;
  border: 2px solid transparent;
}
.ant-timeline-item-head-blue {
  border-color: #2db7f5;
  color: #2db7f5;
}
.ant-timeline-item-head-red {
  border-color: #f50;
  color: #f50;
}
.ant-timeline-item-head-green {
  border-color: #87d068;
  color: #87d068;
}
.ant-timeline-item-head-custom {
  position: absolute;
  text-align: center;
  width: 40px;
  left: -14px;
  line-height: 1;
  margin-top: 6px;
  border: 0;
  height: auto;
  border-radius: 0;
  padding: 3px 0;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-timeline-item-content {
  padding: 0 0 10px 24px;
  font-size: 12px;
  position: relative;
  top: -3px;
}
.ant-timeline-item-last .ant-timeline-item-tail {
  border-left: 2px dotted #e9e9e9;
  display: none;
}
.ant-timeline-item-last .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
}


/*打印啦订单*/
.sep {
    margin: 0 .25em;
    font-family: sans-serif;
}
.uc-order-item .order-status {
    font-size: 18px
}
.uc-order-item-pay .order-status,.uc-order-item-pay .order-desc {
    color: #ff6700
}
.uc-order-item-shipping .order-status,.uc-order-item-shipping .order-desc {
    color: #83c44e
}
.uc-order-item-finish .order-status,.uc-order-item-finish .order-desc {
    color: #b0b0b0
}
.order-list-box .order-list {
    margin: 0;
    padding: 30px 0 10px;
}
.order-list-box .uc-order-item {
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    position: relative;
}

.order-list-box .uc-order-item-pay {
    border-color: #ff6700
}

.order-list-box .uc-order-item-pay .order-detail+.order-detail {
    border-top: 1px solid #ff6700
}

.order-list-box .uc-order-item-pay .order-summary {
    background: #fffaf7
}

.order-list-box .uc-order-item-pay .order-detail-table th {
    background: #fffaf7;
    border-bottom: 1px solid #feccac
}

.order-list-box .uc-order-item-shipping {
    border-color: #83c44e
}

.order-list-box .uc-order-item-shipping .order-detail+.order-detail {
    border-top: 1px solid #83c44e
}

.order-list-box .uc-order-item-shipping .order-summary {
    background: #fbfff6
}

.order-list-box .uc-order-item-shipping .order-detail-table th {
    background: #fbfff6;
    border-bottom: 1px solid #cfeeab
}

.order-list-box .uc-order-item-finish {
    border-color: #b0b0b0
}

.order-list-box .uc-order-item-finish .order-detail+.order-detail {
    border-top: 1px solid #b0b0b0
}

.order-list-box .uc-order-item-finish .order-detail-table th {
    border-bottom: 1px solid #e0e0e0
}

.order-list-box .order-summary {
    padding: 25px 30px 1px
}

.order-list-box .flag {
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0 16px;
    font-size: 12px;
    color: #fff
}

.order-list-box .flag:hover .popup-tip {
    display: block
}

.order-list-box .flag-gift {
    color: #fff;
    background-color: #e53935
}

.order-list-box .popup-tip {
    display: none;
    position: absolute;
    top: 30px;
    right: -48px;
    width: 238px;
    height: 18px;
    padding: 15px;
    border: 1px solid #fed430;
    font-size: 12px;
    text-align: center;
    color: #424242;
    background: #fffdf2
}
.order-list-box .popup-tip:before {
    position: absolute;
    top: -5px;
    left: 190px;
    width: 9px;
    height: 5px;
    content: '';
    background: url(../images/print/tip-arrow.png) no-repeat 50% 0
}
.order-list-box .order-detail-table {
	width: 100%
}
.order-list-box .order-detail-table th {
	height: 28px;
	padding: 0 30px 24px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: 400;
	text-align: left;
	color: #757575;
	vertical-align: bottom
}

.order-list-box .order-detail-table th.col-sub {
	width: 240px;
	padding-left: 10px;
	text-align: right
}
.order-list-box .order-detail-table th.col-main {
	padding-right: 10px
}
.order-list-box .order-detail-table th p {
	margin: 0
}
.order-list-box .order-detail-table th .sep {
	color: #e0e0e0
}
.order-list-box .order-detail-table th .num {
	height: 18px;
	margin-right: 5px;
	font-size: 28px;
	font-weight: 200;
	line-height: 1;
	color: #333
}
.order-list-box .order-detail-table td {
	padding: 0 30px
}
.order-list-box .order-detail-table .order-actions {
	padding-top: 20px;
	text-align: right;
	vertical-align: top
}
.order-list-box .order-detail-table .order-actions .btn {
	width: 120px;
	margin: 0 0 10px auto;
        
}
.order-list-box .goods-list {
	margin: 0;
	padding: 10px 0;
	list-style-type: none
}
.order-list-box .goods-list li {
	position: relative;
	height: 44px;
	margin: 10px 0;
	padding: 8px 18px 8px 100px;
	line-height: 22px;
	color: #333;
        box-sizing: content-box;
}
.order-list-box .goods-list .figure-thumb {
	position: absolute;
	left: 0;
	top: 0
}
.order-list-box .goods-list .figure-thumb a {
	display: block
}

.order-list-box .goods-list .figure-thumb img {
	width: 80px;
	height: 60px
}

.order-list-box .goods-list .name {
	margin: 0
}
.order-list-box .goods-list .name a {
	color: #333
}
.order-list-box .goods-list .name a:hover {
	color: #ff6700
}
.order-list-box .goods-list .price {
	margin: 0
}
/*BUTTON*/
.order-list .btn {border-radius:0;-webkit-transition: all .4s;transition: all .4s; }
.btn-gray {
    background: #b0b0b0;
    border-color: #b0b0b0;
    color: #fff
}
.btn-gray:hover {
    background-color: #757575;
    border-color: #757575;
    color: #fff
}
.btn-primary1 {
    background: #ff6700;
    border-color: #ff6700;
    color: #fff
}
.btn-primary1:hover {
    background-color: #f25807;
    border-color: #f25807;
    color: #fff
}
.btn-green {
    background: #83c44e;
    border-color: #83c44e;
    color: #fff
}
.btn-green:hover {
    background-color: #71b639;
    border-color: #71b639;
    color: #fff
}
.btn-orange {
    background: #ffac13;
    border-color: #ffac13;
    color: #fff
}
.btn-orange:hover {
    background-color: #ff920f;
    border-color: #ff920f;
    color: #fff
}
.btn-gold {
    background: #ffd600;
    border-color: #ffd600;
    color: #fff
}
.btn-gold:hover {
    background-color: #fec517;
    border-color: #fec517;
    color: #fff
}
.btn-ocean {
    background: #2196f3;
    border-color: #2196f3;
    color: #fff
}
.btn-ocean:hover {
    background-color: #0c80dc;
    border-color: #0c80dc;
    color: #fff
}
.btn-blue {
    background: #545ad0;
    border-color: #545ad0;
    color: #fff
}
.btn-blue:hover {
    background-color: #494fc5;
    border-color: #494fc5;
    color: #fff
}
.btn-red {
    background: #e53935;
    border-color: #e53935;
    color: #fff
}
.btn-red:hover {
    background-color: #e42a27;
    border-color: #e42a27;
    color: #fff
}
.btn-purple {
    background: #a31daf;
    border-color: #a31daf;
    color: #fff
}
.btn-purple:hover {
    background-color: #9715a2;
    border-color: #9715a2;
    color: #fff
}
.btn-pink {
    background: #f93e7a;
    border-color: #f93e7a;
    color: #fff
}
.btn-pink:hover {
    background-color: #e9306c;
    border-color: #e9306c;
    color: #fff
}
.btn-cyan {
    background: #00c0a5;
    border-color: #00c0a5;
    color: #fff
}
.btn-cyan:hover {
    background-color: #03b3ad;
    border-color: #03b3ad;
    color: #fff
}
.btn-line-gray {
    border-color: #b0b0b0;
    background: #fff;
    color: #757575
}
.btn-line-gray:hover {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}
.btn-line-primary {
    border-color: #ff6700;
    background: #fff;
    color: #ff6700
}
.btn-line-primary:hover {
    color: #fff;
    background-color: #f25807;
    border-color: #f25807
}
.btn-line-green {
    border-color: #83c44e;
    background: #fff;
    color: #83c44e
}
.btn-line-green:hover {
    color: #fff;
    background-color: #71b639;
    border-color: #71b639
}
.btn-line-orange {
    border-color: #ffac13;
    background: #fff;
    color: #ffac13
}
.btn-line-orange:hover {
    color: #fff;
    background-color: #ff920f;
    border-color: #ff920f
}
.btn-line-gold {
    border-color: #ffd600;
    background: #fff;
    color: #ffd600
}
.btn-line-gold:hover {
    color: #fff;
    background-color: #fec517;
    border-color: #fec517
}
.btn-line-ocean {
    border-color: #2196f3;
    background: #fff;
    color: #2196f3
}
.btn-line-ocean:hover {
    color: #fff;
    background-color: #0c80dc;
    border-color: #0c80dc
}
.btn-line-blue {
    border-color: #545ad0;
    background: #fff;
    color: #545ad0
}
.btn-line-blue:hover {
    color: #fff;
    background-color: #494fc5;
    border-color: #494fc5
}
.btn-line-red {
    border-color: #e53935;
    background: #fff;
    color: #e53935
}
.btn-line-red:hover {
    color: #fff;
    background-color: #e42a27;
    border-color: #e42a27
}
.btn-line-purple {
    border-color: #a31daf;
    background: #fff;
    color: #a31daf
}
.btn-line-purple:hover {
    color: #fff;
    background-color: #9715a2;
    border-color: #9715a2
}
.btn-line-pink {
    border-color: #f93e7a;
    background: #fff;
    color: #f93e7a
}
.btn-line-pink:hover {
    color: #fff;
    background-color: #e9306c;
    border-color: #e9306c
}
.btn-line-cyan {
    border-color: #00c0a5;
    background: #fff;
    color: #00c0a5
}
.btn-line-cyan:hover {
    color: #fff;
    background-color: #03b3ad;
    border-color: #03b3ad
}