﻿.head-site-lists a,.details-message-site .dropdown-toggle .placeholder,.details-message-site .select-site-name,.details-message-site .select-site-url,.panel-contact p,.details-recommend li .details-recommend-title {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.head {
    border-bottom:1px solid #d9dbde;
    margin-bottom:-1px
}
.head .iconfont {
    margin-right:0.2em
}
.head .navbar {
    border:0 !important
}
.head .new-message {
    position:relative;
    font-size:10px;
    display:inline-block;
    line-height:15px;
    font-family:"微软雅黑","microsoft yahei"
}
.head-small {
    background:#f3f1f1
}
.head-small .navbar-header {
    display:none
}
.head-small .navbar {
    font-size:12px;
    height:35px;
    min-height:35px
}
.head-small .navbar-nav>li>a {
    padding:0 20px;
    line-height:35px;
    font-family:SimSun,'宋体'
}
.head-small .head-nav {
    margin-left:-25px
}
.head-small .head-nav>a {
    padding-left:25px;
    padding-right:25px
}
.head-small .head-nav .active,.head-small .head-nav .details-message-versions a:hover,.details-message-versions .head-small .head-nav a:hover {
    color:#428bca
}
.head-small .head-nav li:hover {
    color:#428bca
}
.head-small .new-message {
    background-color:transparent;
    color:#f10000;
    font-weight:800;
    width:auto;
    height:auto;
    left:0;
    font-size:10px
}
.head-small .navbar-right .icon {
    font-size:14px;
    position:relative;
    top:1px;
    margin-right:3px
}
.head-small .navbar-right .user-avatar-xs {
    display:none
}
.head-big {
    background:#fff;
    border-bottom:1px solid #d9dbde;
    margin-bottom:-1px
}
.head-big .navbar-default {
    background-color:#fff
}
.head-big .navbar {
    font-size:16px
}
.head-big .navbar .user-avatar-name {
    display:none
}
.head-big .navbar .icon {
    margin-right:3px
}
.head-big .navbar-brand {
    margin-top:-1px;
    margin-right:60px
}
.head-big .head-nav .active,.head-big .head-nav .details-message-versions a:hover,.details-message-versions .head-big .head-nav a:hover {
    border-bottom:3px solid #428bca
}
.head-big .head-nav li {
    border-bottom:3px solid transparent
}
.head-big .head-nav li:hover {
    border-bottom:3px solid #428bca
}
.head-big .head-user-login .active-right {
    background-color:#428bca !important;
    color:#fff !important
}
.head-big .head-user-login .active-right a {
    color:#fff !important
}
.head-big .head-user-login li {
    border-bottom:3px solid transparent
}
.head-big .head-user-login li:hover {
    background-color:#428bca !important;
    color:#fff !important
}
.head-big .head-user-login li:hover a {
    color:#fff !important
}
.head-big .new-message {
    width:15px;
    height:15px;
    top:-12px;
    left:-10px;
    background-color:#f10000;
    color:#fff;
    border-radius:50%;
    text-align:center
}
.head-user-info {
    width:244px;
    border:1px solid #d9dbde;
    padding:0;
    border-radius:0;
    cursor:pointer
}
.head-user-info li {
    padding:12px 7px;
    border-bottom:1px solid #d9dbde
}
.head-user-info li a {
    color:#404040 !important;
    display:inline-block;
    width:50%;
    margin-right:-3px;
    text-align:center
}
.head-user-info li a:hover {
    background-color:transparent !important;
    color:#428bca !important
}
.head-user-info li a:first-child {
    border-right:1px solid #D9DBDE
}
.head-user-info .head-user-head {
    background-color:#F3F3F3;
    padding-left:27px;
    padding-right:27px
}
.head-user-info .head-user-head p {
    margin-left:78px;
    color:#373D41;
    margin-top:8px;
    margin-bottom:0
}
.head-user-info .head-user-logout {
    text-align:right
}
.head-user-info .head-user-logout a {
    color:#909090 !important;
    border:0 !important;
    width:auto
}
.head-user-info i {
    margin-right:14px
}
.head-site-lists {
    border-radius:0;
    border:1px solid #d9dbde;
    width:290px;
    padding:0
}
.head-site-lists li {
    padding:0 7px
}
.head-site-lists .head-site-list {
    border-bottom:1px solid #d9dbde;
    color:#404040
}
.head-site-lists a {
    color:#404040 !important;
    line-height:50px !important
}
.head-site-lists a .iconfont {
    font-size:1.5em;
    margin-right:14px
}
.head-site-lists a:hover {
    background-color:transparent !important;
    color:#428bca !important
}
.head-site-lists .head-site-foot {
    background:#f3f3f3;
    text-align:right;
    height:35px
}
.head-site-lists .head-site-foot a {
    color:#428BCA !important;
    line-height:30px !important;
    display:inline-block
}
.head-site-lists .head-site-no {
    text-align:center;
    padding-top:25px;
    padding-left:20px;
    color:#666666;
    padding-bottom:30px
}
.head-site-lists .head-site-no:after {
    content:'';
    height:35px;
    background:#f3f3f3
}
.head-site-lists .head-site-no .btn-we7 {
    padding:10px 15px;
    line-height:1 !important;
    color:#fff !important;
    font-size:12px
}
.head-site-lists .head-site-no .btn-we7:hover {
    background-color:#428bca !important;
    color:#fff !important
}
.user-avatar-xs {
    width:35px;
    height:35px;
    margin-top:-6px;
    margin-bottom:-6px
}
.user-avatar-sm {
    width:65px;
    height:65px
}
.user-avatar-md {
    width:102px;
    height:102px
}
.shop-left {
    width:250px;
    float:left
}
.shop-right {
    width:950px;
    padding-left:15px;
    float:left;
    position:relative
}
.navbar-top {
    display:inline-block;
    font-size:18px
}
.navbar-top li {
    float:left
}
.navbar-top li a {
    padding:10px 28px
}
.navbar-top li a:hover {
    background-color:transparent;
    color:#428bca
}
.navbar-top li a:active {
    background-color:transparent;
    color:#428bca
}
.navbar-top li a:focus {
    background-color:transparent;
    color:#428bca
}
.navbar-top li:first-child a {
    padding-left:0
}
.navbar-top .active,.navbar-top .details-message-versions a:hover,.details-message-versions .navbar-top a:hover {
    color:#428bca
}
.home-header {
    padding-top:30px
}
.home-search {
    width:530px;
    margin-left:108px
}
.home-search select {
    height:40px;
    color:#666;
    font-size:14px;
    padding-left:15px;
    padding-right:25px;
    border:1px solid #ccc;
    border-right:0 !important;
    background:url("//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/arrow.png") no-repeat scroll right center transparent;
    background-position:92%;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    cursor:pointer
}
.home-search select option {
    text-align:center;
    padding:8px 0px
}
.home-search select:focus {
    outline:none;
    border-color:#ccc
}
.home-search input {
    border-radius:0;
    height:40px;
    box-shadow:0 0 0
}
.home-search input:focus {
    box-shadow:0 0 0;
    border-color:#ccc
}
.home-search form {
    display:inline-table
}
.home-search .form-control {
    width:91%
}
.home-search .input-group-addon {
    width:40px;
    height:40px;
    border-radius:0;
    border:0;
    background-color:#428bca;
    color:#fff
}
.apply-search {
    margin:0;
    float:right
}
.hot-search {
    position:absolute;
    top:0px;
    right:40px;
    z-index:9;
    color:#666666;
    font-size:14px;
    line-height:3
}
.hot-search a {
    margin-right:14px;
    height:2em;
    max-width:4em;
    overflow:hidden;
    display:inline-block;
    float:right
}
.hot-search a:hover {
    color:#428bca
}
.shop-down {
    position:absolute;
    right:0;
    bottom:-69px;
    z-index:2
}
.home-head {
    padding-top:25px;
    padding-bottom:30px
}
.shop-menu,.store-index-menu {
    border:1px solid #428bca;
    height:540px
}
.shop-menu h3,.store-index-menu h3 {
    text-align:center;
    background-color:#428bca;
    color:#fff;
    padding:0;
    margin:0;
    font-size:14px;
    height:40px;
    line-height:40px
}
.store-index-menu {
    position:relative
}
.store-index-menu .hover-menu-list {
    position:absolute;
    top:40px;
    right:-420px;
    width:420px;
    height:498px;
    background-color:#fff;
    z-index:2;
    overflow:hidden;
    box-shadow:2px 2px 5px 3px #eee;
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    column-fill:auto;
    column-gap:0;
    -webkit-column-fill:auto;
    -webkit-column-gap:0;
    -moz-column-fill:auto;
    -moz-column-gap:0;
    display:none
}
.store-index-menu .hover-menu-list>li {
    border-bottom:1px solid #e7e6eb;
    border-right:1px solid #e7e6eb;
    display:inline-block;
    font-size:16px;
    padding:12px 15px;
    width:210px
}
.store-index-menu .hover-menu-list>li>span {
    margin:0px 10px;
    line-height:14px
}
.store-index-menu .hover-menu-list>li>a {
    margin:0px 10px;
    line-height:14px
}
.store-index-menu .hover-menu-list>li>a:hover {
    background-color:transparent !important;
    border-bottom:1px solid #428bca
}
.store-index-menu .hover-menu-list>li li {
    font-size:14px;
    float:left;
    margin-top:6px;
    margin-right:0px
}
.store-index-menu .hover-menu-list>li li a {
    padding:1px 10px;
    margin-right:3px
}
.store-index-menu .hover-menu-list>li li a:hover {
    color:#fff;
    background-color:#428bca;
    border-radius:4px
}
.store-index-menu .hover-menu-list>li:last-child {
    border-bottom:0
}
.store-index-menu .hover-menu-list .active>a,.store-index-menu .hover-menu-list .details-message-versions a:hover>a,.details-message-versions .store-index-menu .hover-menu-list a:hover>a {
    color:#fff;
    background-color:#428bca;
    border-radius:4px
}
.store-index-menu:hover .hover-menu-list {
    display:block
}
.store-index-menu .store-menu-lists {
    height:250px;
    width:100%;
    padding-left:40px;
    position:relative
}
.store-index-menu .store-menu-lists .store-menu-lists-title {
    width:40px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    background-color:#eee;
    padding:93px 13px 0 13px;
    word-wrap:break-word;
    word-break:break-all
}
.store-index-menu .store-menu-lists:last-child {
    border-top:1px solid #428bca
}
.store-index-menu .store-menu-lists:last-child .store-menu-lists-title {
    padding:82px 13px;
    bottom:2px
}
.store-index-menu .store-menu-lists .hover-menu-list {
    position:absolute;
    top:0
}
.store-index-menu .store-menu-lists>li {
    border-right:1px solid #e7e6eb
}
.store-index-menu.little-con .apply-menu-list {
    height:410px
}
.store-index-menu.little-con .routine-menu-list {
    height:90px
}
.store-index-menu.little-con .routine-menu-list .store-menu-lists-title {
    padding:2px 13px
}
.store-index-menu.little-con .routine-menu-list .more {
    font-size:14px
}
.auto-height .shop-menu {
    height:auto;
    overflow:hidden;
    padding-bottom:10px
}
.auto-height .shop-menu-lists {
    height:auto
}
.shop-menu-lists,.store-menu-lists {
    height:485px;
    overflow:hidden
}
.shop-menu-lists>li,.store-menu-lists>li {
    border-bottom:1px solid #e7e6eb;
    display:inline-block;
    font-size:16px;
    padding:12px 15px;
    width:100%
}
.shop-menu-lists>li>span,.store-menu-lists>li>span {
    margin:0px 10px;
    line-height:14px
}
.shop-menu-lists>li>a,.store-menu-lists>li>a {
    margin:0px 10px;
    line-height:14px
}
.shop-menu-lists>li>a:hover,.store-menu-lists>li>a:hover {
    background-color:transparent !important;
    border-bottom:1px solid #428bca
}
.shop-menu-lists>li li,.store-menu-lists>li li {
    font-size:14px;
    float:left;
    margin-top:6px;
    margin-right:0px
}
.shop-menu-lists>li li a,.store-menu-lists>li li a {
    padding:1px 10px;
    margin-right:3px
}
.shop-menu-lists>li li a:hover,.store-menu-lists>li li a:hover {
    color:#fff;
    background-color:#428bca;
    border-radius:4px
}
.shop-menu-lists>li:last-child,.store-menu-lists>li:last-child {
    border:0
}
.shop-menu-lists .active>a,.shop-menu-lists .details-message-versions a:hover>a,.details-message-versions .shop-menu-lists a:hover>a,.store-menu-lists .active>a,.store-menu-lists .details-message-versions a:hover>a,.details-message-versions .store-menu-lists a:hover>a {
    color:#fff;
    background-color:#428bca;
    border-radius:4px
}
.index-shop-left .shop-menu:hover {
    overflow:initial
}
.index-shop-left .shop-menu:hover .shop-menu-lists {
    height:499px;
    width:502px;
    background-color:#fff;
    border:1px solid #428bca;
    margin-left:-1px;
    margin-top:-1px;
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    display:block;
    column-fill:auto;
    column-gap:0;
    -webkit-column-fill:auto;
    -webkit-column-gap:0;
    -moz-column-fill:auto;
    -moz-column-gap:0;
    position:relative;
    z-index:2
}
.index-shop-left .shop-menu:hover .shop-menu-lists>li {
    width:250px;
    border-right:1px solid #e7e6eb
}
.index-shop-left .shop-menu:hover .shop-menu-lists>li:last-child {
    border-bottom:1px solid #e7e6eb
}
.apply-class {
    border-bottom:2px solid #428bca;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:10px
}
.apply-class a {
    margin:0 15px;
    color:#666;
    font-weight:bold
}
.apply-class a:hover {
    color:#428bca
}
.shop-banner {
    width:633px;
    height:489px;
    float:left
}
.shop-banner .carousel {
    height:366px
}
.shop-banner .carousel .carousel-control {
    display:none
}
.shop-banner .carousel:hover .carousel-control {
    display:block
}
.shop-banner .carousel-inner img {
    width:633px;
    max-height:366px
}
.shop-ad {
    margin-left:-1px
}
.shop-ad a {
    float:left;
    margin-top:1px;
    margin-left:1px;
    position:relative;
    display:block
}
.shop-ad a img {
    width:210px;
    height:122px
}
.shop-ad a:hover .shade-white {
    display:block
}
.shop-ad .shade-white {
    display:none
}
.shade-white {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.25
}
.shop-sever {
    width:300px;
    height:235px;
    padding-top:20px;
    padding-left:30px;
    padding-right:17px;
    padding-bottom:20px;
    float:right;
    border:1px solid #e7e6eb;
    margin-left:-1px
}
.shop-sever h3 {
    font-size:18px;
    padding:0;
    margin-top:0;
    margin-bottom:20px
}
.shop-sever span {
    font-size:12px;
    color:#666666;
    opacity:.71
}
.shop-sever span:hover {
    color:#428bca
}
.shop-sever h4 {
    opacity:1;
    font-size:16px;
    color:#428bca
}
.shop-school {
    height:255px;
    margin-top:-1px
}
.shop-school .shop-school-more {
    font-size:12px;
    color:#b9babb;
    font-weight:bold;
    float:right;
    margin-top:2px
}
.shop-school .shop-school-more:hover {
    color:#428bca
}
.shop-school-lists li {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-top:16px
}
.shop-school-lists li a:hover {
    color:#428bca
}
.store-class-img ul {
    width:1200px;
    margin:0 auto 30px auto
}
.store-class-img li {
    width:20%;
    display:inline-block;
    margin-left:0px;
    margin-right:-4px
}
.store-class-img li a {
    display:inline-block;
    border:1px solid #e7e6eb;
    overflow:hidden;
    position:relative
}
.store-class-img li a:hover .shade-white {
    display:block
}
.store-class-img li .shade-white {
    display:none;
    opacity:.05
}
.store-class-img li img {
    width:239px;
    height:229px
}
.lingyuangou-ad-img {
    border:1px solid #e7e6eb;
    width:1200px;
    height:165px;
    margin:0 auto 30px auto
}
.lingyuangou-ad-img a {
    display:block;
    width:14.285%;
    float:left;
    overflow:hidden;
    position:relative
}
.lingyuangou-ad-img a:hover .shade-white {
    display:block
}
.lingyuangou-ad-img a img {
    width:170.282px;
    height:163px;
    display:inline;
    border:none
}
.lingyuangou-ad-img a .shade-white {
    display:none;
    opacity:.05
}
.lingyuangou-ad-img a+a {
    border-left:1px solid #e7e6eb
}
.small-routine .panel {
    width:1200px;
    margin:30px auto
}
.small-routine .panel .apply-routine-list {
    clear:both
}
.small-routine .panel .apply-routine-list .apply-routine-list-item {
    width:12.5%;
    float:left;
    text-align:center;
    padding:30px 0
}
.small-routine .panel .apply-routine-list .apply-routine-list-item img {
    width:76px;
    height:77px;
    border-radius:10px;
    border:1px solid #e7e6eb;
    transition:all .3s
}
.small-routine .panel .apply-routine-list .apply-routine-list-item .apply-title {
    font-size:16px;
    color:#373d41;
    margin-top:0;
    line-height:1.8;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.small-routine .panel .apply-routine-list .apply-routine-list-item:hover .apply-title {
    color:#428bca
}
.small-routine .panel .apply-routine-list .apply-routine-list-item:hover img {
    transform:scale(1.1, 1.1)
}
.home-apply {
    padding:0 15px;
    margin:30px auto 0 auto;
    overflow:hidden
}
.apply-logo-default {
    display:inline-block;
    width:76px !important;
    height:77px !important;
    max-width:76px;
    border-radius:10px;
    border:1px solid #e7e6eb;
    transition:all .3s
}
.apply-array {
    height:597px;
    border:1px solid #e7e6eb;
    overflow:hidden;
    margin-bottom:30px
}
.apply-fresh-list .item {
    padding:28px 30px;
    height:300px
}
.apply-fresh-list .item .apply-logo-default {
    display:inline-block
}
.apply-fresh-list .item .apply-logo-default:hover {
    transform:scale(1.1)
}
.apply-fresh-list .item .name {
    margin:12px 0;
    font-size:16px;
    color:#428bca
}
.apply-fresh-list .item .date {
    margin-top:30px;
    margin-bottom:15px;
    color:#666;
    font-size:14px
}
.apply-fresh-list .item .fit {
    font-size:14px;
    margin-bottom:15px;
    color:#666
}
.apply-fresh-list .carousel-control {
    background-image:none;
    text-shadow:0 0 0
}
.apply-fresh-list .carousel-control .glyphicon {
    color:#999
}
.apply-fresh-list .carousel-control .wi {
    font-size:22px
}
.apply-fresh-list .btn-message-tag {
    border-radius:0;
    padding:6px;
    margin-right:10px;
    margin-bottom:5px;
    border:1px solid #d9dadc;
    color:#428bca;
    max-width:185px
}
.apply-fresh-list .btn-message-tag:hover {
    background-color:#428bca;
    color:#fff
}
.apply-fresh-list .btn-message-tag:last-child {
    margin-right:0
}
.apply-tab {
    border-bottom:1px solid #e7e6eb;
    overflow:hidden
}
.apply-tab li {
    float:left;
    padding-top:15px;
    padding-bottom:13px
}
.apply-tab li:hover {
    border-bottom:2px solid #428bca;
    color:#428bca
}
.apply-tab li a {
    margin-left:-1px;
    padding-left:37px;
    padding-right:30px;
    border-left:1px solid #e7e6eb
}
.apply-tab li.active {
    border-bottom:2px solid #428bca;
    color:#428bca
}
.apply-hot-list {
    margin-left:25px
}
.apply-hot-list .media {
    list-style:none;
    margin-top:27px;
    padding-bottom:5px;
    overflow:hidden
}
.apply-hot-list .media b {
    font-style:normal;
    color:#666666;
    vertical-align:middle;
    font-size:18px
}
.apply-hot-list .media img {
    width:56px;
    height:55px;
    margin:0 20px;
    border-radius:5px;
    transition:all .1s;
    border:1px solid #e7e6eb
}
.apply-hot-list .media h4 {
    color:#666666;
    font-size:14px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:96px
}
.apply-hot-list .media h4:hover {
    color:#428bca
}
.apply-hot-list .media span {
    color:#939393;
    font-size:12px
}
.apply-hot-list .media .c-red {
    color:#ca5555 !important
}
.apply-hot-list .media:hover h4 {
    color:#428bca
}
.apply-hot-list .media:hover img {
    transform:scale(1.05, 1.05)
}
.panel-apply {
    border:1px solid #e7e6eb;
    border-radius:0;
    box-shadow:0 0 0;
    margin-bottom:30px
}
.panel-apply .panel-heading {
    border-bottom:1px solid #e7e6eb;
    font-size:18px;
    color:#373D41;
    padding:15px 35px
}
.panel-apply .panel-heading h3 {
    font-size:18px
}
.panel-apply .panel-heading .apply-more {
    float:right;
    font-size:12px;
    font-weight:bold;
    color:#b9babb;
    margin-top:2px
}
.panel-apply .panel-heading .apply-more:hover {
    color:#428bca
}
.panel-apply .panel-body {
    padding:0
}
.apply-new-lists,.apply-recomm-lists {
    padding:19px 0;
    overflow:hidden;
    margin-bottom:0
}
.apply-new-lists li,.apply-recomm-lists li {
    padding:12px 0;
    text-align:center;
    float:left
}
.apply-new-lists li img,.apply-recomm-lists li img {
    width:76px;
    height:77px;
    border-radius:10px;
    border:1px solid #e7e6eb;
    transition:all .3s
}
.apply-new-lists li .apply-title,.apply-recomm-lists li .apply-title {
    font-size:16px;
    color:#373d41;
    margin-top:0;
    line-height:1.8;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.apply-new-lists li .apply-publish-time,.apply-recomm-lists li .apply-publish-time {
    color:#666666
}
.apply-new-lists li:hover .apply-title,.apply-recomm-lists li:hover .apply-title {
    color:#428bca
}
.apply-new-lists li:hover img,.apply-recomm-lists li:hover img {
    transform:scale(1.1, 1.1)
}
.apply-recomm-lists {
    padding:11px 0
}
.home-template {
    padding:30px 15px 0 15px
}
.template-lists {
    text-align:center
}
.template-lists li {
    float:left;
    margin:30px 0;
    width:14.28%
}
.template-lists li img {
    width:113px;
    height:197px;
    border:1px solid #e7e6eb;
    transition:all .3s
}
.template-lists li .template-title {
    color:#4d5154;
    font-size:12px;
    line-height:2;
    text-overflow:ellipsis;
    white-space:normal;
    overflow:hidden
}
.template-lists li:hover .template-title {
    color:#428bca
}
.template-lists li:hover img {
    transform:scale(1.05, 1.05)
}
.index-activity .activity-heading {
    height:40px;
    line-height:40px;
    margin-top:30px
}
.index-activity .activity-heading span {
    color:#373d41;
    font-size:18px
}
.index-activity .activity-heading a {
    font-size:12px
}
.index-activity .activity-heading.activity-flash-sale,.index-activity .activity-heading.activity-yiyuangou {
    margin:0
}
.index-activity .activity-body {
    height:421px;
    border:1px solid #e7e6eb
}
.index-activity .activity-body.activity-flash-sale,.index-activity .activity-body.activity-yiyuangou {
    width:100%;
    height:213px;
    overflow:hidden
}
.index-activity .activity-body.activity-flash-sale .activity-description,.index-activity .activity-body.activity-yiyuangou .activity-description {
    height:211px
}
.index-activity .activity-body.activity-flash-sale .activity-item,.index-activity .activity-body.activity-yiyuangou .activity-item {
    height:212px
}
.index-activity .activity-body.activity-yiyuangou {
    margin-bottom:30px
}
.index-activity .activity-body.activity-yiyuangou .original-price {
    font-size:14px;
    color:#d80000;
    margin:5px 0
}
.index-activity .activity-body.activity-yiyuangou .progress {
    height:5px;
    margin:5px 20px
}
.index-activity .activity-body.activity-yiyuangou .progress .progress-bar {
    background-color:#cf1010
}
.index-activity .activity-body.activity-yiyuangou .count {
    font-size:12px;
    color:#666
}
.index-activity .activity-description {
    width:253px;
    height:419px;
    float:left
}
.index-activity .activity-list {
    width:945px;
    float:right;
    margin-right:-1px;
    margin-bottom:-1px
}
.index-activity .activity-list .activity-item {
    width:20%;
    height:210px;
    padding:30px 0;
    text-align:center;
    float:left;
    border-right:1px solid #e7e6eb;
    border-bottom:1px solid #e7e6eb;
    transition:all .3s
}
.index-activity .activity-item .logo {
    width:77px;
    height:77px;
    border-radius:10px;
    margin-bottom:5px;
    border:1px solid #e7e6eb;
    transition:all .3s
}
.index-activity .activity-item .name {
    color:#373d41;
    font-size:16px;
    margin-bottom:5px
}
.index-activity .activity-item .active,.index-activity .activity-item .details-message-versions a:hover,.details-message-versions .index-activity .activity-item a:hover {
    color:#d80000;
    font-size:14px;
    margin-bottom:5px
}
.index-activity .activity-item .time {
    color:#666;
    font-size:12px
}
.index-activity .activity-item .time span {
    display:inline-block;
    margin-right:-2px
}
.index-activity .activity-item .time.begin-time {
    color:#d80000
}
.index-activity .activity-item:hover .logo {
    transform:scale(1.05, 1.05)
}
.index-activity .activity-item:hover .name {
    color:#428bca
}
.lingyuangou .details-head,.yiyuangou .details-head {
    margin-bottom:0
}
.lingyuangou .details-head .carousel,.yiyuangou .details-head .carousel {
    position:relative;
    float:left;
    width:335px;
    min-height:430px;
    padding:20px 60px;
    text-align:center
}
.lingyuangou .details-head .carousel img,.yiyuangou .details-head .carousel img {
    max-width:220px;
    max-height:390px
}
.lingyuangou .details-head .carousel .carousel-control,.yiyuangou .details-head .carousel .carousel-control {
    background:none;
    text-shadow:none;
    color:#9f9f9f
}
.lingyuangou .details-head .details-message,.yiyuangou .details-head .details-message {
    min-height:430px;
    padding:25px 0 0 25px
}
.lingyuangou .details-head .details-message .title,.yiyuangou .details-head .details-message .title {
    font-size:24px;
    color:#4e4e4e
}
.lingyuangou .details-head .details-message .price,.yiyuangou .details-head .details-message .price {
    margin:15px 0;
    color:#484848
}
.lingyuangou .details-head .details-message .branch,.yiyuangou .details-head .details-message .branch {
    margin:15px 0
}
.lingyuangou .details-head .details-message .branch .tag,.yiyuangou .details-head .details-message .branch .tag {
    display:inline-block;
    border:1px solid #e7e6eb;
    padding:3px 6px;
    margin-right:15px
}
.lingyuangou .details-head .details-message .branch .tag.active,.yiyuangou .details-head .details-message .branch .tag.active,.lingyuangou .details-head .details-message .branch .details-message-versions a.tag:hover,.details-message-versions .lingyuangou .details-head .details-message .branch a.tag:hover,.yiyuangou .details-head .details-message .branch .details-message-versions a.tag:hover,.details-message-versions .yiyuangou .details-head .details-message .branch a.tag:hover {
    border-color:#cf1010;
    color:#cf1010
}
.lingyuangou .details-head .details-message .activity-panel .activity-time,.yiyuangou .details-head .details-message .activity-panel .activity-time {
    padding:15px 130px 15px 0;
    border-top:1px dashed #e7e6eb
}
.lingyuangou .details-head .details-message .activity-panel .activity-time .time-group,.yiyuangou .details-head .details-message .activity-panel .activity-time .time-group,.lingyuangou .details-head .details-message .activity-panel .activity-time .num,.yiyuangou .details-head .details-message .activity-panel .activity-time .num {
    color:#cf1010
}
.lingyuangou .details-head .details-message .activity-panel .activity-price,.yiyuangou .details-head .details-message .activity-panel .activity-price {
    color:#cf1010;
    background-color:#fff9dc;
    padding:0 30px;
    height:70px;
    line-height:70px;
    font-size:18px;
    position:relative;
    margin-right:30px
}
.lingyuangou .details-head .details-message .activity-panel .activity-price:after,.yiyuangou .details-head .details-message .activity-panel .activity-price:after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:0;
    border-top:35px solid transparent;
    border-right:30px solid #fff;
    border-bottom:35px solid transparent
}
.lingyuangou .details-head .details-message .activity-panel .activity-price .price-now,.yiyuangou .details-head .details-message .activity-panel .activity-price .price-now {
    font-size:38px;
    margin-right:40px
}
.lingyuangou .details-head .details-message .activity-panel .activity-price .price-other,.yiyuangou .details-head .details-message .activity-panel .activity-price .price-other {
    text-decoration:line-through
}
.lingyuangou .details-head .details-message .activity-panel .activity-price .price-other span,.yiyuangou .details-head .details-message .activity-panel .activity-price .price-other span {
    display:inline-block;
    margin:0 20px;
    text-decoration:line-through
}
.lingyuangou .details-head .details-message .activity-panel .details-message-buy,.yiyuangou .details-head .details-message .activity-panel .details-message-buy {
    padding:30px 0
}
.lingyuangou .details-head .details-message .activity-panel .details-message-buy .btn.btn-danger,.yiyuangou .details-head .details-message .activity-panel .details-message-buy .btn.btn-danger {
    background-color:#cf1010;
    margin-right:50px
}
.lingyuangou .details-head .details-message .activity-panel .link,.yiyuangou .details-head .details-message .activity-panel .link {
    margin-right:30px
}
.lingyuangou .details-head .details-message .activity-panel .link .btn.btn-danger,.yiyuangou .details-head .details-message .activity-panel .link .btn.btn-danger {
    background-color:#cf1010
}
.lingyuangou .details-head .details-message .activity-panel .link .help-block,.yiyuangou .details-head .details-message .activity-panel .link .help-block {
    color:#8b8b8b
}
.lingyuangou .details-head .details-message .activity-panel .code,.yiyuangou .details-head .details-message .activity-panel .code,.lingyuangou .details-head .details-message .activity-panel .publish-result,.yiyuangou .details-head .details-message .activity-panel .publish-result {
    border-top:1px dashed #e7e6eb;
    padding:15px 30px 15px 0
}
.lingyuangou .details-head .details-message .activity-panel .code-panel,.yiyuangou .details-head .details-message .activity-panel .code-panel,.lingyuangou .details-head .details-message .activity-panel .publish-result-panel,.yiyuangou .details-head .details-message .activity-panel .publish-result-panel {
    border:1px solid #cf1010;
    border-radius:5px;
    overflow:hidden
}
.lingyuangou .details-head .details-message .activity-panel .code-panel .heading,.yiyuangou .details-head .details-message .activity-panel .code-panel .heading,.lingyuangou .details-head .details-message .activity-panel .publish-result-panel .heading,.yiyuangou .details-head .details-message .activity-panel .publish-result-panel .heading {
    background-color:#cf1010;
    color:#fff;
    padding:3px 6px
}
.lingyuangou .details-head .details-message .activity-panel .code .con,.yiyuangou .details-head .details-message .activity-panel .code .con {
    padding:15px;
    text-align:center;
    max-height:90px;
    overflow:auto
}
.lingyuangou .details-head .details-message .activity-panel .code .con span,.yiyuangou .details-head .details-message .activity-panel .code .con span {
    display:inline-block;
    margin-right:15px;
    color:#cf1010;
    font-size:18px
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con,.yiyuangou .details-head .details-message .activity-panel .publish-result .con {
    font-size:16px;
    max-height:161px;
    overflow:auto
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con table,.yiyuangou .details-head .details-message .activity-panel .publish-result .con table {
    margin-bottom:0
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con table th,.yiyuangou .details-head .details-message .activity-panel .publish-result .con table th {
    color:#999;
    text-align:center;
    height:39px;
    line-height:39px;
    padding:0;
    font-weight:normal
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con table td,.yiyuangou .details-head .details-message .activity-panel .publish-result .con table td {
    text-align:center;
    clear:both;
    color:#cf1010;
    height:61px;
    line-height:61px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:0
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con table td img,.yiyuangou .details-head .details-message .activity-panel .publish-result .con table td img {
    width:45px;
    height:45px;
    float:left;
    margin:8px 15px
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con table td .name,.yiyuangou .details-head .details-message .activity-panel .publish-result .con table td .name {
    float:left
}
.lingyuangou .details-head .details-message .activity-panel .publish-result .con table td.detail-code,.yiyuangou .details-head .details-message .activity-panel .publish-result .con table td.detail-code {
    font-size:20px
}
.lingyuangou .details-head .record-list,.yiyuangou .details-head .record-list {
    width:261px;
    height:430px;
    float:left
}
.lingyuangou .details-head .record-list .heading,.yiyuangou .details-head .record-list .heading {
    height:45px;
    line-height:45px;
    text-align:center;
    border-bottom:1px solid #e7e6eb
}
.lingyuangou .details-head .record-list .list,.yiyuangou .details-head .record-list .list {
    height:360px;
    width:100%;
    overflow:hidden;
    padding:0 15px;
    margin:12px 0;
    cursor:pointer
}
.lingyuangou .details-head .record-list .list li,.yiyuangou .details-head .record-list .list li {
    width:100%;
    height:60px;
    line-height:60px
}
.lingyuangou .details-head .record-list .list li>div,.yiyuangou .details-head .record-list .list li>div {
    float:left
}
.lingyuangou .details-head .record-list .list li .avatar,.yiyuangou .details-head .record-list .list li .avatar {
    width:45px;
    height:45px;
    border-radius:100%;
    margin-right:5px
}
.lingyuangou .details-head .record-list .list li .name,.yiyuangou .details-head .record-list .list li .name {
    width:90px;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin:0 10px 0 5px;
    display:inline-block
}
.lingyuangou .details-head .record-list .list li .gain,.yiyuangou .details-head .record-list .list li .gain {
    margin:0 5px
}
.lingyuangou .details-head .record-list .list li .apply,.yiyuangou .details-head .record-list .list li .apply {
    color:#428bca;
    width:80px;
    margin-left:5px;
    position:relative;
    white-space:nowrap;
    overflow:hidden
}
.lingyuangou .details-head .record-list .list li .apply span,.yiyuangou .details-head .record-list .list li .apply span {
    display:block;
    position:relative;
    white-space:nowrap;
    overflow:hidden
}
.lingyuangou .details-head .record-list .list li:hover .apply span,.yiyuangou .details-head .record-list .list li:hover .apply span {
    -webkit-animation:marquee 2.5s linear infinite;
    -moz-animation:marquee 2.5s linear infinite;
    -ms-animation:marquee 2.5s linear infinite;
    -o-animation:marquee 2.5s linear infinite;
    animation:marquee 2.5s linear infinite
}
.lingyuangou .details-body,.yiyuangou .details-body {
    margin:0;
    padding:0;
    width:1200px
}
.lingyuangou .details-body .operation,.yiyuangou .details-body .operation,.lingyuangou .details-body .calculate,.yiyuangou .details-body .calculate {
    margin:20px 0;
    border:1px solid #e7e6eb
}
.lingyuangou .details-body .operation .title,.yiyuangou .details-body .operation .title,.lingyuangou .details-body .calculate .title,.yiyuangou .details-body .calculate .title {
    border-right:1px solid #e7e6eb;
    padding:50px 15px;
    float:left;
    color:#428bca;
    position:relative
}
.lingyuangou .details-body .operation .title:before,.yiyuangou .details-body .operation .title:before,.lingyuangou .details-body .operation .title:after,.yiyuangou .details-body .operation .title:after,.lingyuangou .details-body .calculate .title:before,.yiyuangou .details-body .calculate .title:before,.lingyuangou .details-body .calculate .title:after,.yiyuangou .details-body .calculate .title:after {
    content:"";
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    position:absolute;
    top:50%;
    margin-top:-10px
}
.lingyuangou .details-body .operation .title:before,.yiyuangou .details-body .operation .title:before,.lingyuangou .details-body .calculate .title:before,.yiyuangou .details-body .calculate .title:before {
    border-left:10px solid #e7e6eb;
    right:-10px
}
.lingyuangou .details-body .operation .title:after,.yiyuangou .details-body .operation .title:after,.lingyuangou .details-body .calculate .title:after,.yiyuangou .details-body .calculate .title:after {
    border-left:10px solid #fff;
    right:-8px
}
.lingyuangou .details-body .operation .con,.yiyuangou .details-body .operation .con,.lingyuangou .details-body .calculate .con,.yiyuangou .details-body .calculate .con {
    width:1138px;
    height:140px;
    float:left;
    color:#999;
    word-break:break-all;
    word-wrap:break-word;
    padding-right:15px
}
.lingyuangou .details-body .operation .con>div,.yiyuangou .details-body .operation .con>div {
    float:left;
    text-align:center
}
.lingyuangou .details-body .operation .con>div.step,.yiyuangou .details-body .operation .con>div.step {
    width:16%
}
.lingyuangou .details-body .operation .con>div.step .step-state,.yiyuangou .details-body .operation .con>div.step .step-state {
    color:#428bca;
    font-size:16px;
    margin-bottom:5px
}
.lingyuangou .details-body .operation .con>div.step img,.yiyuangou .details-body .operation .con>div.step img {
    margin:15px 0
}
.lingyuangou .details-body .operation .con>div.arrows,.yiyuangou .details-body .operation .con>div.arrows {
    width:12%
}
.lingyuangou .details-body .operation .con>div.arrows img,.yiyuangou .details-body .operation .con>div.arrows img {
    margin-top:60px
}
.lingyuangou .details-body .calculate .con>div,.yiyuangou .details-body .calculate .con>div {
    float:left;
    height:140px
}
.lingyuangou .details-body .calculate .con>div.state,.yiyuangou .details-body .calculate .con>div.state {
    width:720px;
    text-align:center;
    padding-top:32px
}
.lingyuangou .details-body .calculate .con>div.state span,.yiyuangou .details-body .calculate .con>div.state span {
    display:inline-block;
    margin:0 5px;
    vertical-align:middle;
    color:#428bca;
    font-size:40px
}
.lingyuangou .details-body .calculate .con>div.state span em,.yiyuangou .details-body .calculate .con>div.state span em {
    font-style:normal;
    display:block
}
.lingyuangou .details-body .calculate .con>div.state span em.explain,.yiyuangou .details-body .calculate .con>div.state span em.explain {
    color:#999;
    font-size:14px
}
.lingyuangou .details-body .calculate .con>div.rule,.yiyuangou .details-body .calculate .con>div.rule {
    width:385px;
    padding:10px 0 10px 15px;
    border-left:1px dashed #e7e6eb
}
.lingyuangou .details-body .activity-panel,.yiyuangou .details-body .activity-panel {
    border:1px solid #e7e6eb;
    margin:20px 0
}
.lingyuangou .details-body .activity-panel .heading,.yiyuangou .details-body .activity-panel .heading {
    height:45px;
    line-height:45px;
    color:515151;
    font-size:16px;
    background-color:#f3f3f3;
    padding:0 15px;
    border-bottom:1px solid #e7e6eb
}
.lingyuangou .details-body .activity-panel .heading a,.yiyuangou .details-body .activity-panel .heading a {
    display:inline-block;
    height:45px;
    padding:0 20px
}
.lingyuangou .details-body .activity-panel .heading a.active,.yiyuangou .details-body .activity-panel .heading a.active,.lingyuangou .details-body .activity-panel .heading .details-message-versions a:hover,.details-message-versions .lingyuangou .details-body .activity-panel .heading a:hover,.yiyuangou .details-body .activity-panel .heading .details-message-versions a:hover,.details-message-versions .yiyuangou .details-body .activity-panel .heading a:hover {
    border-bottom:2px solid #428bca
}
.lingyuangou .details-body .activity-panel .con img,.yiyuangou .details-body .activity-panel .con img {
    max-width:100%
}
.lingyuangou .details-body .activity-panel .con .goods-detail,.yiyuangou .details-body .activity-panel .con .goods-detail {
    padding:15px
}
.lingyuangou .details-body .activity-panel .con .goods-detail .empty,.yiyuangou .details-body .activity-panel .con .goods-detail .empty {
    text-align:center
}
.lingyuangou .details-body .activity-panel .con .participation-record .empty,.yiyuangou .details-body .activity-panel .con .participation-record .empty {
    text-align:center;
    padding:15px
}
.lingyuangou .details-body .activity-panel .con .participation-record table,.yiyuangou .details-body .activity-panel .con .participation-record table {
    margin:0;
    color:#999
}
.lingyuangou .details-body .activity-panel .con .participation-record table th,.yiyuangou .details-body .activity-panel .con .participation-record table th {
    font-weight:normal;
    padding:15px
}
.lingyuangou .details-body .activity-panel .con .participation-record table td,.yiyuangou .details-body .activity-panel .con .participation-record table td {
    padding:15px
}
.lingyuangou .details-body .activity-panel .con .participation-record table td span,.yiyuangou .details-body .activity-panel .con .participation-record table td span {
    display:inline-block;
    margin-right:10px
}
.lingyuangou .details-body .activity-panel .con .participation-record .page,.yiyuangou .details-body .activity-panel .con .participation-record .page {
    border-top:1px solid #e7e6eb
}
.lingyuangou .details-body .activity-panel .con .calculate-detail,.yiyuangou .details-body .activity-panel .con .calculate-detail {
    text-align:center
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .top,.yiyuangou .details-body .activity-panel .con .calculate-detail .top {
    background-color:#f3f3f3;
    color:#CF1010
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .state,.yiyuangou .details-body .activity-panel .con .calculate-detail .state {
    padding:15px 0
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .result,.yiyuangou .details-body .activity-panel .con .calculate-detail .result {
    padding:5px 0 30px
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .result span,.yiyuangou .details-body .activity-panel .con .calculate-detail .result span {
    display:inline-block;
    margin:0 15px;
    font-size:22px;
    vertical-align:middle
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .result span.symbol,.yiyuangou .details-body .activity-panel .con .calculate-detail .result span.symbol {
    font-size:40px
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .result span em,.yiyuangou .details-body .activity-panel .con .calculate-detail .result span em {
    font-style:normal;
    display:block
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .result span em.c-blue,.yiyuangou .details-body .activity-panel .con .calculate-detail .result span em.c-blue {
    font-size:14px
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .lucky-code,.yiyuangou .details-body .activity-panel .con .calculate-detail .lucky-code {
    padding-bottom:15px
}
.lingyuangou .details-body .activity-panel .con .calculate-detail .lucky-code span,.yiyuangou .details-body .activity-panel .con .calculate-detail .lucky-code span {
    display:inline-block;
    margin-right:20px
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table,.yiyuangou .details-body .activity-panel .con .calculate-detail table {
    width:100%;
    color:#999
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td {
    padding:15px
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td.code,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td.code,.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td.operate,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td.operate,.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td.purchase-code,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td.purchase-code {
    color:#CF1010
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td:first-child,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td:first-child {
    border-left-color:transparent
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td:last-child,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td:last-child {
    border-right-color:transparent
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td.operate,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td.operate {
    cursor:pointer;
    background-color:#f3f3f3;
    border-bottom-color:#f3f3f3;
    border-left-color:#f3f3f3;
    border-right-color:#f3f3f3
}
.lingyuangou .details-body .activity-panel .con .calculate-detail table tr td.operate .wi,.yiyuangou .details-body .activity-panel .con .calculate-detail table tr td.operate .wi {
    position:relative;
    top:-3px;
    margin-left:5px
}
@-webkit-keyframes marquee {
    0% {
        left:0
    }
    45% {
        left:-100%;
        top:0
    }
    46% {
        left:-200%;
        top:60px
    }
    49% {
        left:200%;
        top:60px
    }
    50% {
        left:100%;
        top:0
    }
    100% {
        left:0
    }
}@-moz-keyframes marquee {
     0% {
         left:0
     }
     45% {
         left:-100%;
         top:0
     }
     46% {
         left:-1000%;
         top:60px
     }
     49% {
         left:1000%;
         top:60px
     }
     50% {
         left:100%;
         top:0
     }
     100% {
         left:0
     }
 }@-ms-keyframes marquee {
      0% {
          left:0
      }
      45% {
          left:-100%;
          top:0
      }
      46% {
          left:-1000%;
          top:60px
      }
      49% {
          left:1000%;
          top:60px
      }
      50% {
          left:100%;
          top:0
      }
      100% {
          left:0
      }
  }@-o-keyframes marquee {
       0% {
           left:0
       }
       45% {
           left:-100%;
           top:0
       }
       46% {
           left:-1000%;
           top:60px
       }
       49% {
           left:1000%;
           top:60px
       }
       50% {
           left:100%;
           top:0
       }
       100% {
           left:0
       }
   }@keyframes marquee {
        0% {
            left:0
        }
        45% {
            left:-100%;
            top:0
        }
        46% {
            left:-1000%;
            top:60px
        }
        49% {
            left:1000%;
            top:60px
        }
        50% {
            left:100%;
            top:0
        }
        100% {
            left:0
        }
    }.yiyuangou .details-head .carousel .tag {
         position:absolute;
         left:0;
         top:0;
         z-index:1
     }
.yiyuangou .details-head .details-message {
    padding:25px
}
.yiyuangou .details-head .details-message .activity-panel {
    margin-top:15px;
    padding:15px 0;
    border-top:1px dashed #e7e6eb
}
.yiyuangou .details-head .details-message .progress {
    height:12px;
    margin-bottom:5px;
    border-radius:5px
}
.yiyuangou .details-head .details-message .progress .progress-bar {
    background-color:#d92e2e;
    border-radius:5px
}
.yiyuangou .details-head .details-message .number {
    margin-top:20px
}
.yiyuangou .details-head .details-message .number>div {
    float:left;
    line-height:34px
}
.yiyuangou .details-head .details-message .number .input-group {
    width:260px
}
.yiyuangou .details-head .details-message .number .input-group .btn,.yiyuangou .details-head .details-message .number .input-group input {
    border-color:#e7e6eb;
    color:#757575;
    border-radius:0;
    box-shadow:none
}
.yiyuangou .details-head .details-message .number .input-group .btn:hover {
    color:#d80000
}
.yiyuangou .details-head .details-message .number .input-group input {
    border-left:none
}
.yiyuangou .details-head .details-message .number .tips {
    height:34px;
    border:1px solid #ffb3b3;
    background-color:#fef5e1;
    padding:0 15px;
    margin-left:15px;
    position:relative
}
.yiyuangou .details-head .details-message .number .tips:before,.yiyuangou .details-head .details-message .number .tips:after {
    content:"";
    width:0;
    height:0;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    position:absolute;
    top:50%;
    margin-top:-6px
}
.yiyuangou .details-head .details-message .number .tips:before {
    border-right:6px solid #ffb3b3;
    left:-6px
}
.yiyuangou .details-head .details-message .number .tips:after {
    border-right:6px solid #fef5e1;
    left:-5px
}
.yiyuangou .details-head .details-message .details-message-buy {
    margin:0
}
.yiyuangou .details-head .details-message .activity-panel .code {
    padding:0;
    background-color:#f5f5f5;
    border:none
}
.yiyuangou .details-head .details-message .activity-panel .code .code-panel {
    border:none
}
.yiyuangou .details-head .details-message .activity-panel .code .heading {
    background-color:transparent;
    color:#999;
    border-bottom:1px solid #d3d3d3
}
.yiyuangou .details-head .details-message .activity-panel .activity-time {
    border:1px solid #ffb3b3;
    background-color:#fef5e1;
    color:#d80000;
    text-align:center;
    font-size:34px;
    padding:0;
    margin-bottom:15px
}
.yiyuangou .details-head .details-message .activity-panel .activity-time .time-group {
    margin-left:15px;
    display:inline-block;
    padding:38px 0
}
.yiyuangou .details-head .details-message .activity-panel .activity-time .span-time {
    padding:10px;
    background-color:#fff;
    border-radius:12px;
    display:inline-block;
    width:90px;
    line-height:1
}
.yiyuangou .details-head .details-message .activity-panel .publish-result {
    padding:10px 0;
    margin-bottom:15px;
    border:1px solid #ffb3b3;
    background-color:#fef5e1
}
.yiyuangou .details-head .details-message .activity-panel .publish-result .heading {
    font-size:24px;
    color:#cf1010;
    background-color:transparent;
    text-align:center
}
.yiyuangou .details-head .details-message .activity-panel .publish-result .winner {
    width:250px;
    height:95px;
    margin:0 auto;
    padding:15px 0 15px 80px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    position:relative
}
.yiyuangou .details-head .details-message .activity-panel .publish-result .winner .avatar {
    width:65px;
    height:65px;
    border-radius:100%;
    position:absolute;
    left:0;
    top:15px
}
.yiyuangou .details-head .details-message .activity-panel .publish-result .winner .name {
    margin-top:12px !important
}
.yiyuangou .details-head .details-message .activity-panel .publish-result .winner .site,.yiyuangou .details-head .details-message .activity-panel .publish-result .winner .name {
    font-size:14px;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-top:5px
}
.yiyuangou .details-head .details-message .details-message-site {
    margin-left:0;
    color:#333
}
.yiyuangou .details-head .details-message .details-message-site .col-xs-10 {
    padding:0
}
.yiyuangou .details-head .details-message .details-message-site .dropdown-toggle {
    margin:0;
    margin-left:3px;
    max-width:100%
}
.yiyuangou .details-head .details-message .details-message-site .dropdown-menu {
    left:0;
    right:0
}
.yiyuangou .details-head .details-message .details-message-site .form-control-feedback {
    right:0;
    line-height:25px
}
.yiyuangou .details-head .record-list .list li {
    padding-left:50px;
    position:relative
}
.yiyuangou .details-head .record-list .list li .avatar {
    position:absolute;
    top:7.5px;
    left:0
}
.yiyuangou .details-head .record-list .list li .name {
    width:60px !important;
    overflow:hidden
}
.yiyuangou .details-head .record-list .list li .num {
    color:#428bca;
    margin-left:5px
}
.yiyuangou .details-body .operation,.yiyuangou .details-body .calculate {
    padding:25px 0
}
.yiyuangou .details-body .operation .name,.yiyuangou .details-body .calculate .name {
    width:195px;
    height:165px;
    border-right:1px solid #e7e6eb;
    float:left;
    text-align:center
}
.yiyuangou .details-body .operation .name img,.yiyuangou .details-body .calculate .name img {
    margin:50px 0 20px 0
}
.yiyuangou .details-body .operation .con,.yiyuangou .details-body .calculate .con {
    width:995px;
    height:165px;
    padding:0
}
.yiyuangou .details-body .operation .steps {
    width:22%;
    text-align:center
}
.yiyuangou .details-body .operation .steps .step-state {
    font-size:16px;
    color:#428bca;
    margin:10px 0 5px 0
}
.yiyuangou .details-body .operation .arrow {
    width:17%
}
.yiyuangou .details-body .operation .arrow img {
    margin-top:73px
}
.yiyuangou .details-body .calculate .state {
    width:610px !important
}
.yiyuangou .details-body .calculate .rule {
    height:165px !important;
    line-height:35px;
    padding:12px 0 0 15px !important
}
.hot-tag {
    margin-top:20px;
    padding:18px 10px 18px 20px;
    border:1px solid #e7e6eb;
    overflow:hidden
}
.hot-tag h3 {
    font-size:16px;
    color:#858585;
    padding:0;
    margin:0
}
.hot-tag-lists li {
    float:left;
    margin-top:20px;
    margin-right:12px;
    color:#464646
}
.hot-tag-lists li a {
    padding:3px 10px;
    margin-right:3px
}
.hot-tag-lists li a:hover {
    color:#fff;
    background-color:#428bca;
    border-radius:3px
}
.hot-tag-lists .active a,.hot-tag-lists .details-message-versions a:hover a,.details-message-versions .hot-tag-lists a:hover a {
    color:#fff;
    background-color:#428bca;
    border-radius:3px
}
.conditions-group {
    background:#f3f3f3;
    border:1px solid #e7e6eb;
    overflow:hidden;
    color:#464646;
    padding:0 12px
}
.conditions-group .shop-sorts {
    float:left;
    height:45px
}
.conditions-group .shop-sorts .shop-sort {
    margin-left:25px;
    padding:12px 0;
    display:inline-block
}
.conditions-group .shop-sorts .shop-sort:hover {
    color:#428bca
}
.conditions-group .shop-sorts .active,.conditions-group .shop-sorts .details-message-versions a:hover,.details-message-versions .conditions-group .shop-sorts a:hover {
    color:#428bca
}
.conditions-group .shop-checks {
    float:right
}
.conditions-group .shop-checks label {
    color:#464646;
    font-size:14px;
    margin-bottom:0;
    font-weight:normal;
    padding-left:10px;
    line-height:20px;
    padding:12px 0px 12px 12px
}
.conditions-group .shop-checks .shop-check {
    vertical-align:middle;
    height:20px;
    margin-top:0px;
    margin-right:6px
}
.apply-lists,.service-lists,.shop-template-lists {
    padding-top:15px;
    padding-bottom:15px;
    margin-left:-15px;
    margin-right:-15px;
    overflow:hidden
}
.apply-lists .new-apply:after,.service-lists .new-apply:after,.shop-template-lists .new-apply:after {
    content:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/icon-new-apply.png);
    position:absolute;
    top:0;
    right:0
}
.apply-list {
    position:relative;
    padding:15px 0;
    margin:14px 0px;
    height:200px;
    float:left;
    outline:1px solid #e7e6eb;
    transition:all .3s
}
.apply-list .media {
    padding:0 13px 10px;
    margin:0;
    border-bottom:1px dashed #e7e6eb
}
.apply-list .media span {
    font-size:12px;
    color:#939393;
    padding-right:18px
}
.apply-list .apply-list-icon {
    width:83px;
    height:83px;
    padding-right:15px
}
.apply-list .apply-list-icon img {
    width:83px;
    height:83px;
    border-radius:10px;
    border:1px solid #e7e6eb
}
.apply-list .apply-list-title {
    font-size:16px;
    line-height:1;
    margin-top:0;
    margin-bottom:15px;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:151px
}
.apply-list .apply-list-money {
    margin-bottom:6px
}
.apply-list .apply-list-safe {
    padding:13px;
    margin:0;
    color:#989494
}
.apply-list .apply-list-safe img {
    padding-right:5px;
    height:18px
}
.apply-list .apply-list-support {
    padding:0 13px;
    margin:0;
    color:#989494
}
.apply-list .apply-list-support img {
    padding-right:5px;
    height:18px
}
.apply-list .apply-list-support span {
    padding-right:5px;
    color:#808080
}
.apply-list:hover {
    outline:3px solid #428bca
}
.apply-list:hover .apply-list-title {
    color:#428bca
}
.service-lists .new-service:after {
    content:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/icon-new-service.png);
    position:absolute;
    top:0;
    right:0
}
.service-list {
    border:1px solid #e7e6eb;
    position:relative;
    padding:15px 0;
    margin:14px 0px;
    height:115px;
    float:left
}
.service-list .media {
    padding:0 15px 10px;
    margin:0
}
.service-list .media span {
    font-size:12px;
    color:#939393;
    padding-right:18px
}
.service-list .service-list-icon {
    width:83px;
    height:83px;
    padding-right:15px
}
.service-list .service-list-icon img {
    width:83px;
    height:83px;
    border-radius:10px;
    border:1px solid #e7e6eb
}
.service-list .service-list-title {
    font-size:16px;
    line-height:1;
    margin-top:0;
    margin-bottom:15px;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:151px
}
.service-list .service-list-money {
    margin-bottom:6px
}
.service-list:hover {
    outline:3px solid #428bca
}
.service-list:hover .service-list-title {
    color:#428bca
}
.shop-template-lists .shop-template-list {
    border:1px solid #e7e6eb;
    margin:15px 0;
    position:relative
}
.shop-template-lists .shop-template-list .template-pic {
    width:100%;
    height:345px;
    border-bottom:1px dashed #e7e6eb
}
.shop-template-lists .shop-template-list .template-title {
    padding-top:10px;
    padding-left:15px;
    color:#464646;
    font-size:16px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.shop-template-lists .shop-template-list .template-money {
    padding-left:15px;
    padding-right:15px
}
.shop-template-lists .shop-template-list .template-buy {
    float:right;
    color:#b3b3b3
}
.shop-template-lists .shop-template-list:hover {
    outline:3px solid #428bca
}
.shop-template-lists .shop-template-list:hover .template-title {
    color:#428bca
}
.shop-template-lists .new-template:after {
    content:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/icon-new-templat.png);
    position:absolute;
    top:0;
    right:0
}
.avg-5 {
    width:20%;
    padding:0 15px;
    float:left
}
.shop-pages {
    color:#b3b3b3
}
.shop-pages li {
    margin-right:-6px
}
.shop-pages li a {
    border-radius:0;
    font-size:12px;
    color:#000;
    padding:10px 18px
}
.shop-pages li a:hover {
    background-color:#428bca;
    color:#fff
}
.shop-pages .disabled {
    color:#dfdfdf;
    margin-right:0
}
.shop-pages input {
    width:35px;
    height:22px
}
.shop-pages button {
    box-shadow:0 0 0;
    border-radius:0;
    padding:2px 10px;
    border-color:#b3b3b3;
    color:#b3b3b3
}
.btn-details-class {
    background-color:#f3f1f1;
    color:#666666;
    height:40px;
    line-height:25px
}
.open .shop-class {
    display:block
}
.dropdown.details-class {
    display:inline
}
.shop-class {
    width:211px;
    border:1px solid #f3f1f1;
    border-right:none;
    position:absolute;
    display:none;
    z-index:4
}
.shop-class ul {
    min-height:200px;
    background:#f3f1f1
}
.shop-class ul li {
    line-height:44px;
    height:44px;
    padding:0 15px
}
.shop-class li a {
    color:#666;
    display:block
}
.shop-class ul li:hover {
    background:#fff
}
.shop-class ul li:hover a.class-item {
    color:#428bca
}
.shop-class ul li:hover span {
    color:#428bca
}
.shop-class ul li span {
    float:right;
    color:#666;
    margin-top:-44px
}
.shop-class .submenu {
    width:650px;
    min-height:200px;
    background-color:#fff;
    border:2px solid #e7e6eb;
    margin-left:-2px;
    position:absolute;
    left:211px;
    top:-1px;
    display:none;
    z-index:4
}
.shop-class .submenu a {
    color:#666
}
.shop-class .item {
    width:650px;
    float:left
}
.shop-class .item dl {
    overflow:hidden;
    padding:0 20px;
    color:#373d41;
    font-size:12px
}
.shop-class .item dl dt {
    width:87px;
    font-weight:bold;
    padding:5px 20px 5px 0;
    height:28px;
    line-height:28px;
    color:#666;
    font-size:12px
}
.shop-class .item dl dd {
    overflow:hidden;
    margin-left:-10px;
    padding:0 20px 5px 0;
    border-bottom:1px solid #eee
}
.shop-class .item dd a:hover {
    color:#428bca
}
.shop-class .item dl dd:last-child {
    border:0
}
.shop-class .item dl dd a {
    padding:0 10px;
    float:left;
    height:18px;
    line-height:18px;
    margin:5px 0
}
.details-head {
    margin-top:30px;
    margin-bottom:30px;
    width:1200px;
    padding:0;
    border:1px solid #e7e6eb
}
.details-carousel {
    position:relative;

    padding-top:67px;
    padding-left:73px;
    padding-right:72px;
    padding-bottom:100px;
    float:left
}
.details-carousel .details-copyright-icon {
    position:absolute;
    top:0;
    left:10px
}
.details-carousel .details-carousel-back {
    position:absolute;
    top:25px;
    left:41px;
}
.details-carousel .carousel {
    vertical-align:middle;
    text-align:center
}
.details-carousel .carousel img {
    vertical-align:middle;
    max-width:100%;
    max-height:100%
}
.details-carousel .carousel-control {
    top:170px;
    background-image:none;
    font-size:48px;
    color:#9f9f9f;
    text-shadow:0 0 0
}
.details-carousel .carousel-control:hover {
    color:#428bca
}
.details-carousel .left {
    left:-60px
}
.details-carousel .right {
    right:-60px
}
.details-carousel-bg {
    width:217px;
    height:390px;
    background-color:#fff;
    position:absolute;
    top:0;
    left:0;
    z-index:-111
}
.details-carousel-img {
    width:217px;
    height:390px;
    display:table-cell;
    vertical-align:middle
}
.details-carousel-img img {
    vertical-align:middle
}
.details-message {
    width:815px;
    min-height:555px;
    border-left:1px solid #e7e6eb;

    margin-left:-1px;
    float:left;
    position:relative;
    background: #FFF;
}
.details-message .panel-details-message {
    border:0;
    border-radius:0;
    margin:0;
    box-shadow:0 0 0
}
.details-message .panel-details-message .panel-body {
    min-height:514px
}
.details-message .panel-details-message .media {
    overflow:unset
}
.details-message .panel-details-message .media-body {
    overflow:unset
}
.details-message .plugin-state {
    margin:0 40px;
    padding:10px 0;
    border-top:1px solid #e7e6eb
}
.details-message .plugin-state .tips {
    color:#CF1010
}
.details-message .plugin-state .module-info {
    position:relative;
    padding:10px 10px 10px 85px
}
.details-message .plugin-state .module-info .logo {
    width:76px;
    height:76px;
    border-radius:10px;
    position:absolute;
    left:0;
    top:10px
}
.details-message .plugin-state .module-info .details-message-grade {
    margin:0
}
.details-message .plugin-state .col-sm-2 {
    padding:0
}
.details-message .plugin-state .col-sm-2 .btn {
    margin-top:31px
}
.details-message .panel-footer {
    background-color:transparent;
    margin:0 40px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    color:#9f9f9f
}
.message-icon {
    padding-left:10px;
    padding-right:20px;
    text-align:center
}
.message-icon a {
    color:#9f9f9f
}
.message-icon a p {
    margin-top:15px;
    margin-bottom:0
}
.message-icon a i {
    margin-right:5px
}
.message-icon a:hover {
    color:#428bca
}
.message-icon img {
    width:76px;
    height:76px;
    border-radius:10px;
    border:1px solid #e7e6eb
}
.message-icon .plugin-icon {
    width:88px;
    height:88px;
    position:relative
}
.message-icon .plugin-icon .plugin-img {
    width:66px;
    height:66px;
    border:2px solid #fff;
    border-radius:10px;
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.message-icon .plugin-icon .module-img {
    width:44px;
    height:44px;
    border-radius:10px;
    position:absolute;
    top:33px;
    right:0
}
.serve-details {
    width:965px;
    min-height:300px
}
.serve-details .panel-details-message .panel-body {
    height:auto;
    min-height:300px
}
.details-message-title {
    font-size:24px;
    color:#4e4e4e;
    margin-bottom:10px
}
.details-message-title .details-message-version {
    font-size:14px;
    color:#9f9f9f
}
.details-message-grade {
    font-size:14px;
    margin-bottom:10px
}
.details-message-grade .label {
    background-color:transparent;
    color:#4e4e4e;
    font-size:14px;
    font-weight:normal
}
.details-message-number {
    margin-bottom:10px
}
.details-message-number .c-blue {
    font-size:20px
}
.margin-8 {
    margin-left:8px;
    color:#777777
}
.message-price-n {
    color:#cf1010;
    font-size:24px
}
.remind-activity {
    height:35px;
    line-height:35px;
    color:#fff;
    padding:0 15px;
    background-color:#CF1010
}
.remind-activity .num {
    display:inline-block;
    margin:0 15px
}
.details-message-price {
    margin-bottom:10px;
    padding:0 10px;
    height:68px;
    line-height:68px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    background-color:#ffede7;
    color:#787878
}
.details-message-price .message-price-border {
    padding-left:5px;
    border-left:1px solid #d5c9c4
}
.details-message-price .message-price-m:empty {
    border:0
}
.details-message-price .message-price-trend {
    color:#1BB975;
    margin-left:10px
}
.details-message-app {
    margin-bottom:20px;
    color:#777777;
    margin-left:8px
}
.details-message-app span {
    color:#484848
}
.details-message-app span:first-child:before {
    content:''
}
.details-message-app span:before {
    content:', '
}
.details-message-versions {
    margin-bottom:20px;
    color:#777777;
    margin-left:8px
}
.details-message-versions a {
    border:1px solid #e7e6eb;
    background-color:#f7f7f7;
    padding:5px 14px;
    margin-right:10px;
    display:inline-block;
    white-space:nowrap;
    margin-bottom:5px
}
.details-message-versions .active,.details-message-versions a:hover {
    background-color:transparent;
    border:1px solid #cf1010;
    color:#cf1010
}
[data-tooltip-type="tips"]+.tooltip {
    background:#fff
}
[data-tooltip-type="tips"]+.tooltip.in {
    opacity:1
}
[data-tooltip-type="tips"]+.tooltip .tooltip-arrow {
    display:none
}
[data-tooltip-type="tips"]+.tooltip .tooltip-inner {
    text-align:left;
    border-radius:0;
    color:#777;
    border:1px solid #e7e6eb;
    background-color:#fff;
    padding:10px 15px;
    line-height:1.8
}
[data-tooltip-type="tips"]+.tooltip .tooltip-inner .wi {
    margin:0 3px 0 0;
    font-size:14px;
    font-weight:normal;
    color:#cf1010;
    line-height:1.5;
    padding:0;
    margin:0
}
[data-tooltip-type="tips"]+.tooltip .tooltip-inner .red {
    color:#df1010
}
.purchased {
    border:1px dashed #e7e6eb !important;
    color:#e7e6eb !important;
    cursor:not-allowed
}
.purchased:hover {
    cursor:not-allowed;
    background-color:#f7f7f7 !important;
    border:1px dashed #e7e6eb;
    color:#e7e6eb
}
.details-message-buy {
    margin-bottom:20px;
    overflow:hidden
}
.details-message-buy .btn {
    padding:6.5px 45px;
    font-size:18px
}
.details-message-buy .btn-buy-now {
    background-color:#cf1010;
    margin-right:30px;
    color:#FFFFFF
}
.details-message-buy .btn-buy-dem {
    background-color:#428bca;
    color:#FFFFFF
}
.details-message-buy .btn-buy-install {
    text-align:center;
    background-color:#f7f7f7;
    margin-right:30px;
    color:#8b8b8b
}
.details-message-buy .btn-buy-install.active,.details-message-buy .details-message-versions a.btn-buy-install:hover,.details-message-versions .details-message-buy a.btn-buy-install:hover {
    background-color:#cf1010;
    color:#FFFFFF
}
.details-message-buy .number {
    text-align:center;
    font-size:14px;
    margin:0;
    color:#8b8b8b;
    margin-left:-18px;
    padding-top:20px
}
.flash-sale {
    border-top:1px dashed #ededed;
    border-bottom:1px dashed #ededed;
    padding:20px 0;
    margin-bottom:20px
}
.flash-sale .num-surplus {
    font-size:16px
}
.flash-sale .details-message-price {
    margin:20px 0 0 0;
    position:relative
}
.flash-sale .details-message-price .icon-img {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:65px;
    height:68px
}
.flash-sale .details-message-price .price-sale {
    font-size:38px;
    margin-right:30px
}
.module-activity {
    width:443px;
    padding:15px 15px 0;
    margin-bottom:20px;
    border-radius:5px;
    border:1px solid #cf1010
}
.module-activity .info {
    margin-bottom:20px;
    font-size:14px;
    color:#777777
}
.module-activity .info b {
    font-size:18px;
    font-weight:normal
}
.module-activity .info span {
    display:inline-block
}
.module-activity .info span:first-child {
    text-align:left
}
.module-activity .info span:nth-of-type(2) {
    float:right
}
.module-activity .info span+span {
    margin-left:15px
}
.module-activity .link {
    margin-bottom:22px
}
.module-activity .link .btn-danger {
    background-color:#cf1010
}
.module-activity .description {
    margin-left:-15px;
    margin-right:-15px
}
.module-activity .time {
    height:56px;
    margin-left:-15px;
    margin-right:-15px;
    padding:8px 15px;
    background-color:#cf1010;
    color:#fff
}
.module-activity .time .span-time {
    height:35px;
    padding:0 3px;
    display:inline-block;
    border-radius:3px;
    background-color:#fff;
    font-size:24px;
    text-align:center;
    line-height:35px;
    color:#cf1010;
    margin-left:10px
}
.module-activity .time .time-nav {
    line-height:44px
}
.module-activity .time .time-group {
    float:right
}
#buy-dem img {
   margin: 0 auto;
    display: block;
}
.buy-site-lists {
    position:absolute;
    width:470px;
    height:260px;
    padding:35px 0px 10px 35px;
    top:140px;
    background-color:#fff;
    border:2px solid #cf1010;
    font-size:14px;
    color:#8d8a89
}
.buy-site-lists .message-price-n {
    margin-left:10px
}
.buy-site-lists .btn {
    padding:10px 45px;
    color:#FFFFFF;
    font-size:18px
}
.buy-site-lists .btn-buy-now {
    margin-top:50px;
    background-color:#cf1010;
    margin-right:30px
}
.details-message-site {
    height:35px;
    margin-top:15px;
    display:block;
    color:#777777;
    vertical-align:middle
}
.details-message-site .control-label {
    line-height:30px
}
.details-message-site .dropdown-toggle {
    display:block;
    border:1px solid #e7e6eb;
    height:30px;
    padding:5px;
    margin-left:-12px;
    margin-right:-15px;
    max-width:380px
}
.details-message-site .dropdown-toggle .placeholder {
    cursor:pointer
}
.details-message-site .dropdown-toggle p {
    width:100%;
    display:inline
}
.details-message-site .form-control-feedback {
    line-height:30px;
    right:-15px
}
.details-message-site .dropdown-menu {
    min-width:378px;
    max-width:500px;
    border-radius:0;
    right:-15px;
    left:auto;
    margin-top:0
}
.details-message-site .select-site-name {
    color:#404040;
    margin-bottom:5px;
    cursor:pointer
}
.details-message-site .select-site-url {
    font-size:12px;
    color:#b9babb;
    margin-bottom:5px
}
.details-message-promise {
    margin-bottom:20px;
    color:#777777;
    margin-left:8px
}
.details-message-promise img {
    margin-right:10px;
    height:18px
}
.details-message-support {
    margin-bottom:20px;
    color:#777777;
    margin-left:8px
}
.details-message-support img {
    margin-right:5px;
    height:18px
}
.details-message-support a {
    margin-right:10px
}
.details-message-tag {
    margin-bottom:18px;
    color:#777777;
    margin-left:8px
}
.details-message-tag .message-tag-list {
    margin-top:-1.5em;
    margin-left:3em
}
.details-message-tag .btn-message-tag {
    border-radius:0;
    padding:6px;
    margin-right:10px;
    margin-bottom:5px;
    border:1px solid #d9dadc;
    color:#428bca
}
.details-message-tag .btn-message-tag:hover {
    background-color:#428bca;
    color:#fff
}
.details-author {
    width:235px;
    float:left;
    margin-left:-1px
}
.details-author .details-author-avater {
    overflow:hidden;
    margin-bottom:18px
}
.details-author .details-author-avater img {
    margin-top:10px;
    width:62px;
    height:62px;
    margin-right:15px
}
.details-author .author-info-zizhi {
    margin-bottom:18px;
    display:block
}
.details-author .author-info-contact {
    margin-bottom:18px
}
.details-author .author-info-home {
    text-align:center
}
.details-author .author-info-home .btn-details-author {
    background:#fafafa;
    border:1px solid #b6b6b6;
    color:#3c3c3c;
    padding:8px 35px
}
.details-author .author-info-home .btn-details-author:hover {
    color:#428bca
}
.details-author .details-author-app .author-app-more {
    float:right;
    font-size:12px;
    margin-right:20px;
    line-height:2
}
.details-author .panel-contact:last-child {
    border-bottom:0
}
.details-body {
    padding-bottom:30px
}
.details-body .panel-copyright {
    border-radius:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    border-bottom:1px solid #e7e6eb
}
.details-body-left {
    width:948px;
    float:left;
    border:1px solid #e7e6eb
}
.combo .combo-panel {
    border:1px solid #e7e6eb;
    height:145px;
    margin-bottom:30px
}
.combo .title {
    font-size:16px;
    width:20px;
    height:100%;
    margin:0 25px;
    word-wrap:break-word
}
.combo .name {
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.combo .version,.combo .price {
    font-size:14px
}
.combo .apply,.combo .plugins {
    float:left
}
.combo .apply>div,.combo .plugins>div {
    float:left
}
.combo .apply-info:hover .name,.combo .plugin-item:hover .name {
    color:#428bca
}
.combo .apply .title {
    margin-top:39px
}
.combo .apply .apply-info {
    padding:34px 0 34px 85px;
    position:relative
}
.combo .apply .apply-info .logo {
    width:76px;
    height:76px;
    border-radius:10px;
    position:absolute;
    top:34px;
    left:0
}
.combo .apply .apply-info .name,.combo .apply .apply-info .version {
    width:120px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.combo .apply .apply-info .name {
    margin:11px 0
}
.combo .apply .apply-info .version {
    color:#666
}
.combo .apply .plus {
    display:inline-block;
    height:143px;
    line-height:143px;
    font-size:48px;
    color:#9f9f9f;
    opacity:0.5
}
.combo .plugins .title {
    margin-top:49px
}
.combo .plugins .slider {
    width:790px;
    height:143px
}
.combo .plugins .slider .slider-container {
    width:774px;
    height:143px;
    margin:0 8px;
    position:relative;
    overflow:hidden
}
.combo .plugins .slider .slider-container .left,.combo .plugins .slider .slider-container .right {
    display:inline-block;
    width:32px;
    height:143px;
    line-height:143px;
    text-align:center;
    position:absolute;
    color:#9f9f9f;
    opacity:0.5;
    top:0
}
.combo .plugins .slider .slider-container .left:hover,.combo .plugins .slider .slider-container .right:hover {
    opacity:1
}
.combo .plugins .slider .slider-container .left .wi,.combo .plugins .slider .slider-container .right .wi {
    font-size:32px
}
.combo .plugins .slider .slider-container .left {
    left:0
}
.combo .plugins .slider .slider-container .right {
    right:0
}
.combo .plugins .slider .slider-container .list-container {
    width:726px;
    height:143px;
    margin:0 32px;
    overflow:hidden
}
.combo .plugins .slider .slider-container .list {
    height:143px
}
.combo .plugins .slider .carousel-inner {
    margin:0 32px;
    width:726px;
    overflow:hidden
}
.combo .plugins .plugin-item {
    float:left;
    width:242px;
    padding:27px 10px;
    position:relative;
    padding-left:100px;
    min-height:120px
}
.combo .plugins .plugin-item .img {
    position:absolute;
    width:88px;
    height:88px;
    top:27px;
    left:0
}
.combo .plugins .plugin-item .img .plugin-img {
    width:66px;
    height:66px;
    border-radius:10px;
    border:2px solid #fff;
    position:absolute;
    left:0;
    top:5px;
    z-index:1
}
.combo .plugins .plugin-item .img .module-img {
    width:44px;
    height:44px;
    border-radius:10px;
    position:absolute;
    right:0;
    top:38px
}
.combo .plugins .plugin-item .name {
    margin:15px 0
}
.combo .plugins .plugin-item .price {
    color:#CF1010
}
.panel-details-body {
    border-radius:0;
    border:0;
    margin-bottom:0
}
.panel-details-body .panel-heading {
    background:#f3f3f3;
    padding:0 20px;
    height:42px;
    border-bottom:3px solid #eeeeee;
    border-top-right-radius:0;
    border-top-left-radius:0
}
.panel-details-body .nav-tabs {
    border-bottom:0
}
.panel-details-body .nav-tabs li a {
    display:inline-block;
    padding:9px 24px;
    margin:0;
    font-size:16px;
    color:#515151;
    border-width:0 0 2px 0;
    border-color:transparent
}
.panel-details-body .nav-tabs li a b {
    margin-left:10px
}
.panel-details-body .nav-tabs li:hover a {
    border-color:#428bca;
    background-color:transparent
}
.panel-details-body .nav-tabs li:focus {
    background:transparent
}
.panel-details-body .nav-tabs li.active {
    border-bottom:2px solid #428bca
}
.panel-details-body .nav-tabs li.active a {
    border:0;
    background-color:transparent
}
.panel-details-body .panel-body {
    margin:0;
    padding:0
}
.panel-details-body .details-introduce-head {
    min-height:115px;
    padding:30px 0px 30px 35px;
    border-bottom:1px solid #e7e6eb;
    color:#959595
}
.panel-details-body .details-introduce-head p {
    line-height:1.5
}
.panel-details-body .details-introduce-head p span {
    margin-right:40px
}
.panel-details-body .details-introduce-schemes a {
    color:#428bca;
    margin-left:75px
}
.panel-details-body .details-introduce-schemes a:first-child {
    margin-left:0
}
.panel-details-body .details-introduce-schemes a:last-child:after {
    content:normal
}
.panel-details-body .details-introduce-schemes a:after {
    content:'\A';
    white-space:pre
}
.panel-details-body .details-introduce-body {
    padding:30px 30px
}
.panel-details-body .details-introduce-body img {
    max-width:100%
}
.details-versions {
    position:relative;
    overflow:hidden;
    padding-bottom:0px
}
.details-versions .details-version:before {
    content:'';
    width:3px;
    position:absolute;
    top:0;
    left:95px;
    background:#f2f2f2;
    z-index:100;
    bottom:0;
    box-sizing:border-box
}
.details-versions .details-version:first-child {
    padding-top:20px
}
.details-versions .details-version:first-child .fa-circle-o {
    top:46px
}
.details-version {
    position:relative;
    overflow:hidden
}
.details-version .details-version-time {
    width:85px;
    min-height:80px;
    float:left;
    margin-right:51px;
    margin-top:14px;
    padding-left:25px;
    padding-right:15px;
    text-align:center
}
.details-version .details-version-time .time-d {
    color:#5c5c5c;
    font-size:30px;
    margin-bottom:5px
}
.details-version .details-version-content {
    position:relative;
    float:left;
    width:795px;
    margin:14px 0
}
.details-version .details-version-content:before {
    content:'';
    border-width:11px;
    border-style:solid;
    border-color:transparent #f2f2f2 transparent transparent;
    position:absolute;
    left:-21px;
    top:10px
}
.details-version .fa-circle-o {
    color:#428bca;
    position:absolute;
    top:26px;
    left:90px;
    z-index:101;
    background-color:#fff;
    font-size:16px
}
.panel-version {
    box-shadow:0 0 0;
    border-radius:0;
    border:1px solid #e7e6eb
}
.panel-version .panel-heading {
    height:43px;
    line-height:43px;
    padding:0 35px;
    color:#428bca;
    font-size:16px
}
.panel-version .panel-heading .time-h {
    float:right;
    color:#a9a9a9
}
.panel-version .panel-body {
    padding:25px 35px
}
.panel-version .panel-body img {
    max-width:100%
}
.details-comment-lists {
    padding-bottom:30px
}
.details-comment-lists li {
    padding:24px 42px 0 42px;
    border-bottom:1px solid #e7e6eb
}
.details-comment-lists .media-left {
    padding-right:25px
}
.details-comment-lists .media-left img {
    width:49px;
    height:49px
}
.details-comment-lists .comment-body {
    color:#4f4f4f;
    margin-bottom:5px
}
.details-comment-lists .comment-time {
    color:#a4a4a4;
    font-size:12px;
    margin-bottom:10px
}
.details-comment-lists .comment-time span {
    margin-left:20px
}
.details-comment-lists .post-reply {
    float:right;
    font-size:14px
}
.details-comment-lists .star-rating {
    display:inline-block;
    margin-bottom:5px
}
.details-comment-lists .rating-stars:before {
    text-shadow:0 0 0 !important
}
.details-comment-lists .label {
    background-color:transparent;
    color:#a4a4a4;
    font-size:14px;
    font-weight:normal
}
.details-comment .btn:active {
    box-shadow:0 0 0;
    border-radius:0
}
.details-plugin .plugin-list {
    padding:22px
}
.details-plugin .plugin-list .item {
    float:left;
    width:140px;
    height:190px;
    text-align:center;
    font-size:12px;
    outline:1px solid #e7e6eb;
    margin:22px
}
.details-plugin .plugin-list .item:hover {
    outline:3px solid #428bca
}
.details-plugin .plugin-list .item .name {
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px
}
.details-plugin .plugin-list .item .price {
    color:#d80000;
    margin:3px 0
}
.details-plugin .plugin-list .item .install {
    color:#9b9b9b
}
.details-plugin .plugin-list .item .img {
    position:relative;
    padding:15px;
    min-height:107px
}
.details-plugin .plugin-list .item .img .plugin-img {
    width:66px;
    height:66px;
    border-radius:10px;
    border:2px solid #fff;
    position:absolute;
    left:26px;
    top:15px;
    z-index:1
}
.details-plugin .plugin-list .item .img .module-img {
    width:44px;
    height:44px;
    border-radius:10px;
    position:absolute;
    right:26px;
    top:48px
}
.star-rating {
    display:inline-block;
    margin-bottom:5px
}
.rating-stars:before {
    text-shadow:0 0 0 !important
}
.comment-reply-lists {
    margin-right:20px;
    margin-top:-1px;
    padding:15px 30px 15px 0;
    border-top:1px solid #e7e6eb;
    border-bottom:1px solid #e7e6eb
}
.comment-reply {
    padding-top:20px;
    padding-left:15px
}
.comment-reply .btn-comment-reply {
    background-color:#428bca;
    color:#FFFFFF;
    padding:5px 25px;
    margin-top:20px;
    margin-bottom:20px
}
.details-body-right {
    width:229px;
    float:left;
    border:1px solid #e7e6eb;
    margin-left:-1px;
    height:auto
}
.panel-contact {
    box-shadow:0 0 0;
    border:0;
    border-radius:0;
    padding:25px 0 37px 25px;
    margin:0;
    border-bottom:1px solid #e7e6eb
}
.panel-contact .panel-heading {
    font-size:16px;
    color:#222222;
    padding:0
}
.panel-contact .panel-body {
    padding:0
}
.panel-contact p {
    margin-top:15px
}
.panel-contact p:hover {
    color:#428bca
}
.panel-contact img {
    margin-right:8px
}
.panel-contact .wi-service,.panel-contact .wi-tel {
    font-size:30px;
    margin-right:6px
}
.details-recommend li {
    overflow:hidden;
    margin-top:14px
}
.details-recommend li p {
    margin-top:10px
}
.details-recommend li img {
    width:65px;
    height:65px;
    margin-right:10px;
    border-radius:10px
}
.details-recommend li .details-recommend-num {
    color:#afaeae
}
.details-recommend li:hover .details-recommend-title {
    color:#428bca
}
.mai-header {
    background-image:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/mai-bg.png);
    background-position-x:center;
    background-repeat:no-repeat;
    height:498px;
    text-align:center;
    padding-top:90px
}
.mai-header .mai-versions {
    width:373px;
    float:left;
    color:#fff;
    height:323px;
    margin-right:40px;
    background-color:#F4F5F9
}
.mai-header .mai-versions:nth-of-type(1) .mai-versions-head {
    background-image:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/mai-dian-1.png);
    background-color:#4ea1f4
}
.mai-header .mai-versions:nth-of-type(1) .btn-we7 {
    background-color:#4ea1f4
}
.mai-header .mai-versions:nth-of-type(2) .mai-versions-head {
    background-image:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/mai-dian-2.png);
    background-color:#ffc36d
}
.mai-header .mai-versions:nth-of-type(2) .btn-we7 {
    background-color:#ffc36d
}
.mai-header .mai-versions:nth-of-type(3) {
    margin-right:0
}
.mai-header .mai-versions:nth-of-type(3) .mai-versions-head {
    background-image:url(//we7cloud-10016060.file.myqcloud.com/web/resource/images/wechat/mai-dian-3.png);
    background-color:#ff7272
}
.mai-header .mai-versions:nth-of-type(3) .btn-we7 {
    background-color:#ff7272
}
.mai-header .mai-versions .btn-we7 {
    padding-left:45px;
    padding-right:45px;
    margin-top:40px;
    font-size:21.3px
}
.mai-header .mai-versions-head {
    background-position-x:center;
    background-repeat:no-repeat;
    height:200px;
    padding-top:40px;
    font-size:32px
}
.mai-header .mai-price {
    font-size:48px;
    padding-top:20px
}
.mai-ali {
    background-color:#f6f9fa;
    height:70px;
    line-height:70px;
    text-align:center;
    color:#cf1010;
    font-size:18.67px
}
.mai-detail {
    padding-top:25px
}
.mai-detail table {
    text-align:center;
    border:0
}
.mai-detail tbody {
    border-bottom:0px;
    border:0
}
.mai-detail tbody:nth-of-type(1) {
    border-top:4px solid #428bca;
    border-left:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0;
    border-bottom:0
}
.mai-detail tbody:nth-of-type(1):after {
    content:''
}
.mai-detail tbody:nth-of-type(1) th {
    font-size:24px;
    color:#526069;
    width:auto
}
.mai-detail tbody:nth-of-type(2n) {
    border-top:0
}
.mai-detail tbody:nth-of-type(2n) tr {
    border-left:2px solid #56a8fc;
    border-right:2px solid #56a8fc
}
.mai-detail tbody:nth-of-type(2n) tr:first-child {
    border-top:2px solid #56a8fc
}
.mai-detail tbody:nth-of-type(2n) tr:last-child {
    border-bottom:2px solid #56a8fc
}
.mai-detail tbody:nth-of-type(2n) tr th {
    color:#56a8fc
}
.mai-detail tbody:nth-of-type(3n) tr {
    border-left:2px solid #ffc36d;
    border-right:2px solid #ffc36d
}
.mai-detail tbody:nth-of-type(3n) tr:first-child {
    border-top:2px solid #ffc36d
}
.mai-detail tbody:nth-of-type(3n) tr:last-child {
    border-bottom:2px solid #ffc36d
}
.mai-detail tbody:nth-of-type(3n) tr th {
    color:#ffc36d
}
.mai-detail tbody:nth-of-type(4n) tr {
    border-left:2px solid #ff8080;
    border-right:2px solid #ff8080
}
.mai-detail tbody:nth-of-type(4n) tr:first-child {
    border-top:2px solid #ff8080
}
.mai-detail tbody:nth-of-type(4n) tr:last-child {
    border-bottom:2px solid #ff8080
}
.mai-detail tbody:nth-of-type(4n) tr th {
    color:#ff8080
}
.mai-detail tbody:nth-of-type(5n) tr {
    border-left:2px solid #69b2fc;
    border-right:2px solid #69b2fc
}
.mai-detail tbody:nth-of-type(5n) tr:first-child {
    border-top:2px solid #69b2fc
}
.mai-detail tbody:nth-of-type(5n) tr:last-child {
    border-bottom:2px solid #69b2fc
}
.mai-detail tbody:nth-of-type(5n) tr th {
    color:#69b2fc
}
.mai-detail tbody:after {
    content:'\A';
    white-space:pre;
    line-height:30px
}
.mai-detail tbody td {
    vertical-align:middle !important;
    color:#555;
    font-size:16px;
    border:1px solid #cdcdcd
}
.mai-detail tbody th {
    border:1px solid #cdcdcd;
    width:55px;
    padding-left:15px !important;
    font-size:18px;
    text-align:center;
    font-weight:normal;
    background-color:transparent !important;
    vertical-align:middle !important
}
.mai-detail tbody>tr:hover td {
    background-color:#7ebef2;
    color:#fff
}
.mai-detail tr:nth-of-type(2n) td {
    background-color:#f6f9fa
}
.mai-detail .mai-zj td {
    background-color:#428bca !important;
    color:#fff
}
.mai-detail .fa-times {
    color:#ff7e7e
}
.mai-detail .fa-check {
    color:#48d5b2
}
.mai-detail .fa-question-circle {
    color:#8e8e8e;
    margin-left:10px;
    cursor:pointer
}
.mai-detail .fa-question-circle:hover {
    color:#428bca
}
.mai-detail .tips {
    font-size:14px;
    color:#a8a8a8;
    margin-bottom:0
}
.mai-detail .popover {
    background-color:#428bca;
    color:#fff
}
.mai-detail .popover a {
    color:#cf1010;
    display:block;
    text-align:right
}
.mai-detail .popover .arrow:after {
    border-top-color:#428bca
}
.mai-detail .table-explain tr {
    border-color:#d0d0d0 !important;
    border-width:0 !important
}
.mai-detail .table-explain td {
    text-align:left;
    padding-left:60px !important
}
.mai-detail .table-explain th {
    color:#555555 !important;
    font-weight:normal
}
.we7-suspend-contact {
    position:fixed;
    top:30%;
    right:0;
    text-align:center;
    color:#fff;
    z-index:999
}
.we7-suspend-contact .we7-suspend-qq {
    height:270px;
    width:130px;
    border-radius:65px 65px 0 0;
    background-color:#428bca;
    padding-top:15px;
    font-size:16px
}
.we7-suspend-contact .we7-suspend-top {
    height:90px;
    width:130px;
    line-height:90px;
    background-color:#428bca;
    margin-top:10px;
    text-align:center;
    font-size:60px
}
.we7-suspend-contact .we7-suspend-top .fa {
    margin-right:0
}
.we7-suspend-contact.detail div {
    background-color:#428bca;
    height:35px;
    line-height:35px;
    width:105px;
    text-align:center;
    margin-bottom:5px
}
.we7-suspend-contact.detail div .wi {
    font-size:18px;
    margin-right:5px;
    position:relative;
    top:-3px
}
.we7-suspend-contact.detail div:hover {
    background-color:#F3F1F1;
    color:#428bca
}
.we7-special {
    position:relative
}
.special-ad-link {
    position:absolute;
    top:39%;
    left:30%;
    width:6em;
    height:2em
}
.link-friendly {
    margin-bottom:30px
}
.link-friendly a {
    margin-top:10px;
    padding:0
}
.link-friendly a:hover {
    color:#428bca
}
.promise-safeguard {
    background-color:#f2f2f2
}
.promise-safeguard .title {
    font-size:42px;
    color:#333;
    padding:100px 0
}
.promise-safeguard .container>div {
    width:1200px;
    background-color:#fff;
    position:relative;
    padding:90px 100px 40px 515px;
    height:346px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin-bottom:50px
}
.promise-safeguard .container>div .img {
    position:absolute;
    top:40px;
    left:85px
}
.promise-safeguard .container>div .sub-title {
    font-size:38px;
    color:#428bca;
    height:55px;
    margin-bottom:30px
}
.promise-safeguard .container>div .sub-title .icon {
    vertical-align:middle;
    margin-right:10px
}
.promise-safeguard .container>div .sub-title span {
    height:100%;
    vertical-align:middle
}
.promise-safeguard .container>div .con {
    font-size:18px;
    line-height:2
}
