.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{
}
.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: 360px;
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("images/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: 81%
}
.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;
min-height: 145px;
}
.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;
width: 362px;
min-height: 555px;
padding-top: 67px;
padding-left: 73px;
padding-right: 72px;
padding-bottom: 100px;
float: left
}
.details-carousel .details-carousel-back{
position: absolute;
top: 25px;
left: 41px;
z-index: -1
}
.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: 603px;
min-height: 555px;
border-left: 1px solid #e7e6eb;
border-right: 1px solid #e7e6eb;
margin-left: -1px;
float: left;
position: relative
}
.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
}
.details-message-versions .active,.details-message-versions a:hover{
background-color: transparent;
border: 1px solid #cf1010;
color: #cf1010
}
.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: 0px;
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{
max-width: 100%
}
.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-bottom: 15px;
margin-left: 8px;
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-left{
width: 967px;
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: 45px;
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: 233px;
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 25px 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
}
.link-custom{
display: inline-block;
position: relative;
background:url(../../images/hot4.gif) no-repeat left 4px;
color:#f00!important;
}
.link-custom span{
background:url(../../images/hot3.gif) no-repeat;
width:31px;
height: 13px;
position: absolute;
left: 15px;
top: 0px;
display: none;
}