@charset "UTF-8";
  html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  border:0 none;
  font-size:inherit;
  color:inherit;
  margin:0;
  padding:0
}
h1,h2,h3,h4,h5,h6 {
  font-weight:normal
}
ul,ol,li {
  list-style:none
}
em,strong,i,b {
  font-style:normal;
  font-weight:normal
}
input,button {
  background:none;
  border:0;
  outline:0
}
button {
  padding:0;
  cursor:pointer;
  font-size:.12rem
}

* {
  box-sizing:border-box
}
*::-webkit-scrollbar {
  width:.04rem;
  height:.04rem
}
*::-webkit-scrollbar-thumb {
  background-color:#4171a1
}
*::-webkit-scrollbar-track {
  background-color:#0e1928
}
@media only screen and (min-width:980px) {
  *::-webkit-scrollbar {
  width:.06rem;
  height:.06rem
}
}*:before,*:after {
  box-sizing:border-box
}
html,body {
  margin:0
}

@media only screen and (min-width:768px) {
  html {
  font-size:100px
}
}
body {
  font-family:Arial,"微软雅黑",sans-serif;
  width:100%;
  line-height:1.5;
  /* color:#fff; */
  font-size:12px;
  -webkit-tap-highlight-color:transparent;
  background:#F1F1F1 no-repeat center top / 100% auto;
  overflow-x:hidden
}
a {
  text-decoration:none;
  outline:0;
  cursor:pointer
}
a:hover {
  color:#67c1f5;
  text-decoration:none
}
table {
  width:100%
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) {
  width:100%;
  max-width:100%;
  max-height:100%;
    background: rgba(10,17,61,.6);
  border-radius:.15rem
}
@media only screen and (min-width:768px) {
  body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) {
  width:5rem
}
}body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-title {
  height:.5rem;
  line-height:.5rem;
  padding:0 .3rem;
  font-size:.15rem;
  color:#dbdbdb;
  text-align:center;
  border-bottom:solid 1px #2b2f39;
  background-color:inherit
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content {
  overflow:visible;
  white-space:normal;
  vertical-align: middle;
  text-align: center;
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content iframe {
  background:#fff
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content .template>.tip {
  width:100%;
  padding:.1rem;
  text-align:center;
  background:#2b2d35;
  color:#af6d45
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content .confirm-msg {
  padding:.3rem .1rem;
  text-align:center;
  color:#ffcc6a;
  font-size:.18rem;
  border-bottom:solid 1px rgba(255,255,255,.1)
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-content .confirm-msg .description {
  margin-top:.1rem;
  font-size:.15rem;
  color:rgba(255,255,255,.6);
  font-weight:normal
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn {
  padding-bottom:.3rem
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn a {
  display:inline-block;
  height:auto;
  padding:.08rem .5rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem;
  font-size:.14rem;
  border:0
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn a:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-btn a.layui-layer-btn1 {
  background:#22262e
}
body .layui-layer:not(.layui-layer-msg):not(.layui-layer-loading) .layui-layer-close2 {
  right:-15px;
  top:-15px
}
/*图标*/

.icon {
  display:inline-block;
  vertical-align:middle
}
.icon-star {
  width:14px;
  height:14px;
  background-size: 100%;
  background:url(../images/icon-star.png) no-repeat;
}
.icon-internetcelebrity {
  width:14px;
  height:14px;
  background-size: 100%;
  background:url(../images/icon-internetcelebrity.png) no-repeat;
}
.icon-fashion {
  width:14px;
  height:14px;
  background-size: 100%;
  background:url(../images/icon-fashion.png) no-repeat;
}
.icon-art {
  width:14px;
  height:14px;
  background-size: 100%;
  background:url(../images/icon-art.png) no-repeat;
}
.icon-life {
  width:14px;
  height:14px;
  background-size: 100%;
  background:url(../images/icon-life.png) no-repeat;
}
.icon-pet {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-pet.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-ent {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-ent.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-other {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-other.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-lanv {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-lanv.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-photo {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-photo.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-teach {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-teach.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-government {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-government.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-commonweal {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-commonweal.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-car {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-car.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-sport {
  width:16px;
  height:16px;
  background-size: 100%;
  background:url(../images/icon-sport.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-baby {
  width:18px;
  height:18px;
  background-size: 100%;
  background:url(../images/icon-wawa.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-cert {
  width:18px;
  height:18px;
  background-size: 100%;
  background:url(../images/icon-cert.png) no-repeat;
  background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-hits {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-hits.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-collect {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-collect.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-collected {
  width:18px;
  height:17px;
  background:url(../images/icon-all.png) -363px -372px
}
.icon-douyin {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-douyin.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-love-red {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-love-red.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-likes {
  display: inline-block;
    vertical-align: middle;
    width: .12rem;
    height: .12rem;
    background: url(../images/like.svg) no-repeat;
    background-size: contain;
  margin-top: 0rem;
  margin-right: .05rem;
}
.icon-see {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/see.svg) no-repeat;
    background-size: contain;
  margin-top: 0rem;
  margin-right: .05rem;
}
.icon-digg {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-digg.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-caina {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-caina.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-tag {
	display: inline-block;
    vertical-align: middle;
    width: .12rem;
    height: .12rem;
    background: url(../images/icon-tag.svg) no-repeat;
    background-size: contain;
	margin-top: -.01rem;
	margin-right: .04rem;
}
.icon-time {
	display: inline-block;
    vertical-align: middle;
	width: .15rem;
    height: .15rem;
    background: url(../images/time.svg) no-repeat;
    background-size: contain;
	margin-top: -.01rem;
	margin-right: .03rem;
}
.icon-guanzhu {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-guanzhu.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-tuijian2 {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-tuijian.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-tonggao1 {
  display: inline-block;
    vertical-align: middle;
    width: .8rem;
    height: .368rem;
    background: url(../images/icon-tonggao.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-tonggao2 {
  display: inline-block;
    vertical-align: middle;
    width: .55rem;
    height: .192rem;
    background: url(../images/icon-tonggao2.png) no-repeat;
    background-size: contain;
}
.icon-send {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-send.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-tmall {
  display: inline-block;
    vertical-align: middle;
    width: .60rem;
    height: .60rem;
    background: url(../images/icon-tmall.svg) no-repeat;
    background-size: contain;
  margin-top: -.22rem;
  margin-right: .05rem;
}
.icon-dingzhi {
  display: inline-block;
    vertical-align: middle;
    width: .50rem;
    height: .24rem;
    background: url(../images/icon-dingzhi.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-kezi {
  display: inline-block;
    vertical-align: middle;
    width: .50rem;
    height: .24rem;
    background: url(../images/icon-kezi.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-youzhi {
  display: inline-block;
    vertical-align: middle;
    width: .35rem;
    height: .35rem;
    background: url(../images/icon-youzhi.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-certed {
  display: inline-block;
    vertical-align: middle;
    width: .2132rem;
    height: .286rem;
    background: url(../images/icon-certed.png?v=0) no-repeat;
    background-size: contain;
  margin-top: 0rem;
  margin-right: 0rem;
}
.icon-grade-1 {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-grade-1.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-grade-2 {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-grade-2.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-grade-3 {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-grade-3.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-grade-4 {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-grade-4.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-grade-5 {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-grade-5.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-nvzhuang {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-nvzhuang.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-meizhuang {
  display: inline-block;
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
    background: url(../images/icon-meizhuang.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-lingshi {
  display: inline-block;
    vertical-align: middle;
    width: .25rem;
    height: .18rem;
    background: url(../images/icon-lingshi.png) no-repeat;
    background-size: contain;
  margin-top: 0rem;
  margin-left: -.05rem;
}
.icon-fruit {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-fruit.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-techan {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-techan.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-shipin {
  display: inline-block;
    vertical-align: middle;
    width: .294rem !important;
    height: .238rem !important;
    background: url(../images/icon-shipin.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-shop-meishi {
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-shop-meishi.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-shop-minsu {
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-shop-minsu.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-shop-4s {
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-shop-car.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-shop-meirong {
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-shop-meirong.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-shop-yayi {
  display: inline-block;
    vertical-align: middle;
    width: .26rem !important;
    height: .26rem !important;
    background: url(../images/icon-shop-yayi.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-more {
  display: inline-block;
    vertical-align: middle;
    width: .16rem !important;
    height: .16rem !important;
    background: url(../images/icon-more.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-left: .05rem;  
}
.icon-map {
  display: inline-block;
    vertical-align: middle;
    width: .40rem;
    height: .40rem;
    background: url(../images/icon-map.svg) no-repeat;
    background-size: contain;
  margin-top: -.22rem;
  margin-right: .05rem;
}
.icon-rmb {
  display: inline-block;
    vertical-align: middle;
    width: .15rem;
    height: .15rem;
    background: url(../images/icon-rmb.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-play {
  display: inline-block;
    vertical-align: middle;
    width: .50rem;
    height: .50rem;
    background: url(../images/icon-play.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-rank-king {
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-rank-king.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-rank-music {
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-rank-music.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-tip-cart{
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-tip-cart.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-rec{
  display: inline-block;
    vertical-align: middle;
    width: .24rem;
    height: .24rem;
    background: url(../images/icon-rec.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-help-dark{
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-help.png) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-recnum{
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-recnum.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-reccontact{
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-reccontact.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-vdcode{
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-vdcode.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem;
}
.icon-api-key {
  width:28px;
  height:28px;
  background:url(../images/icon-all.png) -28px -372px
}
.icon-app {
  width:11px;
  height:19px;
  background:url(../images/icon-all.png) -447px -193px
}
.icon-approve-white {
  width:16px;
  height:17px;
  background:url(../images/icon-all.png) -430px -223px
}
.icon-approve {
  width:17px;
  height:16px;
  background:url(../images/icon-all.png) -430px -240px
}
.icon-arrow-right {
  width:7px;
  height:11px;
  background:url(../images/icon-all.png) -148px -121px
}
.icon-arrow-rightbottom {
  width:7px;
  height:7px;
  background:url(../images/icon-all.png) -188px -250px
}

.icon-categories {
  width:12px;
  height:12px;
  background:url(../images/icon-all.png) -48px -436px
}
.icon-cha-big{
  width:23px;
  height:23px;
  background:url(../images/icon-all.png) -385px -339px;
}
.icon-cha-light{
  width:10px;
  height:10px;
  background:url(../images/icon-all.png) -399px -362px;
}
.icon-cha{
  width:9px;
  height:9px;
  background:url(../images/icon-all.png) -272px -420px;
}
.icon-checked {
  width:18px;
  height:18px;
  background:url(../images/icon-all.png) -72px -400px
}

.icon-clock {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -212px
}
.icon-closed {
  width:12px;
  height:12px;
  background:url(../images/icon-all.png) -60px -436px
}
.icon-closesee-pwd {
  width:16px;
  height:12px;
  background:url(../images/icon-all.png) -280px -290px
}

.icon-collection-on {
  width:18px;
  height:17px;
  background:url(../images/icon-all.png) -381px -372px
}
.icon-collection {
  width:18px;
  height:17px;
  background:url(../images/icon-all.png) -342px -400px
}
.icon-comment {
  width:10px;
  height:10px;
  background:url(../images/icon-all.png) -172px -420px
}
.icon-connect-qq {
  width:16px;
  height:19px;
  background:url(../images/icon-all.png) -430px -39px
}
.icon-connect-tel {
  width:16px;
  height:18px;
  background:url(../images/icon-all.png) -430px -115px
}

.icon-daily-charge {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -211px -100px
}
.icon-daily-deal-1 {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -211px -152px
}
.icon-daily-deal-10 {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -261px 0
}
.icon-daily-invite {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -261px -52px
}
.icon-daily-register {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -261px -104px
}
.icon-daily-share-link-on {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -40px -262px
}
.icon-daily-share-link {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -80px -262px
}
.icon-daily-share-qq-on {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -120px -262px
}
.icon-daily-share-qq {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -160px -262px
}
.icon-daily-share-wechat-on {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -200px -262px
}
.icon-daily-share-wechat {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -240px -262px
}
.icon-daily-share-weibo-on {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -307px 0
}
.icon-daily-share-weibo {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -307px -40px
}
.icon-daily-share {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -261px -156px
}
.icon-date {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -226px
}

.icon-dropdown {
  width:9px;
  height:5px;
  background:url(../images/icon-all.png) -211px -204px
}
.icon-edite {
  width:15px;
  height:15px;
  background:url(../images/icon-all.png) -447px -86px
}
.icon-email-big {
  width:27px;
  height:20px;
  background:url(../images/icon-all.png) -125px -340px
}
.icon-explain-big {
  width:18px;
  height:18px;
  background:url(../images/icon-all.png) -162px -400px
}
.icon-explain-grey {
  width:12px;
  height:12px;
  background:url(../images/icon-all.png) -72px -436px
}
.icon-explain {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -240px
}
.icon-feiji {
  width:22px;
  height:20px;
  background:url(../images/icon-all.png) -152px -372px
}
.icon-fire {
  width:16px;
  height:18px;
  background:url(../images/icon-all.png) -430px -133px
}
.icon-footer-aqjy {
  width:50px;
  height:50px;
  background:url(../images/icon-all.png) -107px -154px
}
.icon-footer-jgyh {
  width:50px;
  height:50px;
  background:url(../images/icon-all.png) -157px -154px
}
.icon-footer-ksfh {
  width:50px;
  height:50px;
  background:url(../images/icon-all.png) -211px 0
}
.icon-footer-shbz {
  width:50px;
  height:50px;
  background:url(../images/icon-all.png) -211px -50px
}
.icon-fuwu {
  width:23px;
  height:21px;
  background:url(../images/icon-all.png) -132px -100px
}

.icon-help-connect {
  width:56px;
  height:56px;
  background:url(../images/icon-all.png) -76px -78px
}
.icon-help-go {
  width:50px;
  height:16px;
  background:url(../images/icon-all.png) -76px -134px
}
.icon-help-lingpai {
  width:56px;
  height:56px;
  background:url(../images/icon-all.png) -155px 0
}
.icon-help-phone {
  width:56px;
  height:56px;
  background:url(../images/icon-all.png) -155px -56px
}
.icon-help-tradelink {
  width:56px;
  height:56px;
  background:url(../images/icon-all.png) 0 -154px
}
.icon-help {
  width:21px;
  height:21px;
  background:url(../images/icon-all.png) -110px -372px
}
.icon-home {
  width:20px;
  height:14px;
  background:url(../images/icon-all.png) -294px -340px
}
.icon-hot-sm {
  width:14px;
  height:12px;
  background:url(../images/icon-all.png) -447px -335px
}
.icon-increase-green {
  width:8px;
  height:10px;
  background:url(../images/icon-all.png) -164px -436px
}
.icon-increase {
  width:8px;
  height:9px;
  background:url(../images/icon-all.png) -230px -420px
}

.icon-lang-cn {
  width:17px;
  height:11px;
  background:url(../images/icon-all.png) -112px -420px
}
.icon-lang-en {
  width:17px;
  height:11px;
  background:url(../images/icon-all.png) -129px -420px
}
.icon-leftside-menu {
  width:32px;
  height:25px;
  background:url(../images/icon-all.png) -64px -340px
}
.icon-link-big {
  width:26px;
  height:26px;
  background:url(../images/icon-all.png) -84px -372px
}
.icon-login-baidu {
  width:19px;
  height:19px;
  background:url(../images/icon-all.png) -409px -100px
}
.icon-login-qq {
  width:16px;
  height:20px;
  background:url(../images/icon-all.png) -430px -19px
}
.icon-login-steam {
  width:29px;
  height:24px;
  background:url(../images/icon-all.png) -96px -340px
}
.icon-login-weixin {
  width:23px;
  height:19px;
  background:url(../images/icon-all.png) -174px -372px
}
.icon-luckybag-next {
  width:15px;
  height:24px;
  background:url(../images/icon-all.png) -409px -231px
}
.icon-luckybag-prev {
  width:15px;
  height:24px;
  background:url(../images/icon-all.png) -409px -255px
}
.icon-luxuries-sm {
  width:16px;
  height:16px;
  background:url(../images/icon-all.png) -430px -404px
}
.icon-macos {
  width:16px;
  height:16px;
  background:url(../images/icon-all.png) -195px -112px
}

.icon-menu-arrow {
  width:8px;
  height:13px;
  background:url(../images/icon-all.png) -399px -372px
}
.icon-message {
  width:11px;
  height:9px;
  background:url(../images/icon-all.png) -202px -420px
}

.icon-news-clock {
  width:10px;
  height:10px;
  background:url(../images/icon-all.png) -182px -420px
}
.icon-next-big {
  width:15px;
  height:24px;
  background:url(../images/icon-all.png) -409px -279px
}
.icon-next-btn {
  width:10px;
  height:16px;
  background:url(../images/icon-all.png) -447px -403px
}
.icon-next-lottery-on {
  width:24px;
  height:42px;
  background:url(../images/icon-all.png) -385px 0
}
.icon-next-lottery {
  width:24px;
  height:42px;
  background:url(../images/icon-all.png) -385px -42px
}
.icon-next {
  width:19px;
  height:34px;
  background:url(../images/icon-all.png) -385px -168px
}
.icon-noob-bind-steam {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) 0 -210px
}
.icon-noob-set-link {
  width:46px;
  height:52px;
  background:url(../images/icon-all.png) -46px -210px
}
.icon-notice {
  width:16px;
  height:12px;
  background:url(../images/icon-all.png) -96px -420px
}
.icon-opened {
  width:12px;
  height:2px;
  background:url(../images/icon-all.png) -362px -336px
}
.icon-other-sm {
  width:18px;
  height:18px;
  background:url(../images/icon-all.png) -180px -400px
}
.icon-others {
  width:38px;
  height:38px;
  background:url(../images/icon-all.png) -190px -302px
}

.icon-pc {
  width:14px;
  height:12px;
  background:url(../images/icon-all.png) -447px -347px
}
.icon-phone-big {
  width:20px;
  height:31px;
  background:url(../images/icon-all.png) -385px -236px
}
.icon-playstation-red {
  width:24px;
  height:19px;
  background:url(../images/icon-all.png) -152px -340px
}
.icon-playstation {
  width:24px;
  height:19px;
  background:url(../images/icon-all.png) -176px -340px
}
.icon-plus-big {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -254px
}
.icon-plus {
  width:10px;
  height:10px;
  background:url(../images/icon-all.png) -192px -420px
}

.icon-prev-big {
  width:15px;
  height:24px;
  background:url(../images/icon-all.png) -409px -303px
}
.icon-prev-btn {
  width:10px;
  height:16px;
  background:url(../images/icon-all.png) -447px -419px
}
.icon-prev-lottery-on {
  width:24px;
  height:42px;
  background:url(../images/icon-all.png) -385px -84px
}
.icon-prev-lottery {
  width:24px;
  height:42px;
  background:url(../images/icon-all.png) -385px -126px
}
.icon-prev {
  width:19px;
  height:34px;
  background:url(../images/icon-all.png) -385px -202px
}
.icon-ps {
  width:16px;
  height:16px;
  background:url(../images/icon-all.png) -396px -400px
}
.icon-pubg-sm {
  width:16px;
  height:16px;
  background:url(../images/icon-all.png) -412px -400px
}
.icon-qiandao {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -268px
}
.icon-qiandaoed {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -282px
}
.icon-qiangxie {
  width:38px;
  height:38px;
  background:url(../images/icon-all.png) -228px -302px
}
.icon-reduce-big {
  width:15px;
  height:2px;
  background:url(../images/icon-all.png) -347px -336px
}
.icon-reduce {
  width:10px;
  height:2px;
  background:url(../images/icon-all.png) -374px -336px
}
.icon-refresh {
  width:14px;
  height:12px;
  background:url(../images/icon-all.png) -447px -359px
}
.icon-report {
  width:18px;
  height:16px;
  background:url(../images/icon-all.png) -378px -400px
}
.icon-result-fail {
  width:32px;
  height:32px;
  background:url(../images/icon-all.png) -347px -304px
}
.icon-result-success {
  width:32px;
  height:32px;
  background:url(../images/icon-all.png) 0 -340px
}
.icon-ruls {
  width:10px;
  height:12px;
  background:url(../images/icon-all.png) -296px -290px
}

.icon-score {
  width:18px;
  height:18px;
  background:url(../images/icon-all.png) -198px -400px
}
.icon-search-big {
  width:24px;
  height:24px;
  background:url(../images/icon-all.png) -385px -291px
}
.icon-search-sm {
  width:12px;
  height:12px;
  background:url(../images/icon-all.png) -120px -436px
}
.icon-search {
  width:16px;
  height:16px;
  background:url(../images/icon-all.png) 0 -420px
}
.icon-hot {
    width: 14px;
    height: 14px;
    background-size: 100%;
    background-image: url(../images/hot.png);
    background-repeat: no-repeat;
}
.icon-hot-sum{
  display: inline-block;
    vertical-align: middle;
    width: .18rem;
    height: .18rem;
    background: url(../images/icon-hot.svg) no-repeat;
    background-size: contain;
  margin-top: -.03rem;
  margin-right: .05rem; 
}
.icon-security {
  width:25px;
  height:28px;
  background:url(../images/icon-all.png) -280px -262px
}
.icon-see-pwd {
  width:14px;
  height:7px;
  background:url(../images/icon-all.png) -195px -144px
}
.icon-share-qq-on {
  width:20px;
  height:18px;
  background:url(../images/icon-all.png) -409px -327px
}
.icon-share-qq {
  width:20px;
  height:18px;
  background:url(../images/icon-all.png) -409px -345px
}
.icon-share-weibo-on {
  width:20px;
  height:18px;
  background:url(../images/icon-all.png) -409px -363px
}
.icon-share-weibo {
  width:20px;
  height:18px;
  background:url(../images/icon-all.png) -409px -381px
}
.icon-share-weixin-on {
  width:20px;
  height:18px;
  background:url(../images/icon-all.png) -265px -372px
}
.icon-share-weixin {
  width:20px;
  height:18px;
  background:url(../images/icon-all.png) -285px -372px
}
.icon-share {
  width:18px;
  height:20px;
  background:url(../images/icon-all.png) 0 -400px
}

.icon-task {
  width:21px;
  height:21px;
  background:url(../images/icon-all.png) -131px -372px
}
.icon-ti-recharge-on {
  width:15px;
  height:20px;
  background:url(../images/icon-all.png) -430px -58px
}
.icon-ti-recharge {
  width:15px;
  height:20px;
  background:url(../images/icon-all.png) -430px -78px
}
.icon-ti-share-on {
  width:22px;
  height:18px;
  background:url(../images/icon-all.png) -221px -372px
}
.icon-ti-share-qq {
  width:77px;
  height:77px;
  background:url(../images/icon-all.png) -78px 0
}
.icon-ti-share-sina {
  width:78px;
  height:78px;
  background:url(../images/icon-all.png) 0 0
}
.icon-ti-share-wechat {
  width:76px;
  height:76px;
  background:url(../images/icon-all.png) 0 -78px
}
.icon-ti-share {
  width:22px;
  height:18px;
  background:url(../images/icon-all.png) -243px -372px
}
.icon-ti-sign-on {
  width:21px;
  height:20px;
  background:url(../images/icon-all.png) -409px 0
}
.icon-ti-sign {
  width:21px;
  height:20px;
  background:url(../images/icon-all.png) -409px -20px
}
.icon-tianp {
  width:24px;
  height:18px;
  background:url(../images/icon-all.png) -197px -372px
}
.icon-tip-blue {
  width:16px;
  height:16px;
  background:url(../images/icon-all.png) -48px -420px
}
.icon-tip-sm-blue {
  width:12px;
  height:12px;
  background:url(../images/icon-all.png) -132px -436px
}
.icon-tip {
  width:13px;
  height:13px;
  background:url(../images/icon-all.png) -447px -310px
}

.icon-to-top {
  width:14px;
  height:14px;
  background:url(../images/icon-all.png) -447px -296px
}
.icon-tuijian {
  width:40px;
  height:40px;
  background:url(../images/icon-all.png) -307px -80px
}
.icon-uncheck {
  width:18px;
  height:18px;
  background:url(../images/icon-all.png) -252px -400px
}
.icon-verify-failed {
  width:39px;
  height:39px;
  background:url(../images/icon-all.png) -307px -120px
}
.icon-verify-ok {
  width:39px;
  height:39px;
  background:url(../images/icon-all.png) -307px -159px
}
.icon-verify {
  width:17px;
  height:19px;
  background:url(../images/icon-all.png) -430px 0
}
.icon-wallet {
  width:13px;
  height:11px;
  background:url(../images/icon-all.png) -146px -420px
}
.icon-watch {
  width:14px;
  height:10px;
  background:url(../images/icon-all.png) -385px -362px
}

.icon-zixun-qq {
  width:14px;
  height:16px;
  background:url(../images/icon-all.png) -447px -149px
}
.icon-zixun {
  width:20px;
  height:20px;
  background:url(../images/icon-all.png) -409px -80px
}
.comm-header {
  width:100%;
  text-align:center;
  background-size: 100%;
  background: url(../images/header-bg.png) center no-repeat rgba(41,41,82,.9);
  box-shadow: 0 0px 5px rgba(25,24,40,.3);
}
.comm-header .w-response {
  height:.8rem;
  line-height:.8rem;
  position:relative
}
.comm-header .logo,.comm-header .search {
  vertical-align:middle;
  line-height:normal
}
.comm-header .logo {
  display:inline-block;
  width:1.0rem;
  height:.55rem;
  background:url("../images/logo.png?v=1") no-repeat left/contain
}
.comm-header .logo h1 {
  height:100%;
  font-size:0
}
.comm-header .page-name {
  display:none;
  margin-left:.4rem;
  vertical-align:middle;
  font-size:.22rem;
  color:#fff
}
.comm-header .nav {
  display:none;
  margin-left:.4rem;
  font-size:0;
  line-height:normal;
  vertical-align:middle
}
.comm-header .nav>li {
  position:relative;
  display:inline-block
}
.comm-header .nav>li>a {
  display:block;
  padding:0 .15rem;
  height:.72rem;
  line-height:.72rem;
  font-size:.15rem;
  color:#babec6
}
.comm-header .nav>li>a span {
  display:inline-block;
  vertical-align:middle
}
.comm-header .nav>li>a img {
  position:absolute;
  right:0;
  top:50%;
  transform:translate(0,-150%)
}
.comm-header .nav>li>ul {
  position:absolute;
  z-index:1;
  width:1.8rem;
  left:0;
  top:100%;
  background:#0e1014
}
.comm-header .nav>li>ul li a {
  display:block;
  height:0;
  padding-left:.2rem;
  line-height:.38rem;
  font-size:.15rem;
  overflow:hidden;
  transition:all .2s
}
.comm-header .nav>li.main-home {
  margin-left:.2rem
}
.comm-header .nav>li.main-home a {
  height:.3rem;
  line-height:.28rem;
  border:solid 1px #2f3138;
  border-radius:.15rem
}
.comm-header .nav>li.on>a {
  color:#e8f0f8;
  background:#0e1014
}
.comm-header .nav>li:hover>a {
  color:#e8f0f8
}
.comm-header .nav>li:hover>ul {
  padding:.1rem 0 0;
  border:solid 1px #000
}
.comm-header .nav>li:hover>ul:before {
  content:'';
  position:absolute;
  top:0;
  left:25%;
  display:block;
  width:.1rem;
  height:.1rem;
  border:solid 1px #000;
  border-left-color:transparent;
  border-bottom-color:transparent;
  background:inherit;
  transform:translate(-50%,-50%) rotate(-45deg)
}
.comm-header .nav>li:hover>ul li a {
  height:.38rem
}
.comm-header .nav>li:hover>ul li:last-child {
  border-top:solid 1px #23262c
}
.comm-header .search {
  display:none;
  height:.36rem;
  margin-left:.5rem;
  border-radius:.18rem;
  background:rgba(0,0,0,.4);
  border: 1px solid rgba(0,0,0,0);
}
.comm-header .search:hover {
  border: 1px solid #67c1f5;
      transition: all .4s;
}
.comm-header .search .appid {
  max-width:1rem;
  color:#b8b6b4
}
.comm-header .search .appid .drop-title input,.comm-header .search .appid .drop-title input::-webkit-input-placeholder {
  color:#67c1f5;
  padding-left: .2rem;
}
.comm-header .search .appid .drop-title .edge {
  display:inline-block;
  width:0;
  height:0;
  border:.05rem solid transparent;
  overflow:hidden;
  margin-top:-.025rem;
  border-top-color:#67c1f5;
}
.comm-header .search .appid .drop-menu dd {
  line-height:.36rem
}
.comm-header .search .appid.active .drop-title .edge {
  margin-top:-.075rem
}
.comm-header .search .split-line {
  display:inline-block;
  vertical-align:middle;
  width:.01rem;
  height:.18rem;
  background:#474b51
}
.comm-header .search .keywords {
  max-width:2.5rem;
  height:.36rem;
  color:#c6d4df
}
.comm-header .search .keywords .drop-title input,.comm-header .search .keywords .drop-title input::-webkit-input-placeholder {
  color:#c6d4df;
  width: 70%;
}
.comm-header .search .keywords .drop-title .edge {
  display:inline-block;
  width:0;
  height:0;
  border:0 solid transparent;
  overflow:hidden;
  margin-top:0;
  border-top-color:#c6d4df
}
.comm-header .search .keywords .drop-menu dd {
  line-height:.34rem;
}
.comm-header .search .keywords.active .drop-title .edge {
  margin-top:0;
}
.comm-header .search .keywords .header-search {
  float: right;
  text-align: center; 
    line-height: .34rem;
    width: 30%;
    cursor: pointer;
}
.comm-header .search .keywords .header-search .icon-search {
  cursor:pointer;
  display: inline-block;
}
.comm-header .search .keywords .header-search .icon-hot {
  display: inline-block;
    cursor: pointer;
    margin-top: -.03rem;
}
.comm-header .search .keywords .header-search span {
    display: inline-block;
    font-size: .14rem;
    color: #67c1f5;
}
.comm-header .search.help-search {
  margin-left:.3rem
}
.comm-header .search.help-search .appid,.comm-header .search.help-search .split-line {
  display:none
}
.comm-header .search.help-search .keywords {
  max-width:3rem;
  width:3rem
}
.comm-header .search.help-search .keywords input::-webkit-input-placeholder {
  color:#96979a
}
.comm-header .tools,.comm-header .back-index {
  position:absolute;
  z-index:1000;
  display:none;
  right:0;
  top:50%;
  font-size:.12rem;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
  line-height:normal
}
.comm-header .tools.fix {
  position:fixed;
  right:100px;
  top:40px;    
}
.comm-header .tools>a,.comm-header .tools>div>a {
  display:inline-block;
  vertical-align:middle;
  padding-left:.08rem;
  margin-left:.08rem;
  border-left:solid 1px #474b51;
  color:#6b778a
}
.comm-header .tools>a span,.comm-header .tools>div>a span {
  margin-left:.05rem;
  vertical-align:middle
}
.comm-header .tools>a:hover,.comm-header .tools>div>a:hover {
  color:#67c1f5
}
.comm-header .tools .unlogin,.comm-header .tools .logined,.comm-header .tools .lang {
  display:inline-block;
  vertical-align:middle
}
.comm-header .tools .unlogin>button {
  vertical-align:middle;
  padding:.02rem .1rem;
  font-size:.12rem;
  color: #6DFDFF;
    background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
  border-radius:.02rem
}
.comm-header .tools .unlogin>button:hover {
  color: #6DFDFF;
    background-image: linear-gradient(45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
}
.comm-header .tools .logined>a {
  display:none
}
.comm-header .tools .logined .user .drop-title input {
  pointer-events:none
}
.comm-header .tools .logined .user .drop-menu {
  position:absolute;
  padding:.05rem .15rem .4rem;
  background-color:#21252f;
  color:#adb1b4;
  box-shadow:.02rem .02rem .1rem .01rem rgba(0,0,0,.6)
}
.comm-header .tools .logined .user .drop-menu p {
  margin:.05rem 0
}
.comm-header .tools .logined .user .drop-menu p a {
  display:inline-block;
  margin:.1rem .12rem .05rem 0;
  padding:1px .08rem;
  border-radius:.02rem;
  color:#adb1b4;
  border:solid 1px #adb1b4
}
.comm-header .tools .logined .user .drop-menu p a:hover {
  color:#ffcc6a;
  border-color:#ffcc6a;
  background:#645432
}
.comm-header .tools .logined .user .drop-menu p.user-name {
  padding-bottom:.1rem;
  font-size:.13rem;
  color:#e8f0f8;
  border-bottom:solid 1px #2b2f39
}
.comm-header .tools .logined .user .drop-menu p.steam-id {
  color:#59656d
}
.comm-header .tools .logined .user .drop-menu p.steam-id span {
  color:#67c1f5
}
.comm-header .tools .logined .user .drop-menu .logout {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding-left:.15rem;
  height:.3rem;
  line-height:.3rem;
  background:#316282;
  color:#becfd8
}
.comm-header .tools .logined .user .drop-menu strong {
  color:#ffcc6a
}
.comm-header .tools .logined .user .drop-menu strong span {
  font-size:.14rem
}
.comm-header .tools .logined .user.dropmenu {
  max-width:1.6rem;
  height:.28rem;
  color:#6b778a
}
.comm-header .tools .logined .user.dropmenu .drop-title input,.comm-header .tools .logined .user.dropmenu .drop-title input::-webkit-input-placeholder {
  color:#6b778a
}
.comm-header .tools .logined .user.dropmenu .drop-title .edge {
  display:inline-block;
  width:0;
  height:0;
  border:.05rem solid transparent;
  overflow:hidden;
  margin-top:-.025rem;
  border-top-color:#6b778a
}
.comm-header .tools .logined .user.dropmenu .drop-menu dd {
  line-height:.28rem
}
.comm-header .tools .logined .user.dropmenu.active .drop-title .edge {
  margin-top:-.075rem
}
.comm-header .tools .logined .user.dropmenu .drop-title input {
  padding-left:.36rem
}
.comm-header .tools .logined .user.dropmenu .drop-title>img {
  position:absolute;
  display:inline-block;
  max-height:100%;
  vertical-align:middle;
  border:solid 1px #2e313a
}
.comm-header .tools .logined .msg-btn {
  display:inline-block;
  margin:0 .05rem;
  padding:0 .05rem;
  line-height:.18rem;
  text-align:center;
  background:#21252f;
  color:#fff;
  border:0
}
.comm-header .tools .logined .msg-btn span {
  margin-left:.02rem;
  vertical-align:middle;
  font-size:.12rem;
  line-height:.12rem;
  -webkit-transform:scale(0.91);
  -moz-transform:scale(0.91);
  -ms-transform:scale(0.91);
  -o-transform:scale(0.91);
  transform:scale(0.91)
}
.comm-header .tools .logined .msg-btn i {
  opacity:.7
}
.comm-header .tools .logined .msg-btn.has-msg {
  background:#5c7e10
}
.comm-header .tools .logined .msg-btn.has-msg i {
  opacity:1
}
.comm-header .tools .lang .dropmenu {
  max-width:.5rem;
  height:.2rem;
  color:#64707f
}
.comm-header .tools .lang .dropmenu .drop-title input,.comm-header .tools .lang .dropmenu .drop-title input::-webkit-input-placeholder {
  color:#64707f
}
.comm-header .tools .lang .dropmenu .drop-title .edge {
  display:inline-block;
  width:0;
  height:0;
  border:.05rem solid transparent;
  overflow:hidden;
  margin-top:-.025rem;
  border-top-color:#67c1f5;
}
.comm-header .tools .lang .dropmenu .drop-menu dd {
  line-height:.2rem
}
.comm-header .tools .lang .dropmenu.active .drop-title .edge {
  margin-top:-.075rem
}
.comm-header .tools .lang .dropmenu .drop-menu {
  right:0;
  width:1rem
}
.comm-header .tools .lang .dropmenu .drop-menu dd span {
  margin-left:.05rem
}
.comm-header .tools .lang .dropmenu .drop-menu dd:hover {
  background:none;
  color:#67c1f5
}
.comm-header .leftside-menu-btn {
  margin-top:.2rem
}
.comm-header.market .w-response,.comm-header.subject .w-response {
  height:.72rem;
  line-height:.72rem;
  font-size:0
}
.comm-header.market .logined .user,.comm-header.subject .logined .user {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  height:.72rem
}
.comm-header.market .logined .user .drop-title,.comm-header.subject .logined .user .drop-title {
  display:block;
  width:.58rem;
  line-height:.72rem;
  text-align:center
}
.comm-header.market .logined .user .drop-title>img,.comm-header.subject .logined .user .drop-title>img {
  display:inline-block;
  width:.38rem;
  height:.38rem;
  vertical-align:middle;
  border-radius:50%;
  border:solid 1px #2c2f37
}
.comm-header.market .logined .user .drop-menu,.comm-header.subject .logined .user .drop-menu {
  display:none;
  width:1.6rem;
  background:#0e1014;
  position:absolute;
  right:0;
  top:100%
}
.comm-header.market .logined .user:hover .drop-title,.comm-header.subject .logined .user:hover .drop-title {
  background:#0e1014
}
.comm-header.market .logined .user:hover .drop-menu,.comm-header.subject .logined .user:hover .drop-menu {
  display:block
}
.comm-header.market .logo {
  width:1.44rem;
  height:.45rem;
  background:url("../images/logo-market.png") no-repeat center/contain
}
.comm-header.market .search {
  margin-left:0
}
.comm-header.market .search .appid,.comm-header.market .search .split-line {
  display:none
}
.comm-header.market .search .keywords {
  max-width:3rem;
  width:2rem;
  border-radius:.18rem
}
.comm-header.market .search .keywords input::-webkit-input-placeholder {
  color:#96979a
}
.comm-header.market .split-line {
  display:inline-block;
  vertical-align:middle;
  width:.01rem;
  height:.25rem;
  background:#23262c;
  margin:0 .05rem 0 .2rem
}
@media only screen and (min-width:980px) {
  .comm-header {
  text-align:left
}
.comm-header .page-name,.comm-header .nav,.comm-header .search,.comm-header .tools {
  display:inline-block
}
.comm-header .leftside-menu-btn {
  display:none
}
}@media only screen and (min-width:1200px) {
  .comm-header .tools .logined>a {
  display:inline-block
}
.comm-header.market .search .keywords {
  width:3rem
}
}.comm-footer {
  position:static;
  display:none;
  bottom:0;
  left:0;
  width:100%;
  padding:0 0 .1rem;
  margin-top:.6rem;
  background:rgba(26,26,50,.4);
}
.comm-footer .trademark {
  padding:.3rem 0;
  font-size:0;
  border-bottom:solid 1px #2e313a
}
.comm-footer .trademark li {
  display:inline-block;
  width:20%;
  height:.25rem;
  vertical-align:top;
  white-space:nowrap;
  text-align:center;
  color:#666;
  font-size:.15rem
}
.comm-footer .trademark li i {
  margin:0 .1rem
}
.comm-footer .trademark li span {
  vertical-align:middle
}
.comm-footer .trademark li:first-child {
  text-align:left
}
.comm-footer .trademark li:last-child {
  border-right:0
}
.comm-footer .trademark.market li {
  width:25%;
  height:auto;
  border-right:0
}
.comm-footer .trademark.market li div {
  display:inline-block;
  vertical-align:middle;
  text-align:left
}
.comm-footer .trademark.market li div p:nth-of-type(1) {
  color:#c6d4df;
  font-size:.18rem
}
.comm-footer .trademark.market li div p:nth-of-type(2) {
  color:#616870;
  font-size:.12rem
}
.comm-footer .help {
  padding:.2rem 0;
  border-bottom:solid 1px #2e313a;
  font-size:0
}
.comm-footer .help li {
  display:inline-block;
  width:16%;
  padding:.2rem 0;
  font-size:.12rem;
  text-align:left;
  color:#59656d;
  vertical-align:top
}
.comm-footer .help li:nth-of-type(6) {
  width:20%;
 }
.comm-footer .help li:nth-of-type(6) .tit {
  text-align:center
}
.comm-footer .help li .tit {
  font-size:.17rem;
  font-weight: 700;
  color:#666;
  margin-bottom:.28rem;
}
.comm-footer .help li>a {
  display:block;
  margin-bottom:.1rem;
  color:#59656d
}
.comm-footer .help li>a:hover {
  color:#67c1f5
}
.comm-footer .help .pagecate {
  text-align: center;
  font-size: .14rem;
  color: #666;
}
.comm-footer .help .pagecate a {
  padding: 0 20px;
}
.comm-footer .help .pagecate span:last-child{
  display: none;
}
.comm-footer .friend-links {
  padding:.1rem .1rem 0;
  font-size:.12rem;
  color:#59656d;
  white-space:nowrap
}
.comm-footer .friend-links>span {
  display:inline-block;
  vertical-align:top
}
.comm-footer .friend-links>span:first-child {
  width:5%;
  line-height:.3rem
}
.comm-footer .friend-links>span:last-child {
  width:94%;
  white-space:normal
}
.comm-footer .friend-links>span:last-child a {
  width:1.15rem;
  display:inline-block;
  margin-left:.2rem;
  line-height:.3rem
}
.comm-footer .friend-links>span:last-child a .fl-icon {
  display:inline-block;
  width:.16rem;
  height:.16rem;
  margin-right:.05rem;
  vertical-align:middle;
  border-radius:.03rem
}
.comm-footer .copyright {
  position:relative;
  padding:.2rem 0;
  font-size:.12rem;
  color:#59656d
}
.comm-footer .copyright:after {
  content:'';
  display:block;
  clear:both
}
.comm-footer .copyright .img {
  display:inline-block;
  vertical-align:top;
  width:.3rem;
  height:.3rem;
  margin-right:.1rem
}
.comm-footer .copyright .img img {
  width:100%;
  height:100%
}
.comm-footer .copyright .construct {
  display:inline-block;
  height:.3rem;
  text-align:left
}
.comm-footer .copyright .construct p {
  line-height:normal
}
.comm-footer .copyright .connect {
  display:inline-block
}
.comm-footer .copyright .connect span {
  display:inline-block;
  width:1.3rem;
  margin-left:.1rem;
  color:#525d65;
  text-align:left;
  vertical-align:middle
}
.comm-footer .copyright .connect span strong {
  font-size:.19rem;
  color:#67c1f5
}
.comm-footer .copyright .connect span a {
  display:inline-block;
  width:1.22rem;
  height:.38rem;
  line-height:.38rem;
  text-align:center;
  background:#4c6b22;
  color:#fff;
  border-radius:.04rem
}
.comm-footer .copyright .connect span a i {
  margin-right:.1rem
}
.comm-footer .trust {
  display:none
}
@media only screen and (min-width:768px) {
  .comm-footer {
  display:block
}
}.share {
  font-size:.12rem;
  color:#627381
}
.share a {
  line-height:.14rem
}
.share a i {
  pointer-events:none;
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8)
}
.share a span {
  vertical-align:middle
}
.bd_weixin_popup {
  box-sizing:content-box
}
.dropmenu {
  position:relative;
  display:inline-block;
  vertical-align:middle
}
.dropmenu .drop-title,.dropmenu .drop-menu {
  border-radius:.02rem
}
.dropmenu .drop-title {
  display:block;
  width:100%;
  height:100%
}
.dropmenu .drop-title input {
  width:100%;
  height:100%;
  padding:0 .3rem 0 .1rem;
  font-size:.12rem
}
.dropmenu .drop-title input:read-only {
  cursor:pointer
}
.dropmenu .drop-title i:first-child {
  position:absolute;
  top:50%;
  left:.1rem;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%)
}
.dropmenu .drop-title i+input {
  padding-left:.35rem
}
.dropmenu .drop-title input+i {
  position:absolute;
  right:.1rem;
  top:50%
}
.dropmenu .drop-title input+i.edge {
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
  cursor:pointer
}
.dropmenu .drop-menu {
  position:absolute;
  display:none;
  z-index:4;
  top:100%;
  width:80%;
  max-height:35vh;
  overflow-y:auto;
  padding:.05rem 0;
  font-size:.12rem;
  background-color:#070a29;
  background-origin:padding-box !important;
  background-clip:padding-box !important;
  border-top:solid .05rem transparent !important
}
.dropmenu .drop-menu dd {
  padding-left:.1rem;
  cursor:pointer
}
.dropmenu .drop-menu dd>a {
  display:block
}
.dropmenu .drop-menu dd span {
  vertical-align:middle
}
.dropmenu .drop-menu dd.drop-tips {
  opacity:.35;
  cursor:default
}
.dropmenu .drop-menu dd.disabled {
  pointer-events:none
}
.dropmenu .drop-menu dd.selected:not(.drop-tips) {
  color:#549ecb
}
.dropmenu .drop-menu dd:not(.drop-tips):hover {
  color:#feffff;
  background-color:#549ecb
}
.dropmenu .drop-menu dd:not(.drop-tips):hover a {
  color:inherit
}
.dropmenu.disabled {
  pointer-events:none
}
.dropmenu.disabled .drop-title .edge {
  display:none !important
}
.dropmenu.disabled .drop-menu {
  display:none !important
}
.dropmenu.active .drop-title .edge {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)
}
.nav-links {
  margin:.6rem auto;
  text-align:center;
  font-size:.14rem
}
.nav-links a {
  display: inline-block;
  margin:0 .02rem;
  padding:.06rem .13rem;
  color: #6DFDFF;
    background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
    border-radius: .54rem;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
}
.nav-links a:hover {
  background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #ff183e;
    color: #6DFDFF;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
}

.nav-links span.current {
  border-radius: .54rem;
    display: inline-block;
  margin:0 .02rem;
  padding:.06rem .13rem;
  background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #ff183e;
    color: #6DFDFF;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
}

checkbox,.radiobox {
  display:inline-block;
  margin-right:5px;
  vertical-align:middle;
  cursor:pointer;
  font-size:0;
  line-height:normal
}
.checkbox~label,.radiobox~label {
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.checkbox input,.radiobox input {
  display:none !important
}
.checkbox i,.radiobox i {
  display:block;
  position:relative;
  width:14px;
  height:14px;
  border:#3c404b 1px solid;
  border-radius:2px;
  background:#121417
}
.checkbox i:after,.radiobox i:after {
  color:transparent;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  left:4px;
  top:0;
  display:table;
  width:4px;
  height:10px;
  border-width:1px;
  border-style:solid;
  border-top:0;
  border-left:0;
  content:''
}
.checkbox i.roundness,.radiobox i.roundness {
  display:block;
  position:relative;
  width:14px;
  height:14px;
  border:#3c404b 1px solid;
  border-radius:50%;
  background:#121417
}
.checkbox i.roundness:after,.radiobox i.roundness:after {
  color:transparent;
  display:table;
  width:14px;
  height:14px;
  content:'';
  border-radius:50%;
  position:unset
}
.checkbox input:checked+i:after,.radiobox input:checked+i:after {
  color:#67c1f5
}
.checkbox input:checked+i.roundness:after,.radiobox input:checked+i.roundness:after {
  background-color:#67c1f5
}
.checkbox input:disabled,.radiobox input:disabled {
  border-color:rgba(0,0,0,.26);
  pointer-events:none;
  color:rgba(0,0,0,.26) !important
}
.checkbox input:disabled~span,.radiobox input:disabled~span {
  color:rgba(0,0,0,.26)
}
.checkbox input:disabled:checked+i,.radiobox input:disabled:checked+i {
  border-color:rgba(0,0,0,.26);
  background:rgba(0,0,0,.26)
}
.comm-form>div {
  position:relative;
  margin-top:.2rem
}
.comm-form input,.comm-form .dropmenu {
  display:block;
  width:100%;
  height:.4rem;
  padding-left:.2rem;
  line-height:.38rem;
  background:#223e5b;
  border:solid 1px #305171;
  border-radius:.02rem;
  color:#dedfe0
}
.comm-form input.dropmenu,.comm-form .dropmenu.dropmenu {
  padding-left:0;
  text-align:left;
  max-width:100%;
  height:.4rem;
  color:#c9c9c9
}
.comm-form input.dropmenu .drop-title input,.comm-form input.dropmenu .drop-title input::-webkit-input-placeholder,.comm-form .dropmenu.dropmenu .drop-title input,.comm-form .dropmenu.dropmenu .drop-title input::-webkit-input-placeholder {
  color:#c9c9c9
}
.comm-form input.dropmenu .drop-title .edge,.comm-form .dropmenu.dropmenu .drop-title .edge {
  display:inline-block;
  width:0;
  height:0;
  border:.05rem solid transparent;
  overflow:hidden;
  margin-top:-.025rem;
  border-top-color:#c9c9c9
}
.comm-form input.dropmenu .drop-menu dd,.comm-form .dropmenu.dropmenu .drop-menu dd {
  line-height:.4rem
}
.comm-form input.dropmenu.active .drop-title .edge,.comm-form .dropmenu.dropmenu.active .drop-title .edge {
  margin-top:-.075rem
}
.comm-form input.dropmenu input,.comm-form .dropmenu.dropmenu input {
  padding-left:.2rem;
  border:0
}
.comm-form input.dropmenu input::-webkit-input-placeholder,.comm-form .dropmenu.dropmenu input::-webkit-input-placeholder {
  color:#fff
}
.comm-form input.dropmenu .drop-menu dd,.comm-form .dropmenu.dropmenu .drop-menu dd {
  padding-left:.2rem
}
.comm-form input.error,.comm-form .dropmenu.error {
  border-color:#ff5b5b
}
.comm-form input::-webkit-input-placeholder,.comm-form .dropmenu::-webkit-input-placeholder {
  color:#828899
}
.comm-form .see-password {
  position:absolute;
  right:0;
  top:0;
  display:block;
  width:.4rem;
  line-height:.4rem;
  text-align:center
}
.comm-form p {
  margin:.2rem 0;
  text-align:left;
  color:#fff
}
.comm-form p strong {
  color:#67c1f5
}
.comm-form p.error {
  margin-top:-.18rem !important;
  margin-bottom:0
}
.comm-form p.tip {
  margin:.05rem 0 0;
  line-height:.13rem;
  color:#c6d4df
}
.comm-form p.tip i {
  margin-right:.05rem
}
.comm-form p.user-agree {
  font-size:.12rem;
  color:#c6d4df
}
.comm-form p.user-agree a {
  color:#67c1f5
}
.comm-form p.user-agree .checkbox i {
  background:none;
  border-color:#96a8bb
}
.comm-form .w-eight-two {
  text-align:left
}
.comm-form .w-eight-two .pull-left {
  display:inline-block;
  width:73%
}
.comm-form .w-eight-two .pull-right {
  display:inline-block;
  float:right;
  width:25%;
  height:.4rem;
  line-height:.38rem;
  border:solid 1px #3e3e3e;
  border-radius:.02rem
}
.comm-form .w-eight-two .pull-right.captchaimg {
  padding:0
}
.comm-form .w-eight-two .pull-right.captchaimg img {
  width:100%;
  height:100%
}
.comm-form .w-eight-two .pull-right.get-captcha {
  text-align:center;
  line-height:.38rem;
  background:#5c7e10;
  border-color:#5c7e10;
  color:#a1e24a;
  font-size:.12rem
}
.form-item {
  width:100%;
  margin-top:.2rem;
  white-space:nowrap
}
.form-item>span {
  position:relative;
  white-space:nowrap
}
.form-item>span:nth-of-type(1) {
  display:inline-block;
  width:6em;
  text-align:right;
  vertical-align:middle
}
.form-item>span:nth-of-type(2) {
  display:inline-block;
  width:calc(100% - 7em);
  margin-left:.5em;
  vertical-align:middle
}
.form-item>span:nth-of-type(2) .pos-before,.form-item>span:nth-of-type(2) .pos-after {
  display:block;
  position:absolute;
  top:0;
  text-align:center;
  line-height:.34rem
}
.form-item>span:nth-of-type(2) .pos-before a,.form-item>span:nth-of-type(2) .pos-after a {
  color:#67c1f5
}
.form-item>span:nth-of-type(2) .pos-before.pos-before,.form-item>span:nth-of-type(2) .pos-after.pos-before {
  left:0;
  width:.2rem
}
.form-item>span:nth-of-type(2) .pos-before.pos-after,.form-item>span:nth-of-type(2) .pos-after.pos-after {
  right:0;
  max-width:80%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.form-item>span:nth-of-type(2) strong {
  color:#fff
}
.form-item>span:nth-of-type(2) strong.golden {
  color:#ffcc6a
}
.form-item>span:nth-of-type(2) strong.blue {
  color:#67c1f5
}
.form-item>span:nth-of-type(2) strong.red {
  color:#f54b4b
}
.form-item>span:nth-of-type(2) strong span {
  font-size:.16rem
}
.form-item>span:nth-of-type(2) .refresh-repertory {
  color:#67c1f5
}
.form-item>span:nth-of-type(2)>p.error {
  top:-.18rem
}
.form-item>span:nth-of-type(2)>p:first-child:not(.error) {
  line-height:.34rem
}
.form-item>span:nth-of-type(2)>input,.form-item>span:nth-of-type(2)>textarea {
  width:100%;
  padding:0 .1rem;
  font-size:.14rem;
  border:solid 1px #3c404b;
  background:#121417;
  color:#dbdbdb
}
.form-item>span:nth-of-type(2)>input.error,.form-item>span:nth-of-type(2)>textarea.error {
  border-color:#ff5b5b
}
.form-item>span:nth-of-type(2)>input.tel-head,.form-item>span:nth-of-type(2)>textarea.tel-head {
  position:relative;
  z-index:1;
  width:.5rem;
  padding:0 0 0 .1rem;
  background:#0b0d10
}
.form-item>span:nth-of-type(2)>input.tel-head+input,.form-item>span:nth-of-type(2)>textarea.tel-head+input {
  margin-left:-.53rem;
  padding-left:.6rem
}
.form-item>span:nth-of-type(2)>input {
  height:.34rem;
  line-height:.32rem
}
.form-item>span:nth-of-type(2)>textarea {
  padding:.1rem;
  font-size:.12rem
}
.form-item>span:nth-of-type(2) .dropmenu {
  max-width:100%;
  height:.34rem;
  color:#c9c9c9;
  width:100%;
  border:solid 1px #3c404b
}
.form-item>span:nth-of-type(2) .dropmenu .drop-title input,.form-item>span:nth-of-type(2) .dropmenu .drop-title input::-webkit-input-placeholder {
  color:#c9c9c9
}
.form-item>span:nth-of-type(2) .dropmenu .drop-title .edge {
  display:inline-block;
  width:0;
  height:0;
  border:.05rem solid transparent;
  overflow:hidden;
  margin-top:-.025rem;
  border-top-color:#c9c9c9
}
.form-item>span:nth-of-type(2) .dropmenu .drop-menu dd {
  line-height:.34rem
}
.form-item>span:nth-of-type(2) .dropmenu.active .drop-title .edge {
  margin-top:-.075rem
}
.form-item>span:nth-of-type(2) .dropmenu p.error {
  top:-.2rem
}
.form-item>span:nth-of-type(2) .dropmenu input {
  border:0;
  background:none;
  font-size:.12rem
}
.form-item.align-top>span:first-child {
  line-height:.34rem;
  vertical-align:top
}
p.error {
  position:absolute;
  top:0;
  left:0;
  padding-left:.2rem;
  line-height:.2rem;
  color:#ff5b5b !important;
  background:url("../images/error-head-bg.png") no-repeat left center
}
.hover-pop {
  position:absolute;
  z-index:2;
  display:none;
  top:50%;
  padding:.15rem
}
.hover-pop:before {
  content:'';
  position:absolute;
  top:50%;
  width:.1rem;
  height:.1rem
}
.hover-pop.left {
  left:0;
  transform:translate(-100%,-50%)
}
.hover-pop.left:before {
  right:0;
  transform:translate(-100%,-50%) rotate(45deg)
}
.hover-pop.right {
  right:0;
  transform:translate(100%,-50%)
}
.hover-pop.right:before {
  left:0;
  transform:translate(100%,-50%) rotate(45deg)
}
.hover-pop.top {
  top:0;
  bottom:auto;
  left:50%;
  transform:translate(-50%,-100%)
}
.hover-pop.top:before {
  top:auto;
  bottom:0;
  left:50%;
  transform:translate(-50%,-100%) rotate(45deg)
}
.hover-pop.bottom {
  top:auto;
  bottom:0;
  left:50%;
  transform:translate(-50%,100%)
}
.hover-pop.bottom:before {
  top:0;
  left:50%;
  transform:translate(-50%,100%) rotate(45deg)
}
.hover-pop.left-top {
  left:0;
  transform:translate(-100%,-20%)
}
.hover-pop.left-top:before {
  top:20%;
  right:0;
  transform:translate(-100%,-50%) rotate(45deg)
}
.hover-pop.right-top {
  right:0;
  transform:translate(100%,-20%)
}
.hover-pop.right-top:before {
  top:20%;
  left:0;
  transform:translate(100%,-50%) rotate(45deg)
}
.hover-pop .display-line {
  width:auto !important;
  min-height:0 !important;
  white-space:nowrap !important
}
.items-hover {
  position:relative
}
.items-hover .hover-pop {
  padding:.1rem
}
.items-hover .hover-pop:before {
  background-color:#1d1f24;
  border:solid 1px #3c404b
}
.items-hover .hover-pop.left-top,.items-hover .hover-pop.left {
  left:0
}
.items-hover .hover-pop.left-top:before,.items-hover .hover-pop.left:before {
  margin-right:-.05rem;
  border-bottom:0;
  border-left:0
}
.items-hover .hover-pop.right-top,.items-hover .hover-pop.right {
  right:0
}
.items-hover .hover-pop.right-top:before,.items-hover .hover-pop.right:before {
  margin-left:-.05rem;
  border-top:0;
  border-right:0
}
.items-hover .hover-pop.bottom:before {
  border-right:0;
  border-bottom:0
}
.items-hover .hover-pop>div,.items-hover .hover-pop>ul {
  width:2.8rem;
  max-height:70vh;
  padding:.2rem;
  background:#1d1f24;
  border:solid 1px #3c404b;
  font-size:.12rem;
  text-align:left;
  overflow-y:auto
}
.items-hover .hover-pop>div::-webkit-scrollbar,.items-hover .hover-pop>ul::-webkit-scrollbar {
  width:.02rem;
  height:.02rem
}
.items-hover .hover-pop>div::-webkit-scrollbar-thumb,.items-hover .hover-pop>ul::-webkit-scrollbar-thumb {
  background-color:#3c404b
}
.items-hover .hover-pop>div .items-img,.items-hover .hover-pop>ul .items-img {
  display:block;
  width:100%
}
.items-hover .hover-pop>div .items-img img,.items-hover .hover-pop>ul .items-img img {
  display:block;
  max-width:100%
}
.items-hover .hover-pop>div p,.items-hover .hover-pop>ul p {
  margin:.05rem 0;
  line-height:1.5
}
.items-hover .hover-pop>div .tit,.items-hover .hover-pop>ul .tit {
  max-width:100%;
  font-size:.18rem;
  color:#d2d2d2;
  white-space:normal
}
.items-hover .hover-pop>div .sec-tit,.items-hover .hover-pop>div .describe,.items-hover .hover-pop>ul .sec-tit,.items-hover .hover-pop>ul .describe {
  color:#767676
}
.items-hover .hover-pop>div .sec-tit i,.items-hover .hover-pop>ul .sec-tit i {
  margin-right:.05rem
}
.items-hover .hover-pop>div .sec-tit span,.items-hover .hover-pop>ul .sec-tit span {
  vertical-align:middle
}
.items-hover .hover-pop>div .describe,.items-hover .hover-pop>ul .describe {
  white-space:normal;
  color:#9b9b9b
}
.items-hover .hover-pop>div .infos,.items-hover .hover-pop>ul .infos {
  margin:.15rem 0;
  color:#fecd67;
  font-size:.14rem
}
.items-hover .hover-pop>div .infos span,.items-hover .hover-pop>ul .infos span {
  font-size:.16rem
}
.items-hover .hover-pop>div .specials li,.items-hover .hover-pop>ul .specials li {
  margin-top:.1rem;
  line-height:normal;
  white-space:nowrap
}
.items-hover .hover-pop>div .specials li img,.items-hover .hover-pop>div .specials li div,.items-hover .hover-pop>ul .specials li img,.items-hover .hover-pop>ul .specials li div {
  display:inline-block;
  vertical-align:top
}
.items-hover .hover-pop>div .specials li img,.items-hover .hover-pop>ul .specials li img {
  max-width:.45rem;
  margin-right:.1rem
}
.items-hover .hover-pop>div .specials li div p,.items-hover .hover-pop>ul .specials li div p {
  max-width:1.8rem;
  line-height:.16rem;
  white-space:normal;
  margin:0
}
.items-hover .hover-pop>div .specials li div p:first-child,.items-hover .hover-pop>ul .specials li div p:first-child {
  color:#d2d2d2;
  font-size:.16rem
}
.items-hover .hover-pop>div .specials li div p:last-child,.items-hover .hover-pop>ul .specials li div p:last-child {
  color:#9b9b9b;
  font-size:.12rem
}
@media only screen and (min-width:980px) {
  .items-hover:hover .hover-pop {
  display:block
}
}.explain {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:.12rem;
  cursor:pointer
}
.explain>span {
  vertical-align:middle
}
.explain .hover-pop {
  cursor:default
}
.explain .hover-pop:before {
  background:rgba(0,0,0,.9)
}
.explain .hover-pop>div {
  width:2.15rem;
  min-height:1.2rem;
  padding:.1rem;
  text-align:left;
  color:#c9c9c9;
  background:rgba(0,0,0,.9);
  border-radius:.15rem;
  line-height:normal;
  word-break:break-all
}
.explain .hover-pop>div .tit {
  margin-bottom:.1rem;
  font-size:.13rem;
  color:#fff
}
.explain .hover-pop>div .tit strong {
  color:#ec8d10
}
.explain .hover-pop>div p {
  line-height:normal;
  white-space:normal
}
.explain .hover-pop>div p strong {
  color:#fff
}
.explain:hover .hover-pop {
  display:block !important
}
/*侧边栏浮动*/
.aside-tools {
  display:none;
  position:fixed;
  z-index:1001;
  top:1.5rem;
  right:.1rem;
  width:.55rem;
  border-top-left-radius:.02rem;
  border-bottom-left-radius:.02rem
}
.aside-tools>li {
  position:relative;
    border-bottom: solid 1px #1e2834;
    font-size: .12rem;
    background: #121c29;
  text-align:center;
  cursor:pointer
}
.aside-tools>li>a {
  display:block;
  padding:.121rem .08rem;
  color:#888d94
}
.aside-tools>li>a i {
  display:block;
  margin:0 auto .05rem;
  opacity:.5
}
.aside-tools>li:first-child {
  border-radius:.5rem .5rem 0 0;
}
.aside-tools>li:last-child {
  border:0;
  border-radius: 0 0 .5rem .5rem;
}
.aside-tools>li.get-recommend a {
  color:#68832a;
}
.aside-tools>li.get-recommend a i {
  opacity:1;
}
.aside-tools .get-recommend:hover a {
  color:#68832a;
}

.aside-tools>li.score-task a {
  color:#68832a
}
.aside-tools>li.score-task a i {
  opacity:1
}
.aside-tools>li.score-task:hover .task-pop {
  display:block
}
.aside-tools>li.score-task .task-pop {
  transform:translate(-100%,-12.5%)
}
.aside-tools>li.score-task .task-pop::before {
  background:#121c29;
  top:10%
}
.aside-tools>li.score-task .task-pop>div {
  padding:.1rem;
  color:#c9c9c9;
  border-radius:.06rem;
  background:#121c29;
  position:relative
}
.aside-tools>li.score-task .task-pop>div ul {
  padding:0
}
.aside-tools>li.score-task .task-pop>div ul li {
  width:3rem;
  height:.7rem;
  margin-top:.06rem;
  padding:.1rem 0;
  background:#202936;
  border-radius:.04rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative
}
.aside-tools>li.score-task .task-pop>div ul li i {
  margin-left:.14rem
}
.aside-tools>li.score-task .task-pop>div ul li .score-task-type {
  color:#708aa3;
  position:absolute;
  left:.78rem
}
.aside-tools>li.score-task .task-pop>div ul li div {
  color:#708aa3
}
.aside-tools>li.score-task .task-pop>div ul li div:nth-child(2) {
  color:#ffcb6b
}
.aside-tools>li.score-task .task-pop>div ul li button {
  width:.72rem;
  height:.26rem;
  color:white;
  background:#549ecb;
  border-radius:.04rem;
  margin-right:.16rem
}
.aside-tools>li.score-task .task-pop>div ul li:nth-child(2) button {
  background:#993a38
}
.aside-tools>li.score-task .task-pop>div .daily-task .daily-title {
  font-size:.14rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:.06rem 0 .05rem .14rem
}
.aside-tools>li.score-task .task-pop>div .daily-task .daily-title .daily-task-explain:hover .daily-task-pop {
  display:block;
  left:24%;
  transform:translate(-44%,-88%)
}
.aside-tools>li.score-task .task-pop>div .daily-task .daily-title .daily-task-explain:hover .daily-task-pop::before {
  background-color:#030609
}
.aside-tools>li.score-task .task-pop>div .daily-task .daily-title .daily-task-explain:hover .daily-task-pop div {
  background-color:#030609;
  text-align:left;
  padding:.12rem .2rem;
  word-wrap:break-word;
  word-break:break-all
}
.aside-tools>li.score-task .task-pop>div .daily-task .daily-title .daily-task-explain:hover .daily-task-pop div .tit {
  margin-bottom:.12rem;
  font-size:.13rem;
  color:#fff
}
.aside-tools>li.score-task .task-pop>div .daily-task .daily-title a {
  background:none;
  color:#549ecb
}
.aside-tools>li.score-task .task-pop>div .daily-task i {
  vertical-align:unset
}
.aside-tools>li.score-task .task-pop>div .daily-task a {
  padding:0
}
.aside-tools>li.score-task .task-pop>div .noob-task ul li:last-child {
  height:.24rem;
  margin-top:.1rem;
  margin-bottom:.06rem
}
.aside-tools>li.score-task .task-pop>div .noob-task .noob-title {
  font-size:.14rem;
  text-align:left;
  margin:.16rem 0 .05rem .14rem
}
.aside-tools>li.score-task .task-pop>div .noob-task button {
  border:1px solid #549ecb;
  background:none;
  color:#549ecb
}
.aside-tools>li.score-task .task-pop>div .noob-task a {
  width:100%;
  height:.24rem;
  line-height:.24rem;
  color:#c6d2de;
  background:none;
  text-align:center
}
.aside-tools>li.score-task .register-task-pop {
  left:0
}
.aside-tools>li.score-task .register-task-pop::before {
  left:70%;
  background:#68832a
}
.aside-tools>li.score-task .register-task-pop>div {
  padding:.1rem .2rem;
  background:#68832a;
  color:#ccf282;
  border-radius:.15rem
}
.aside-tools>li.score-task .register-task-pop>div span {
  font-size:.14rem
}
.aside-tools>li.score-task .register-task-pop>div span strong {
  color:#fff
}
.aside-tools>li.score-task .register-task-pop:hover~.task-pop {
  display:none
}
.aside-tools>li div.official-verification {
  width:3.6rem;
}
.aside-tools>li div.official-verification::before {
  background-color:#121c29;
}
.aside-tools>li div.official-verification .verify-content {
  height:auto;
  padding:.01rem;
  font-size:.12rem;
}
.aside-tools>li div.official-verification .verify-content a {
  padding:0;
  background:none;
  color:#999;
  font-size:.14rem;
}
.aside-tools>li div.official-verification .verify-content .verify-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.11rem .24rem;
  border-bottom:1px solid #627381;
}
.aside-tools>li div.official-verification .verify-content .verify-title strong {
  font-size:.18rem;
  color: #627381;
}
.aside-tools>li div.official-verification .verify-content .verify-body {
  height:auto;
  padding:0 .24rem;
  background-color:#121c29;
}
.aside-tools>li div.official-verification .verify-content .verify-body p {
  margin: 0;
    height: .5rem;
    line-height: .5rem;
  text-align:left;
  color: #627381;
}
.aside-tools>li div.official-verification .verify-content .verify-body ul {
  padding:.3rem 0 .2rem 0;
  display:flex;
  justify-content:space-between;
  background:none
}
.aside-tools>li div.official-verification .verify-content .verify-body ul .verify-option {
  width:1.38rem;
  background-color:#293541;
  text-align:center;
  font-size:.14rem
}
.aside-tools>li div.official-verification .verify-content .verify-body ul .verify-option:hover {
  background-color:#549ecb;
  color:white
}
.aside-tools>li div.official-verification .verify-content .verify-body ul .verify-option-on {
  width:1.38rem;
  background-color:#549ecb;
  color:white;
  text-align:center;
  font-size:.14rem
}
.aside-tools>li div.official-verification .verify-content .verify-body form>div {
  margin:0
}
.aside-tools>li div.official-verification .verify-content .verify-body form>div input {
  background-color:transparent;
  color: rgba(103,193,245,1);
}
.official-verification .verify-content .verify-body .set-in .input-group {
  height: auto;
  line-height: .49rem;
}
.official-verification .verify-content .verify-body .set-in .input-group:first-child {
    border-bottom: 1px solid #627381;
}
.official-verification .verify-content .verify-body .set-in .input-group:nth-child(2) {
    border-bottom: 1px solid #627381;
}
.rec-button {
  color: #6DFDFF;
    background-image: linear-gradient(-45deg,rgba(209,4,89,1) 0,rgba(209,4,89,.8) 45%,rgba(209,4,89,.6));
    background-color: #6DFDFF;
    border-bottom: 1px solid rgba(255,255,255,.8);
    border-radius: 4px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    margin: 18px 0;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
}
.aside-tools>li div.official-verification .verify-content .verify-body form>div a {
  padding:0;
  border:0;
  background-color:#549ecb;
  color:white;
  font-size:.14rem
}
.aside-tools>li div.official-verification .verify-content .verify-body .verify-checkID {
  display:none;
  text-align:left
}
.aside-tools>li div.official-verification .verify-content .verify-body .verify-state {
  display:none;
  padding:.24rem 0 .3rem 0;
  text-align:left
}
.aside-tools>li div.official-verification .verify-content .verify-body .verify-state span {
  margin-left:.1rem
}
.aside-tools>li div.official-verification .verify-content .verify-body .verify-state span a {
  display:inline;
  padding:0;
  background:none;
  color:#549ecb
}

.aside-tools>li:not(.score-task):hover {
  background:#2d3b4c;
}
.aside-tools>li:not(.score-task):hover>a {
  color:#fff
}
.aside-tools>li:not(.score-task):hover i {
  opacity:1
}
.aside-tools>li:not(.score-task):hover .hover-pop {
  display:block
}
.aside-tools>li .hover-pop:before {
  background-color: #121c29;
}
.aside-tools>li .hover-pop ul {
  padding:.1rem;
  font-size:.12rem;
  border-radius:.02rem;
  background-color: #121c29;
}
.aside-tools>li .hover-pop ul li {
  padding:.05rem;
  line-height:.22rem;
  white-space:nowrap;
  text-align:left
}
.aside-tools>li .hover-pop ul li a {
  line-height:.18rem;
  font-size:.12rem;
  color: #627381
}
.aside-tools>li .hover-pop ul li a i {
  margin-right:.08rem
}
.aside-tools>li .hover-pop ul li a:hover {
  color:#67c1f5
}
.aside-tools>li .hover-pop>div {
  padding:.15rem;
  text-align:center;
  font-size:.12rem;
  color: #627381;
  background-color: #121c29;
  border-radius:.06rem
}
.aside-tools>li .hover-pop>div p {
  color: #627381
}
.aside-tools>li .hover-pop>div img.miniprogram {
  width:1.35rem;
  margin:.05rem 0 .1rem;
  padding:.05rem;
  background:#fff;
  border-radius:.04rem
}
.aside-tools>li .hover-pop>div a {
  display:inline-block;
  padding:0 .25rem;
  line-height:.28rem;
  border-radius:.14rem;
  color: #6DFDFF;
    background-image: linear-gradient(-45deg,rgba(209,4,89,1) 0,rgba(209,4,89,.8) 45%,rgba(209,4,89,.6));
    background-color: #6DFDFF;
}
#go-top {
  position:fixed;
  display:none;
  z-index:3;
  right:.1rem;
  bottom:0;
  width:.55rem;
  padding:.1rem .12rem;
    background: #121c29;
  color:#fff;
  border-radius: 50%;
}
#go-top .edge {
  display:inline-block;
  width:0;
  height:0;
  border:.06rem solid transparent;
  overflow:hidden;
  margin-bottom:.05rem;
  border-bottom-color:#fff
}
.rightside-menu-btn,.right-downapp-btn {
  display:block;
  position:fixed;
  right:0;
  top:.65rem;
  height:.36rem;
  padding:0 .1rem 0 .15rem;
  line-height:.36rem;
  font-size:.13rem;
  color:#fff;
  border-top-left-radius:.04rem;
  border-bottom-left-radius:.04rem;
  background:linear-gradient(90deg,#019ab7,#01ddcf)
}
.right-downapp-btn {
  top:80%
}
.right-downapp-btn:hover {
  color:#fff
}
@media only screen and (min-width:768px) {
  .aside-tools {
  display:block
}
}@media only screen and (min-width:980px) {
  .right-downapp-btn {
  display:none
}
}@media only screen and (min-width:1200px) {
  .rightside-menu-btn {
  display:none
}
}.leftside-menu {
  position:fixed;
  z-index:2;
  top:0;
  left:-2.8rem;
  visibility:hidden;
  width:2.8rem;
  height:100%;
  overflow:hidden;
  background:#171a21;
  transition:all .5s
}
.leftside-menu.visible {
  visibility:visible;
  left:0
}
.leftside-menu ul {
  width:2.8rem;
  height:calc(100% - 1.4rem);
  overflow-y:auto
}
.leftside-menu ul li {
  line-height:.55rem;
  padding:0 .1rem;
  border-top:1px solid #2f3138;
  border-bottom:1px solid #000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#bdbdbd;
  font-size:.2rem
}
.leftside-menu ul li:first-child {
  padding:0
}
.leftside-menu ul li a {
  display:block
}
.leftside-menu ul li>div {
  display:none
}
.leftside-menu ul li>div a {
  line-height:.4rem;
  font-size:.18rem;
  color:#67c1f5
}
.leftside-menu ul li>div a span {
  display:inline-block;
  width:1.75rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.leftside-menu ul li>div a.msg-btn {
  padding:0 .1rem;
  line-height:.3rem;
  font-size:.12rem;
  color:#fff
}
.leftside-menu ul li>div a.msg-btn span {
  width:auto;
  font-size:.12rem;
  line-height:.12rem;
  color:#ffcc6a;
  vertical-align:middle
}
.leftside-menu ul li .to-login {
  display:block;
  padding:0 .1rem
}
.leftside-menu ul li .logined {
  position:relative;
  display:block;
  padding:.2rem .2rem .1rem;
  box-shadow:inset 0 -4px 8px 0 #000;
  background:-webkit-linear-gradient(107deg,#24313f 0,#171a21 33%);
  background:linear-gradient(107deg,#24313f 0,#171a21 33%)
}
.leftside-menu ul li .logined img {
  width:.34rem;
  height:.34rem;
  padding:1px;
  margin-right:.1rem;
  background:linear-gradient(to bottom,#515151 5%,#474747 95%);
  vertical-align:middle
}
.leftside-menu ul li .logined span {
  vertical-align:middle;
  font-size:.22rem;
  color:#898989
}
.leftside-menu ul li .logined span:hover {
  color:#67c1f5
}
.leftside-menu ul li .logined .cart,.leftside-menu ul li .logined .logout {
  position:absolute;
  display:inline-block;
  bottom:.05rem;
  right:.1rem;
  line-height:normal;
  color:#898989;
  font-size:.16rem
}
.leftside-menu .footer {
  position:absolute;
  bottom:0;
  left:0;
  height:1.4rem;
  overflow-y:hidden;
  padding:.2rem .1rem 0;
  text-align:left;
  font-size:.1rem;
  color:#8a8a8a
}
.leftside-menu .footer img {
  height:.45rem
}
.fl {
  float:left
}
.fr {
  float:right
}
.cf:before,.cf:after {
  content:'';
  display:table
}
.cf:after {
  clear:both
}
.center,.items-img {
  text-align:center
}
.relative {
  position:relative
}
.w-response {
  width:100%;
  max-width:9.8rem;
  padding:0 2%;
  margin:auto;
}
@media only screen and (min-width:980px) {
  .w-response {
  padding:0
}
}@media only screen and (min-width:1200px) {
  .w-response {
  width:12rem;
  max-width:none;
  margin:0 auto
}
}
.comm-notice {
  display:none;
  width:100%;
  line-height:.32rem;
  background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
}
.comm-notice p {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#a0eaff
}
.comm-notice p span {
  padding-left:.1rem;
  vertical-align:middle
}
.comm-notice p button {
  width:.32rem;
  line-height:.32rem;
  text-align:center
}
@media only screen and (min-width:768px) {
  .comm-notice p button {
  display:block
}
}
.comm-nav {
    display:none;
    margin-top:.0rem; 
    position: relative;
    left: 0;
    right: 0;
    top: 0; 
    z-index: 999;
    background: rgba(41,41,82,1);
}
.comm-nav a {
  position:relative;
  margin-right:.35rem;
  color: #9f9eb1;
  font-size:.15rem;
  height: .8rem;
  line-height: .8rem;
  /*padding: 0 .1rem;*/
  display: inline-block;
}
.comm-nav a:after {
    position: absolute;
    top: 55px;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: #fddd84;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
}
.comm-nav a:hover:after{
    width:100%;
}
.comm-nav-bg .w-response {
    height: .8rem;
    line-height: .8rem;
    }
.comm-nav-bg {
  width: 100%;
    text-align: center;
    background-size: 100%;
    background: url(../images/header-bg.png) center no-repeat rgba(255,255,255,.9);
    box-shadow: 0 0px 5px rgba(25,24,40,.3);
}

.comm-nav-bg .search {
    display: none;
    height: .36rem;
    margin-left: .5rem;
    border-radius: .18rem;
    background: rgba(0,0,0,.4);
    border: 1px solid rgba(0,0,0,0);
}
.comm-nav-bg .search {
    vertical-align: middle;
    line-height: normal;
}

/*.comm-nav a.on {
  color: #FFF;
    background-image: linear-gradient(-45deg, rgba(72, 172, 255, 1) 0,rgba(72, 172, 255, .7) 45%, rgba(72, 172, 255, .4));
    background-color: #6DFDFF;
    border-radius: .54rem;

}*/
.comm-nav a:hover {
  color: #fddd84;
}
.comm-nav a>img {
  position:absolute;
  right:.16rem;
  top:40%;
  transform:translate(100%,-100%)
}
.comm-nav a.on {
  font-size:.18rem;
  font-weight:bold;
  color:#fddd84;
}
@media only screen and (min-width:768px) {
  .comm-nav {
  text-align:center;
  display:block
}
}@media only screen and (min-width:1200px) {
  .comm-nav {
  text-align:left
}
}.small-menu-bg {
  position:fixed;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  visibility:hidden;
  background:rgba(0,0,0,.6);
  transition:visibility .5s,opacity .5s
}
.small-menu-bg.visible {
  visibility:visible;
  opacity:1;
  transition:visibility 0,opacity .5s
}
.unselect {
  -webkit-user-select:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none
}
.hidden-textarea {
  box-sizing:content-box;
  position:absolute;
  z-index:-999;
  width:0;
  height:0;
  font-size:0;
  resize:none
}
.table-wrap {
  overflow-x:auto
}
@media only screen and (min-width:980px) {
  .table-wrap {
  overflow:visible
}
}.def-none {
  padding:10% 0 !important;
  border:0 !important;
  text-align:center
}
.def-none p {
  margin:.3rem 0;
  font-size:.15rem;
  color:#627381;
  text-align:center !important
}
.def-none a,.def-none button {
  display:inline-block;
  width:2.8rem;
  max-width:100%;
  line-height:.46rem;
  font-size:.16rem;
  border-radius:.04rem;
  border:solid 1px #2d3b4c;
  color:#708aa3;
  background:#1c2735
}
.template {
  display:none;
  font-size:.12rem
}
.template>div,.template>form {
  max-width:100%;
  margin:auto
}
.template>form {
  padding:.2rem 0
}
.template>form .sure {
  display:inline-block;
  height:auto;
  padding:.1rem .55rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem;
  margin-bottom:.2rem;
  font-size:.14rem
}
.template>form .sure:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
.template.result-box,.template.trade-tip-box {
  padding-top:.4rem;
  padding-bottom:.4rem;
  text-align:center
}
.template.result-box h3,.template.trade-tip-box h3 {
  font-size:.16rem;
  color:#ffcc6a
}
.template.result-box h3 i,.template.trade-tip-box h3 i {
  margin-right:.15rem
}
.template.result-box h3 span,.template.trade-tip-box h3 span {
  vertical-align:middle
}
.template.result-box h4,.template.trade-tip-box h4 {
  font-size:.2rem;
  color:#c9c9c9
}
.template.result-box h4 strong,.template.trade-tip-box h4 strong {
  color:#67c1f5
}
.template.result-box .result-message,.template.trade-tip-box .result-message {
  width:100%;
  padding:.2rem;
  margin-bottom:.25rem;
  font-size:.13rem;
  color:#e1c48a;
  text-align:center;
  border-bottom:solid 1px #212530
}
.template.result-box .result-message a,.template.trade-tip-box .result-message a {
  color:#67c1f5
}
.template.result-box .result-message strong,.template.trade-tip-box .result-message strong {
  color:#ffcc6a;
  font-size:.14rem
}
.template.result-box .result-message strong.blue,.template.trade-tip-box .result-message strong.blue {
  color:#67c1f5
}
.template.result-box .result-message strong span,.template.trade-tip-box .result-message strong span {
  font-size:.16rem;
  font-weight:bold
}
.template.result-box .bottom>a,.template.result-box .bottom>button,.template.trade-tip-box .bottom>a,.template.trade-tip-box .bottom>button {
  margin:0 .1rem;
  display:inline-block;
  height:auto;
  padding:.1rem .4rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem
}
.template.result-box .bottom>a:disabled,.template.result-box .bottom>button:disabled,.template.trade-tip-box .bottom>a:disabled,.template.trade-tip-box .bottom>button:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
.template.result-box .bottom>a.false,.template.result-box .bottom>button.false,.template.trade-tip-box .bottom>a.false,.template.trade-tip-box .bottom>button.false {
  padding-top:.09rem;
  padding-bottom:.09rem;
  background:none;
  border:solid 1px #5d5f64
}
.template.result-box .bottom p,.template.trade-tip-box .bottom p {
  margin-top:.1rem
}
.template.result-box .bottom p a,.template.trade-tip-box .bottom p a {
  color:#67c1f5
}
.template.result-box .bottom p a.gray,.template.trade-tip-box .bottom p a.gray {
  color:#7b8790;
  text-decoration:underline
}
.template.result-box .bottom p button,.template.trade-tip-box .bottom p button {
  display:inline-block;
  height:auto;
  padding:.1rem .1rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem
}
.template.result-box .bottom p button:disabled,.template.trade-tip-box .bottom p button:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
.template.result-box.include-advertisement,.template.trade-tip-box.include-advertisement {
  padding-bottom:.1rem
}
.template.result-box.include-advertisement .result-message,.template.trade-tip-box.include-advertisement .result-message {
  margin-bottom:.1rem
}
.template.result-box.include-advertisement .bottom img,.template.trade-tip-box.include-advertisement .bottom img {
  max-width:95%
}
.template.tradelink-box #tradelink-form,.template.tradelink-box #apikey-form,.template.apikey-box #tradelink-form,.template.apikey-box #apikey-form {
  max-width:4.4rem;
  margin:.1rem auto 0
}
.template.tradelink-box #tradelink-form>div,.template.tradelink-box #apikey-form>div,.template.apikey-box #tradelink-form>div,.template.apikey-box #apikey-form>div {
  margin-bottom:.1rem
}
.template.tradelink-box #tradelink-form>div input,.template.tradelink-box #apikey-form>div input,.template.apikey-box #tradelink-form>div input,.template.apikey-box #apikey-form>div input {
  height:.34rem;
  padding:0 .1rem;
  line-height:.32rem;
  border:solid 1px #3c404b;
  background:#121417;
  color:#dbdbdb;
  font-size:.12rem
}
.template.tradelink-box #tradelink-form>div input.error,.template.tradelink-box #apikey-form>div input.error,.template.apikey-box #tradelink-form>div input.error,.template.apikey-box #apikey-form>div input.error {
  border-color:#ff5b5b
}
.template.tradelink-box #tradelink-form>div button,.template.tradelink-box #apikey-form>div button,.template.apikey-box #tradelink-form>div button,.template.apikey-box #apikey-form>div button {
  display:inline-block;
  height:auto;
  padding:.08rem .25rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem;
  height:.34rem;
  border:0
}
.template.tradelink-box #tradelink-form>div button:disabled,.template.tradelink-box #apikey-form>div button:disabled,.template.apikey-box #tradelink-form>div button:disabled,.template.apikey-box #apikey-form>div button:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
.template.tradelink-box #tradelink-form p,.template.tradelink-box #apikey-form p,.template.apikey-box #tradelink-form p,.template.apikey-box #apikey-form p {
  margin-top:.1rem
}
.template.apikey-box {
  padding:.34rem 0 .3rem 0
}
.template.apikey-box .result-message {
  margin-bottom:0;
  padding-bottom:.3rem
}
.template.apikey-box form {
  margin-top:.3rem
}
.template.apikey-box form .get-link {
  display:block;
  margin:.2rem 0 .4rem 0
}
.template.apikey-box .footer {
  padding-left:.4rem;
  padding-right:.4rem;
  text-align:left;
  font-size:.12rem;
  color:#7b8890
}
.template.apikey-box .footer li:first-child {
  margin:.2rem 0 .1rem 0
}
.template.login-box,.template.register-box,.template.login-register-box {
  background:#171a21 url("../images/login-bg.jpg") no-repeat center/cover
}
.template.login-box>div,.template.register-box>div,.template.login-register-box>div {
  width:3.2rem;
  overflow:hidden
}
.template.login-box .tab-content form>div>input,.template.login-box .register-content form>div>input,.template.register-box .tab-content form>div>input,.template.register-box .register-content form>div>input,.template.login-register-box .tab-content form>div>input,.template.login-register-box .register-content form>div>input {
  background:#3f4852;
  border-color:#383e48;
  color:#fff
}
.template.login-box .tab-content form>div>input.error,.template.login-box .register-content form>div>input.error,.template.register-box .tab-content form>div>input.error,.template.register-box .register-content form>div>input.error,.template.login-register-box .tab-content form>div>input.error,.template.login-register-box .register-content form>div>input.error {
  border-color:#ff5b5b
}
.template.login-box .tab-content form>div>input::-webkit-input-placeholder,.template.login-box .register-content form>div>input::-webkit-input-placeholder,.template.register-box .tab-content form>div>input::-webkit-input-placeholder,.template.register-box .register-content form>div>input::-webkit-input-placeholder,.template.login-register-box .tab-content form>div>input::-webkit-input-placeholder,.template.login-register-box .register-content form>div>input::-webkit-input-placeholder {
  color:#8e97b0
}
.template.login-box .tab-content form .sure,.template.login-box .register-content form .sure,.template.register-box .tab-content form .sure,.template.register-box .register-content form .sure,.template.login-register-box .tab-content form .sure,.template.login-register-box .register-content form .sure {
  width:100%;
  line-height:.4rem;
  text-align:center;
  border-radius:.02rem;
  color:#fff;
  font-size:.16rem;
  background:url("../images/form-button-bg.jpg") no-repeat center/cover
}
.template.login-box .tab-content form .sure:disabled,.template.login-box .register-content form .sure:disabled,.template.register-box .tab-content form .sure:disabled,.template.register-box .register-content form .sure:disabled,.template.login-register-box .tab-content form .sure:disabled,.template.login-register-box .register-content form .sure:disabled {
  opacity:.25;
  pointer-events:none
}
.template.login-box,.template.login-register-box {
  height:4.7rem
}
.template.login-box .tab-head,.template.login-register-box .tab-head {
  font-size:0;
  margin:.3rem 0
}
.template.login-box .tab-head li,.template.login-register-box .tab-head li {
  position:relative;
  display:inline-block;
  width:50%;
  margin-bottom:.2rem;
  line-height:.26rem;
  font-size:.18rem;
  color:#828899;
  cursor:pointer
}
.template.login-box .tab-head li.on,.template.login-register-box .tab-head li.on {
  color:#fff
}
.template.login-box .tab-head li.on:after,.template.login-register-box .tab-head li.on:after {
  content:'';
  position:absolute;
  bottom:-.2rem;
  display:block;
  border-bottom:0;
  width:1.1rem;
  height:2px;
  background:#fff
}
.template.login-box .tab-head li:nth-of-type(1),.template.login-register-box .tab-head li:nth-of-type(1) {
  text-align:left
}
.template.login-box .tab-head li:nth-of-type(1):after,.template.login-register-box .tab-head li:nth-of-type(1):after {
  left:0
}
.template.login-box .tab-head li:nth-of-type(2),.template.login-register-box .tab-head li:nth-of-type(2) {
  text-align:right;
  border-left:solid 1px #25282e
}
.template.login-box .tab-head li:nth-of-type(2):after,.template.login-register-box .tab-head li:nth-of-type(2):after {
  right:0
}
.template.login-box .tab-content form .sure,.template.login-register-box .tab-content form .sure {
  margin-top:.2rem
}
.template.login-box .tab-content form .tools,.template.login-register-box .tab-content form .tools {
  margin-bottom:.45rem;
  color:rgba(255,255,255,.8)
}
.template.login-box .tab-content form .tools .fr a,.template.login-register-box .tab-content form .tools .fr a {
  color:#828899;
  margin-right:.08rem
}
.template.login-box .tab-content form .tools .fr a:nth-of-type(2),.template.login-register-box .tab-content form .tools .fr a:nth-of-type(2) {
  padding-left:.08rem;
  border-left:solid 2px #828899
}
.template.login-box .tab-content .other-ways,.template.login-register-box .tab-content .other-ways {
  margin:.35rem 0;
  line-height:.36rem;
  color:#828899
}
.template.login-box .tab-content .other-ways .fr a,.template.login-register-box .tab-content .other-ways .fr a {
  display:inline-block;
  width:.4rem;
  line-height:.4rem;
  text-align:center;
  border-radius:50%;
  margin-left:.1rem;
  background:#0e1117
}
.template.login-box .tab-content .other-ways .fr a i,.template.login-register-box .tab-content .other-ways .fr a i {
  opacity:.4
}
.template.login-box .tab-content .other-ways .fr a:hover,.template.login-register-box .tab-content .other-ways .fr a:hover {
  background:#3595bf
}
.template.login-box .tab-content .other-ways .fr a:hover i,.template.login-register-box .tab-content .other-ways .fr a:hover i {
  opacity:1
}
.template.login-box .tab-content .other-ways .fr a:first-child,.template.login-register-box .tab-content .other-ways .fr a:first-child {
  margin:0
}
.template.login-box .tab-content .login-qrcode,.template.login-register-box .tab-content .login-qrcode {
  position:relative;
  display:inline-block;
  width:2.1rem;
  height:2.1rem;
  line-height:2.1rem;
  margin:.1rem auto;
  border-radius:.06rem;
  overflow:hidden
}
.template.login-box .tab-content .login-qrcode>div,.template.login-register-box .tab-content .login-qrcode>div {
  position:absolute;
  left:0;
  top:0;
  display:none;
  width:100%;
  height:100%;
  text-align:center;
  line-height:normal
}
.template.login-box .tab-content .login-qrcode>img,.template.login-register-box .tab-content .login-qrcode>img {
  max-width:100%
}
.template.login-box .tab-content .login-qrcode.timeout .timeout-content,.template.login-register-box .tab-content .login-qrcode.timeout .timeout-content {
  display:block;
  background:rgba(0,0,0,.8);
  color:#fff;
  font-size:.16rem
}
.template.login-box .tab-content .login-qrcode.timeout .timeout-content p,.template.login-register-box .tab-content .login-qrcode.timeout .timeout-content p {
  margin:.65rem 0 .2rem
}
.template.login-box .tab-content .login-qrcode.timeout .timeout-content button,.template.login-register-box .tab-content .login-qrcode.timeout .timeout-content button {
  padding:.08rem .25rem;
  border-radius:.02rem;
  background:#217aa2;
  color:#fff
}
.template.login-box .tab-content .login-qrcode.success~.useage,.template.login-register-box .tab-content .login-qrcode.success~.useage {
  display:none
}
.template.login-box .tab-content .login-qrcode.success .success-content,.template.login-register-box .tab-content .login-qrcode.success .success-content {
  display:block
}
.template.login-box .tab-content .login-qrcode.success .success-content~img,.template.login-register-box .tab-content .login-qrcode.success .success-content~img {
  display:none
}
.template.login-box .tab-content .login-qrcode.success .success-content img,.template.login-register-box .tab-content .login-qrcode.success .success-content img {
  display:block;
  margin:.35rem auto
}
.template.login-box .tab-content .login-qrcode.success .success-content p:nth-of-type(1),.template.login-register-box .tab-content .login-qrcode.success .success-content p:nth-of-type(1) {
  font-size:.18rem;
  color:#93ce63
}
.template.login-box .tab-content .login-qrcode.success .success-content p:nth-of-type(2),.template.login-register-box .tab-content .login-qrcode.success .success-content p:nth-of-type(2) {
  font-size:.14rem;
  color:#828899
}
.template.login-box .tab-content .useage,.template.login-register-box .tab-content .useage {
  margin-bottom:.5rem;
  color:#828899;
  font-size:.14rem
}
.template.login-box .tab-content .useage p,.template.login-register-box .tab-content .useage p {
  line-height:.18rem
}
.template.login-box .tab-content .useage p a,.template.login-register-box .tab-content .useage p a {
  color:#67c1f5
}
.template.login-box .tab-content .tip,.template.login-register-box .tab-content .tip {
  margin-bottom:.1rem;
  text-align:center
}
.template.login-box .tab-content .tip a,.template.login-register-box .tab-content .tip a {
  padding:0 .1rem;
  color:#67c1f5
}
.template.login-box .tab-content .tip a:nth-of-type(2),.template.login-register-box .tab-content .tip a:nth-of-type(2) {
  border-left:solid 1px #828899
}
.template.register-box {
  height:5rem
}
.template.register-box .top {
  margin:.25rem 0
}
.template.register-box .top span {
  color:#fff
}
.template.register-box .top span:first-child {
  display:inline-block;
  font-size:.18rem;
  padding-bottom:.2rem;
  border-bottom:solid .03rem #fff
}
.template.register-box .top span:last-child a {
  color:#67c1f5
}
.template.safecheck-box>div {
  width:4.2rem;
  padding:.4rem 0;
  text-align:center
}
.template.safecheck-box>div h4 {
  color:#c9c9c9;
  font-size:.2rem
}
.template.safecheck-box>div h4 img {
  width:.25rem;
  vertical-align:middle
}
.template.safecheck-box>div h4 a,.template.safecheck-box>div h4 strong {
  color:#67c1f5
}
.template.safecheck-box>div.no-password h4 {
  margin:.15rem 0
}
.template.safecheck-box>div.has-password form {
  margin:.2rem 0
}
.template.safecheck-box>div.has-password .login-password {
  position:relative;
  color:#7b8890
}
.template.safecheck-box>div.has-password .login-password .see-password {
  position:absolute;
  right:0;
  top:0;
  display:block;
  width:.34rem;
  padding:0;
  text-align:center;
  line-height:.34rem
}
.template.safecheck-box>div.has-password .login-password .forget-password {
  display:block;
  margin:.05rem 0;
  color:#67c1f5
}
.template.safecheck-box .bottom {
  width:100%;
  line-height:.36rem;
  padding:.3rem .2rem;
  background:#1e2027
}
.template.safecheck-box .bottom>button {
  display:inline-block;
  height:auto;
  padding:.1rem .35rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem;
  font-size:.14rem
}
.template.safecheck-box .bottom>button:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
.template.pay-box>div {
  width:3.2rem
}
.template.pay-box>div .balance {
  margin:.25rem 0;
  color:#7b8890
}
.template.pay-box>div .balance>span strong {
  color:#ffcc6a;
  font-size:.12rem
}
.template.pay-box>div .balance>span strong span {
  font-size:.16rem
}
.template.pay-box>div .balance>span:first-child {
  margin-right:.2rem
}
.template.pay-box>div .need-pay {
  margin:.15rem 0;
  text-align:center;
  padding:.08rem 0;
  background:#23262c;
  border-radius:.06rem;
  color:#7b8890
}
.template.pay-box>div .need-pay strong {
  color:#ffcc6a;
  font-size:.14rem
}
.template.pay-box>div .need-pay strong span {
  font-size:.16rem;
  font-weight:bold
}
.template.pay-box>div .need-pay .tip {
  color:#af6d45
}
.template.pay-box>div .qrcode {
  min-height:3.5rem;
  margin:.3rem 0;
  text-align:center
}
.template.pay-box>div .qrcode p {
  margin-top:.2rem;
  color:#7b8890
}
.template.pay-box>div .qrcode p span {
  color:#c9c9c9
}
.template.cash-box {
  font-size:.14rem
}
.template.cash-box>form {
  width:3.4rem;
  font-size:.12rem;
  color:#7b8890
}
.template.cash-box .bottom {
  width:100%;
  line-height:.36rem;
  padding:.3rem .2rem;
  background:#1e2027
}
.template.cash-box .bottom>p {
  display:inline-block;
  line-height:normal;
  color:#7b8890
}
.template.cash-box .bottom>p strong {
  color:#ffcc6a
}
.template.cash-box .bottom>p strong span {
  font-size:.18rem;
  font-weight:bold
}
.template.cash-box .bottom>button {
  display:inline-block;
  height:auto;
  padding:.1rem .35rem;
  line-height:normal;
  white-space:nowrap;
  border-radius:.03rem;
  background:#5c7e10;
  color:#fff;
  font-size:.12rem
}
.template.cash-box .bottom>button:disabled {
  background:#363942;
  color:rgba(255,255,255,.3)
}
.template.alipay-box>form,.template.mobile-box>form,.template.loginpwd-box>form,.template.email-box>form,.template.username-box>form {
  width:3rem;
  font-size:.13rem;
  color:#7b8890
}
.template.alipay-box>form .old-mobile strong,.template.mobile-box>form .old-mobile strong,.template.loginpwd-box>form .old-mobile strong,.template.email-box>form .old-mobile strong,.template.username-box>form .old-mobile strong {
  font-size:.16rem
}
.template.alipay-box>form .login-password .pos-after,.template.mobile-box>form .login-password .pos-after,.template.loginpwd-box>form .login-password .pos-after,.template.email-box>form .login-password .pos-after,.template.username-box>form .login-password .pos-after {
  color:#67c1f5
}
.template.alipay-box>form .captcha .pos-after,.template.mobile-box>form .captcha .pos-after,.template.loginpwd-box>form .captcha .pos-after,.template.email-box>form .captcha .pos-after,.template.username-box>form .captcha .pos-after {
  padding:0 .1rem;
  color:#67c1f5;
  border-left:solid 1px #2e3138
}
.template.ownersale-freeze h3 {
  font-size:.18rem
}
.template.ownersale-freeze p {
  padding:.16rem 0 .4rem 0;
  font-size:.16rem
}
.template.ownersale-freeze p strong {
  color:#f26969
}
.template.ownersale-freeze .bottom button.false {
  border:0;
  background-color:#22262e
}
.deliver-status-layer {
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  background:rgba(0,0,0,.5)
}
.deliver-status-layer .deliver-status {
  display:flex;
  align-items:center;
  width:3.2rem;
  height:.64rem;
  position:absolute;
  left:50%;
  top:40%;
  margin-left:-1.5rem;
  background-color:#44a1ef
}
.deliver-status-layer .deliver-status i {
  margin-left:.16rem
}
.deliver-status-layer .deliver-status i.icon-deliver-loading {
  animation:rotate 1s linear infinite
}
@keyframes rotate {
  0{transform:rotate(0)
}
100% {
  transform:rotate(360deg)
}
}.deliver-status-layer .deliver-status .deliver-status-info {
  display:flex;
  flex-direction:column;
  margin-left:.16rem
}
.deliver-status-layer .deliver-status .deliver-status-info span {
  font-size:.16rem;
  font-weight:600
}
.mosundu-bar {
  display:none;
  vertical-align:top;
  font-size:0 !important
}
.mosundu-bar span {
  display:inline-block;
  width:.35rem;
  height:.06rem;
  margin:0 .01rem;
  vertical-align:middle;
  background:#2d3b4c
}
@media only screen and (min-width:768px) {
  .mosundu-bar.WearCategory0 {
  display:inline-block
}
.mosundu-bar.WearCategory0 span:nth-child(5) {
  background:green
}
.mosundu-bar.WearCategory1 {
  display:inline-block
}
.mosundu-bar.WearCategory1 span:nth-child(4) {
  background:#5cb85c
}
.mosundu-bar.WearCategory2 {
  display:inline-block
}
.mosundu-bar.WearCategory2 span:nth-child(3) {
  background:#f0ad4e
}
.mosundu-bar.WearCategory3 {
  display:inline-block
}
.mosundu-bar.WearCategory3 span:nth-child(2) {
  background:#b04341
}
.mosundu-bar.WearCategory4 {
  display:inline-block
}
.mosundu-bar.WearCategory4 span:nth-child(1) {
  background:#cc552a
}
}span.WearCategory0 {
  color:green !important
}
span.WearCategory1 {
  color:#5cb85c !important
}
span.WearCategory2 {
  color:#f0ad4e !important
}
span.WearCategory3 {
  color:#b04341 !important
}
span.WearCategory4 {
  color:#cc552a !important
}
.items-list {
  display:block;
  width:100%;
  vertical-align:top;
  font-size:0;
  text-align:center
}
.items-list>li {
  position:relative;
  display:inline-block;
  width:49%;
  margin-left:2%;
  margin-bottom:2%;
  vertical-align:top;
  border-radius:.15rem
}
.items-list>li:nth-child(2n+1) {
  margin-left:0
}
.items-list>li:first-child {
  margin-left:0 !important
}
.items-list>li a {
  display:block
}
.items-list>li .items-bottom {
  position: relative;
  width:100%;
  height:.65rem;
  text-align:center;
  background: transparent;
}
.items-list>li .items-bottom p.shorttitle {
  position: relative;
  line-height:.15rem;
  padding-top:.175rem;
  color: #9f9eb1;
  font-size: .15rem;
  text-align: left;
  vertical-align: text-bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.items-list>li .items-bottom p.title {
  line-height:.15rem;
  padding-top:.175rem; 
  color: #77787d;
  font-size: .12rem;
  text-align: left;
  vertical-align: text-bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.items-list>li .items-bottom p.title span {
    line-height:.15rem; 
    padding-top:.175rem; 
  font-size: .12rem;
  font-weight: bold;
    display: inline;
    vertical-align: middle;
    height: auto;
}
.items-list>li .items-bottom p.shorttitle span {
  position: absolute;
  right: 0;
  top: .08rem;
  font-size: .20rem;
    font-weight: bold;
    color: #ffcc6a;
    background: transparent;
}
.items-list>li .items-bottom p.shorttitle span em {
  font-size: .16rem;
}
.items-list>li .items-bottom p span {
  display:inline-block;
  vertical-align:middle;
  max-width:50%;
  height:.3rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:.3rem;
  font-size:.14rem
}
/*.items-list>li .items-bottom p span:nth-child(1) {
  background:#4c6b22;
  color:#a4d007
}
.items-list>li .items-bottom p span:nth-child(2) {
  font-size:.12rem;
  background:#0b2d3b;
  color:#acdbf5
}*/
.items-list>li .items-bottom p span strong {
  margin-left:.05rem;
  font-size:.13rem
}
.items-list>li .items-bottom p.seekbuy span:nth-child(1) {
  background:#823635;
  color:#ffbeaf
}
.items-list>li .items-bottom .controls {
  line-height:.65rem
}
.items-list>li .items-bottom .controls button,.items-list>li .items-bottom .controls a {
  display:inline-block;
  margin:0 .05rem;
  padding:.08rem .15rem;
  line-height:normal;
  border-radius:.02rem;
  font-size:.12rem;
  vertical-align:middle;
  white-space:nowrap;
  text-align:center
}
.items-list>li .items-bottom .controls button.disabled,.items-list>li .items-bottom .controls a.disabled {
  background:#22262e;
  color:#444b50;
  pointer-events:none
}
.items-list>li .items-bottom .controls button {
  padding:.07rem .15rem;
  color:#fff;
  border:solid 1px rgba(250,250,250,.2);
  background:none
}
@media only screen and (min-width:768px) {
  .items-list>li .items-bottom .controls button {
  padding:.07rem 0
}
}@media only screen and (min-width:980px) {
  .items-list>li .items-bottom .controls button {
  padding:.07rem .04rem
}
}@media only screen and (min-width:1200px) {
  .items-list>li .items-bottom .controls button {
  padding:.07rem .15rem
}
}.items-list>li .items-bottom .controls button i {
  margin-right:.02rem;
  opacity:.6
}
.items-list>li .items-bottom .controls button:hover {
  color:#fff;
  border-color:#db8d1e;
  background:#db8d1e
}
.items-list>li .items-bottom .controls button:hover i {
  opacity:1
}
.items-list>li .items-bottom .controls button.disabled {
  pointer-events:none;
  color:#515d6d;
  background:#202c3a;
  border-color:#202c3a
}
.items-list>li .items-bottom .controls button.disabled i {
  opacity:.2
}
.items-list>li .items-bottom .controls a {
  padding:.09rem .25rem;
  color:#d2f86c;
  background:#5c7e10
}
.items-list>li .items-bottom .controls a:hover {
  color:#d2f86c;
  background:#679030
}
@media only screen and (min-width:768px) {
  .items-list {
  display:block;
  width:100%;
  text-align:left
}
.items-list>li {
  width:23.5%
}
.items-list>li:nth-child(2n+1) {
  margin-left:2%
}
.items-list>li:nth-child(4n+1) {
  margin-left:0
}
}@media only screen and (min-width:980px) {
  .items-list {
  display:block;
  width:9.8rem;
  margin:0 auto
}
.items-list>li {
  width:1.84rem;
  margin-left:.15rem;
  margin-bottom:.15rem
}
.items-list>li:nth-child(2n+1) {
  margin-left:.15rem
}
.items-list>li:nth-child(5n+1) {
  margin-left:0
}
.items-list>li:not(.no-hover-anim):hover .items-item .items-img>img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
}@media only screen and (min-width:1200px) {
  .items-list {
  display:inline-block;
  width:auto
}
.items-list>li {
  width:2.24rem;
  margin-left:.2rem;
  margin-bottom:.2rem
}
.items-list>li:nth-child(2n+1) {
  margin-left:.2rem
}
.items-list>li:nth-child(5n+1) {
  margin-left:0
}
}
.items-item {
  position:relative;
  display:inline-block;
  width:100%;
  text-align:center;
  background:transparent;
  border-radius: .15rem;
  box-shadow: 0 2px 25px rgba(25,24,40,0);
  overflow: hidden;
}
.items-item .playicon{
  position: absolute;
  top:calc(50% - 23px);
  left: calc(50% - 23px);;
  width: 45px;
  height: 45px;
}
.items-item .items-img {
  width:100%;
  margin:0;
  text-align:center;
  border-radius: .15rem .15rem 0 0;
  overflow: hidden;
}
.items-item .items-img>img {
  display:inline-block;
  vertical-align:middle;
  width:100%;
  max-height:100%;
  transition:all .2s;
  border-radius: .15rem;
}
.items-item .items-img> a img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-height: 100%;
    transition: all .2s;
    border-radius: .15rem;
    cursor: pointer;
}
.items-item .items-img .tonggao {
  position: absolute;
  top: .1rem;
  left: .1rem;
  z-index: 1;
}
.items-item .items-img .flagicon {
  position: absolute;
  top: .1rem;
  left: .1rem;
}
.items-item .items-img .flagicon .kezi, .items-item .items-img .flagicon .dingzhi {
  width: .50rem;
    height: .3rem;
    line-height:.3rem;
    padding:.03rem .08rem;
    color: #331f02;
    font-size:.14rem;
    border-radius: .15rem;
    background-image: linear-gradient(90deg, rgba(14, 199, 255, 1) 0,rgba(49, 245, 179, 1) 45%, rgba(126, 247, 116, 1));
}
.items-item .items-img .special-icon {
  position:absolute;
  width:100%;
  overflow:hidden;
  top:0rem;
  left:0rem;
  text-align:center;
    width: .5rem;
    height: .3rem;
    font-size: .15rem;
    font-weight: 700;
    line-height: .3rem;
    border-top-left-radius: .06rem;
    border-bottom-right-radius: .1rem;
  color: #6DFDFF;
    background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
}
.items-item .items-img .special-tag-yellow,.mask-item .mask-img .special-tag-yellow{
  position:absolute;
  left:0;
  top:0;
  z-index:3;
  display:block;
  padding:.02rem .15rem;
  font-weight:bold;
  font-size:.13rem;
  font-style: italic;
  border-bottom-right-radius:.1rem;
  border-top-left-radius:.06rem;
  color: #784610;
  background-image: linear-gradient(135deg, rgba(244, 222, 30, 1) 0,rgba(250, 233, 87, .7) 45%, rgba(255, 235, 59, 1));
    /*background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));*/
    background-color: #6DFDFF;

}
.items-item .items-img .special-tag,.mask-item .mask-img .special-tag{
  position:absolute;
  left:0;
  top:0;
  z-index:3;
  display:block;
  padding:.02rem .15rem;
  font-weight:bold;
  font-size:.13rem;
  font-style: italic;
  border-bottom-right-radius:.1rem;
  border-top-left-radius:.06rem;
  color: #5dfafc;
  background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .7) 45%, rgba(214, 14, 214, 1));
    /*background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));*/
    background-color: #6DFDFF;

}
.items-item .items-img .special-tag-z2,.mask-item .mask-img .special-tag-z2{
  position:absolute;
  left:.65rem;
  top:0;
  z-index:2;
  display:block;
  height: .23rem;
  width: .23rem;
  font-weight:bold;
  font-size:.13rem;
  font-style: italic;
  border-bottom-right-radius:.1rem;
  border-top-left-radius:.06rem;
  color: #5dfafc;
  background-image: linear-gradient(135deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .5) 45%, rgba(214, 14, 214, .2));
    /*background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));*/
    background-color: transparent;
}
.items-item .items-img .special-tag-z3,.mask-item .mask-img .special-tag-z3{
  position:absolute;
  left:.70rem;
  top:0;
  z-index:1;
  display:block;
  height: .23rem;
  width: .23rem;
  font-weight:bold;
  font-size:.13rem;
  font-style: italic;
  border-bottom-right-radius:.1rem;
  border-top-left-radius:.06rem;
  color: #5dfafc;
  background-image: linear-gradient(135deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .3) 45%, rgba(214, 14, 214, .1));
    /*background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));*/
    background-color: transparent;
}
.items-item .items-img .tag {
  position:absolute;
  overflow:hidden;
  bottom:.15rem;
    width: 100%;
/*  height: .3rem;*/
    text-align: left;
/*  line-height: .3rem;*/
    padding: 0 .05rem;
}
.items-item .items-img .tag a {
/*    color: #6DFDFF;
    background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;*/
    color: #c6d4df;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .8) 0,rgba(0, 0, 0, .5) 45%, rgba(0, 0, 0, .3));
    background-color: transparent;    
    font-size: .12rem;
    display: inline-block;
    border-radius: 0.12rem;
    line-height: .22rem;
    padding: 0 0.05rem;
    margin-right: 0.05rem;
    margin-top: 0.05rem;
    vertical-align: middle;
}
.items-item .items-img .tag .hot-sum {
  float: right;
  font-size: .14rem;
  color: #FFF;
}

.items-item .items-img .icon-all {
  position:absolute;
  width:100%;
  top: .06rem;
  right: .06rem;
  text-align:left;
    width: .4rem;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
}
.items-item .items-img .icon-all i.hot {
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
  width: .2rem;
  height: .2rem;
  line-height: .2rem;
  background-size: 100%;
  background-image: url(../images/fire.png);
  background-repeat: no-repeat;
}
.items-item .items-img .special-icon img {
  display:inline-block
}
.items-item p {
  margin-bottom:.06rem
}
.items-item>.tit {
  color:#111;
  font-size:.14rem;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:.02rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.items-item>.sec-tit {
  font-size:.12rem;
  color:#577180
}
.items-item>.sec-tit span {
  font-size:.13rem;
  color:#77787d;
  padding-right: .1rem;
}
.items-item .special-tag {
  font-size:.12rem;
  color:#6c950f;
}
.items-item>i {
  position:absolute;
  right:.1rem;
  top:.1rem;
  opacity:.45
}
@media only screen and (min-width:1200px) {
  .items-item {
  min-height:auto
}
.items-item .items-img {
  margin-top:0rem
}
}.section-tit {
  padding:.2rem 0;
  color:#fff;
  font-size:.18rem
}
.week-newstar-list .infos-info>span,.week-newstarbar-list .infos-info>span {
  display:inline-block;
  line-height:normal;
  vertical-align:middle
}
.week-newstar-list .infos-info.text {
  color: rgba(255,255,255,.5);
    font-size: .12rem;
}
.week-newstar-list .infos-info>span.discount,.week-newstarbar-list .infos-info>span.discount {
  margin-right:.05rem;
  padding:.05rem .1rem;
  font-size:.12rem;
  font-weight:bold;
  color: #6DFDFF;
  background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
    border-radius: .54rem;
}
.week-newstar-list .infos-info>span.price,.week-newstarbar-list .infos-info>span.price {
  margin-right:.05rem;
  padding:.05rem .1rem;
  font-size:.20rem;
  font-weight:bold;
  color: #ffcc6a;
}
.week-newstar-list .infos-info>span.price,.week-newstarbar-list .infos-info>span.price {
  text-align:right
}
.week-newstar-list .infos-info>span.price del,.week-newstarbar-list .infos-info>span.infos del {
  color:rgba(255,255,255,.5);
  font-size: .12rem;
  padding-left: .05rem;
}
.week-newstar-list .infos-info>span.price strong,.week-newstarbar-list .infos-info>span.price strong {
  display:block;
  color: #fd3636;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.week-newstar-list .infos-info>span.price strong span,.week-newstarbar-list .infos-info>span.price strong span {
  font-size:.18rem;
  font-weight:bold;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.week-newstar-list .special-tag,.week-newstarbar-list .special-tag {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  display:block;
  padding:.02rem .15rem;
  font-weight:bold;
  font-size:.13rem;
  font-style: italic;
  border-bottom-right-radius:.1rem;
  border-top-left-radius:.06rem;
  color: #5dfafc;
    background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;

}
.week-newstar-list .crowns-tag,.week-newstarbar-list .crowns-tag {
  position:absolute;
  left:-.10rem;
  top:-.10rem;
  width: .5rem;
  height: .5rem;
  z-index:1;
  display:block;
  color:#fff;
  background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
    border-radius: .25rem;
}
.crowns-tag .crowns-icon {
  position: absolute;
  top: -.08rem;
  left: -.04rem;
  width: .3rem;
  height: .2rem;
  background-size: 100%;
  background-image: url(../images/crowns.png);
  transform:rotate(-8deg);
  -ms-transform:rotate(-8deg);  /* IE 9 */
  -moz-transform:rotate(-8deg);   /* Firefox */
  -webkit-transform:rotate(-8deg); /* Safari 和 Chrome */
  -o-transform:rotate(-8deg);   /* Opera */
}
.crowns-tag img {
  border-radius: .25rem;
  border: .04rem solid rgba(255,255,255, 0);
}
.content a img{
  border-radius:.15rem .15rem 0 0;
  overflow: hidden;
}
.week-newstar-list {
  margin:-.12rem;
  font-size:0
}
.week-newstar-list li,.week-newstar-list .week-newstar-item {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  width:100%;
  margin-top:0;
  padding:.12rem;
  transition:all .2s
}
.week-newstar-list li>div,.week-newstar-list .week-newstar-item>div {
  font-size:.12rem;
  border-radius:.15rem;
  overflow:hidden;
  box-shadow: 0 2px 25px rgba(255,255,255, 0);
}

.week-newstar-list li>div .tit,.week-newstar-list .week-newstar-item>div .tit {
  display:block;
  height:0;
  line-height:.32rem;
  text-align:center;
  background: #1a1a32;
  color: #9f9eb1;
  font-size: .14rem;
  border-radius:.15rem .15rem 0 0;
  transition:all .2s;
}
.week-newstar-list li>div .tit a,.week-newstar-list .week-newstar-item>div .tit a{
    text-overflow: ellipsis;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}    
.week-newstar-list li>div .content,.week-newstar-list .week-newstar-item>div .content {
  position:relative;  
}
.week-newstar-list li>div .content a {
  display: block;
  position: relative;
  border-radius: .15rem .15rem 0 0;
}
.week-newstar-list li>div .content video,.week-newstar-list li>div .content a img,.week-newstar-list .week-newstar-item>div .content video,.week-newstar-list .week-newstar-item>div .content img {
  display:block;
  object-fit: cover;
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: auto;
}
.week-newstar-list li>div .bottom,.week-newstar-list .week-newstar-item>div .bottom {
  padding: 0 .1rem;
    background: #1a1a32;
    color: #6DFDFF;
    line-height: .44rem;
    border-radius: 0 0 .15rem .15rem;
    font-size: .12rem;
}
.week-newstar-list li>div .bottom a, .week-newstar-list .week-newstar-item>div .bottom a {
  padding-right: 5px;
  color: #9f9eb1;
  cursor: pointer;
}
.discount a { color: #6DFDFF !important;}
.week-newstar-list li>div .bottom .infos-info a, .week-newstar-list .week-newstar-item>div .bottom .infos-info a {
  padding-right: 0px;
}
.week-newstar-list li>div .bottom .property,.week-newstar-list .week-newstar-item>div .bottom .property {
  position: absolute;
  line-height:normal;
  color:#FFF;
  background-image: linear-gradient(90deg, rgba(255, 94, 82, 1) 0,rgba(250, 68, 60, 1) 45%, rgba(250, 64, 54, 1));
  width: .5rem;
    height: .5rem;
    text-align: center;
    font-size: .15rem;
    line-height: .5rem;
    border-radius: .5rem;
    display: block;
    margin-top: -.35rem;
}
.week-newstar-list li>div .bottom .tag,.week-newstar-list .week-newstar-item>div .bottom .tag {
  padding:.05rem;
  line-height:normal;
  color:#babec6
}
.week-newstar-list li>div .bottom .tag:hover,.week-newstar-list .week-newstar-item>div .bottom .tag:hover {
  border-color:#67c1f5;
  color:#67c1f5
}
.week-newstar-list li.lg,.week-newstar-list .week-newstar-item.lg {
  width:100%
}
.week-newstar-list li.lg~ul,.week-newstar-list .week-newstar-item.lg~ul {
  display:inline-block;
  vertical-align:top;
  width:100%
}
.week-newstar-list li.lg~ul li,.week-newstar-list .week-newstar-item.lg~ul li {
  width:100%
}
@media only screen and (min-width:414px) {
  .week-newstar-list li,.week-newstar-list .week-newstar-item {
  width:50%
}
.week-newstar-list li.lg~ul li,.week-newstar-list .week-newstar-item.lg~ul li {
  width:50%
}
}@media only screen and (min-width:980px) {
  .week-newstar-list li,.week-newstar-list .week-newstar-item {
  width:25%
}
.week-newstar-list li.lg,.week-newstar-list .week-newstar-item.lg {
  width:50%
}
.week-newstar-list li.lg~ul,.week-newstar-list .week-newstar-item.lg~ul {
  width:50%
}
.week-newstar-list li.lg~ul li,.week-newstar-list .week-newstar-item.lg~ul li {
  width:50%
}
.week-newstar-list li:not(.no-hover):hover,.week-newstar-list .week-newstar-item:not(.no-hover):hover {
  margin-top:-.20rem;
  padding:.12rem 0 0
}
.week-newstar-list li:not(.no-hover):hover .special-tag,.week-newstar-list .week-newstar-item:not(.no-hover):hover .special-tag {
  border-bottom-right-radius:.1rem;
  border-top-left-radius: 0rem;
}
.week-newstar-list li:not(.no-hover):hover>div,.week-newstar-list .week-newstar-item:not(.no-hover):hover>div {
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.06);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.06);
    box-shadow: 0 0 20px rgba(0,0,0,.06);
}
.week-newstar-list li:not(.no-hover):hover>div .tit,.week-newstar-list .week-newstar-item:not(.no-hover):hover>div .tit {
  height:.32rem
}
.week-newstar-list li:not(.no-hover):hover>div .content a img,.week-newstar-list .week-newstar-item:not(.no-hover):hover>div .content a img {
  border-radius: 0;
}
}.week-newstarbar-list li {
  max-height:1.3rem;
  margin-bottom:.15rem;
  padding:.1rem;
  border-radius:.15rem;
  overflow:hidden;
  background:#182332
}
.week-newstarbar-list li>div {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  white-space:nowrap;
  font-size:0
}
.week-newstarbar-list li>div .img {
  position:relative;
  display:inline-block;
  width:27%;
  min-width:116px;
  vertical-align:middle
}
.week-newstarbar-list li>div .img>img {
  width:100%;
  min-height:64px;
  max-height:100%
}
.week-newstarbar-list li>div .info {
  display:inline-block;
  padding-left:.2rem;
  vertical-align:middle;
  width:73%;
  font-size:.12rem;
  color:#babec6
}
.week-newstarbar-list li>div .info p {
  width:calc(100% - .2rem);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.week-newstarbar-list li>div .info .tit {
  margin-bottom:.1rem;
  line-height:.2rem;
  color:#e8f0f8;
  font-size:.16rem;
  font-weight:bold
}
.week-newstarbar-list li>div .info .tit span {
  display:inline-block;
  max-width:calc(100% - .4rem);
  vertical-align:middle;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.week-newstarbar-list li>div .info .tit i {
  margin-left:.05rem
}
.week-newstarbar-list li>div .info .tags {
  visibility:hidden;
  margin-top:.05rem
}
.week-newstarbar-list li>div .info .tags a {
  display:inline-block;
  margin-right:.05rem;
  padding:.05rem;
  line-height:normal;
  color:rgba(255,255,255,.3);
  border:solid 1px rgba(255,255,255,.3);
  border-radius:.02rem
}
.week-newstarbar-list li>div .info .tags a:hover {
  border-color:#67c1f5;
  color:#67c1f5
}
.week-newstarbar-list li>div .infos-info {
  position:absolute;
  right:.1rem;
  bottom:0;
  font-size:.12rem
}
.week-newstarbar-list li>div.no-stock .img:after {
  content:' ';
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  line-height:.3rem;
  text-align:center;
  background:rgba(0,0,0,.8);
  color:#babec6;
  font-size:.12rem
}
.week-newstarbar-list li>div.no-stock .infos-info .discount {
  background:rgba(255,255,255,.3);
  color:rgba(255,255,255,.5)
}
.week-newstarbar-list li>div.no-stock .infos-info .infos del {
  color:rgba(255,255,255,.3)
}
.week-newstarbar-list li>div.no-stock .infos-info .infos strong {
  color:rgba(255,255,255,.5)
}
.week-newstarbar-list li.more {
  margin-top:.3rem
}
.week-newstarbar-list li.more a {
  display:block;
  text-align:center;
  font-size:.14rem;
  color:#babec6
}
.week-newstarbar-list li:hover {
  background:#131c2a
}
@media only screen and (min-width:768px) {
  .week-newstarbar-list li>div .info .tags {
  visibility:visible
}
.week-newstarbar-list li>div .infos-info {
  bottom:50%;
  -webkit-transform:translateY(50%);
  -moz-transform:translateY(50%);
  -ms-transform:translateY(50%);
  -o-transform:translateY(50%);
  transform:translateY(50%)
}
}
.related {
  display:none;
  width:2.7rem;
  margin-left:.2rem
}
.related>div {
  border-radius:.15rem;
  overflow:hidden;
  margin-bottom:.2rem;
  box-shadow: 0 2px 25px rgba(25,24,40,0);
}
.related>div .list-tit {
  padding:.15rem .2rem;
  border-bottom: 1px solid #9f9eb1;
  background-color: #1a1a32;
}
.related>div .list-tit h2 {
  padding-left:.15rem;
  line-height:.14rem;
  border-left: solid .03rem #9f9eb1;
  color: #9f9eb1;
  font-size:.14rem;
  font-weight:bold
}
.related>div .list-content {
  padding:0 .15rem
}
.related>div .list-content li {
  padding:.173rem 0;
  border-bottom:dotted 1px #CCC;
}
.related>div .list-content li:last-child {
  border:0
}
.related>div .list-content li>a {
  white-space:nowrap
}
.related>div .list-content li .items-img,.related>div .list-content li .sell-info {
  display:inline-block;
  vertical-align:middle
}
.related>div .list-content li .items-img {
  width:.68rem;
  height:.68rem;
  margin-right:.15rem;
  line-height:.68rem;
  text-align:center;
  border:solid 1px #1d293a;
  background:#182330
}
.related>div .list-content li .items-img img {
  width:100%;
  height:100%;
  vertical-align:middle;
}
.related>div .list-content li .sell-info {
  width:65%
}
.related>div .list-content li .sell-info .tit {
  margin-bottom:.08rem;
  font-size:.13rem;
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.related>div .list-content li .sell-info .sec-tit {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  font-size:.12rem;
  color:#627381
}
.related>div .list-content li .sell-info .sec-tit a {
  color:#67c1f5
}
.related>div .list-content li .sell-info .sec-tit strong {
  color:#fecd67
}
.related>div .list-content li .sell-info .sec-tit span {
  color:#becfd8
}
.container {
  font-size:0;
  white-space:nowrap
}
.container .main-content,.container .related {
  vertical-align:top;
  white-space:normal
}
/*tags*/
.tags-list>div {
  border-radius:.15rem;
  overflow:hidden;
  margin-bottom:.2rem;
  box-shadow: 0 2px 25px rgba(25,24,40,0);
}
.tags-list>div .content {
    padding: .2rem .15rem;
    background: #1a1a32;
}
.tags-article .tags-article-tit {
    height: .45rem;
    line-height: .45rem;
    border-bottom: 1px solid rgba(103, 193, 245, .6);
    background: #1a1a32;
    font-size: .12rem;
    color: rgba(103,193,245, 1);
    border-radius: .15rem .15rem 0 0;
    padding: 0 0 0 2%;
}
.tags-article .tags-article-tit .keywords {
  font-weight: 800;
  font-size: .14rem;
}
.tags-list>div .content a {
    display: inline-block;
    margin-right: .08rem;
    margin-bottom: .1rem;
    padding: 0 .1rem;
    line-height: .22rem;
    border-radius: .1rem;
    font-size: .12rem;
    color: rgba(103,193,245, .6);
    background: rgba(0,0,0,.4);
}
.tags-list>div .list-tit {
  padding:.15rem .2rem;
  border-bottom: 1px solid rgba(103, 193, 245, .6);
  background-color: #1a1a32; 
}
.tags-list>div .list-tit h2 {
  padding-left:.15rem;
  line-height:.14rem;
  border-left:solid .03rem rgba(103, 193, 245, .6);
  color:rgba(103, 193, 245, 1);
  font-size:.14rem;
  font-weight:bold
}
.tags-list>div .list-content {
  padding:0 .15rem
}
.tags-list>div .list-content li {
  padding:.173rem 0;
  border-bottom:dotted 1px #CCC;
}
.news .tags-list li:first-child {
  margin:0 0 .16rem 0  !important;
  border-radius: 0 0 .15rem .15rem !important;
}
.tags-list>div .list-content li:last-child {
  border:0
}
.tags-list>div .list-content li>a {
  white-space:nowrap
}
.tags-list>div .list-content li .items-img,.tags-list>div .list-content li .sell-info {
  display:inline-block;
  vertical-align:middle
}
.tags-list>div .list-content li .items-img {
  width:.68rem;
  height:.68rem;
  margin-right:.15rem;
  line-height:.68rem;
  text-align:center;
  border:solid 1px #1d293a;
  background:#182330
}
.tags-list>div .list-content li .items-img img {
  width:100%;
  height:100%;
  vertical-align:middle;
}
.tags-list>div .list-content li .sell-info {
  width:65%
}
.tags-list>div .list-content li .sell-info .tit {
  margin-bottom:.08rem;
  font-size:.13rem;
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.tags-list>div .list-content li .sell-info .sec-tit {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  font-size:.12rem;
  color:#627381
}
.tags-list>div .list-content li .sell-info .sec-tit a {
  color:#67c1f5
}
.tags-list>div .list-content li .sell-info .sec-tit strong {
  color:#fecd67
}
.tags-list>div .list-content li .sell-info .sec-tit span {
  color:#becfd8
}
.container .main-content,.container .tags-list {
  vertical-align:top;
  white-space:normal
}
@media only screen and (min-width:1200px) {
  .container .main-content,.container .related {
  display:inline-block
}
.container .main-content {
  width:9.1rem
}
}.comm-footer .trust {
  display:block
}
.banner {
  position:relative;
  height:auto;
  margin-top:.22rem;
  text-align:center;
  font-size:0
}
.banner .slide-nav {
  position:relative;
  display:none;
  width:2.24rem;
  height:100%;
  padding:.2rem 0;
  vertical-align:top;
  background:#FFF;
  border-top-left-radius:.06rem;
  border-bottom-left-radius:.06rem;
  font-size:.14rem;
  text-align:left;
  box-shadow: 0 2px 25px rgba(25,24,40,0);
  z-index: 2;
}
.banner .slide-nav>li>a:not(.newer-guide) {
  display:block;
  line-height:.45rem;
  color:#111;
}
.banner .slide-nav>li>a:not(.newer-guide) span {
  display:inline-block;
  width:1.35rem;
  margin-left:.15rem;
  line-height:.16rem;
  vertical-align:middle;
}
.banner .slide-nav>li>a:not(.newer-guide)>i:first-child {
  margin-left:.2rem
}
.banner .slide-nav>li>a:not(.newer-guide)>i:last-child {
  opacity:.5
}
.banner .slide-nav>li.on>a:not(.newer-guide) {
  color:#FFF;
  background:#34343e;
  border-left:5px solid #f4604b;
}
.banner .slide-nav>li.on>a:not(.newer-guide) i:last-child {
  opacity:1
}
.banner .slide-nav>li .slide-nav-box {
  position:absolute;
  z-index:1;
  display:none;
  left:2.24rem;
  top:0;
  width:2.45rem;
  height:100%;
  padding:.2rem;
  background:#34343e;
  color:#bbbcbe
}
.banner .slide-nav>li .slide-nav-box ul {
  height:100%;
  column-fill:auto;
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2
}
.banner .slide-nav>li .slide-nav-box ul li {
  margin-bottom:.1rem
}
.banner .slide-nav>li .slide-nav-box ul li:nth-child(7n) {
  margin-bottom:0
}
.banner .slide-nav>li .slide-nav-box ul li a {
  display:block;
  padding-left:.1rem;
  line-height:.4rem;
  font-size:.14rem
}
.banner .slide-nav>li:last-child {
  position:absolute;
  display:block;
  width:100%;
  bottom:.18rem;
  left:0
}
.banner .slide-nav>li:last-child .newer-guide {
  display:block;
  width:1.83rem;
  height:.83rem;
  margin:0 auto;
  font-size:0;
}
.banner #banner-slider {
  position:relative;
  z-index:0;
  display:inline-block;
  width:100%;
  max-width:7.32rem;
  height:100%;
  border-radius:.15rem;
  overflow:hidden;
  background-color: #FFF;
  box-shadow: 0 2px 100px rgba(25,24,40,0);
  z-index: 1;
}
.banner #banner-slider .swiper-wrapper {
  width:100%;
  height:100%;
  white-space:nowrap;
  font-size:0
}
.banner #banner-slider .swiper-wrapper .swiper-slide {
  display:inline-block;
  width:100%;
  max-width:7.32rem;
  height:100%
}
.banner #banner-slider .swiper-wrapper .swiper-slide img {
  width:100%;
  height:100%
}
.banner #banner-slider .swiper-pagination {
  position:absolute;
  width:100%;
  bottom:.2rem;
  padding-right:.3rem;
  text-align:right;
  line-height:.04rem
}
.banner #banner-slider .swiper-pagination span {
  display:inline-block;
  width:.45rem;
  height:.04rem;
  margin:0 .05rem;
  background:rgba(255,255,255,.2)
}
.banner #banner-slider .swiper-pagination span.swiper-pagination-bullet-active {
  background:#5c7e10
}
.banner #banner-slider .swiper-pagination span:only-child {
  display:none
}
.banner aside {
  display:none;
  width:2.24rem;
  height:100%;
  margin-left:.2rem;
  vertical-align:top;
  background:#FFF;
  border-radius:.15rem;
  overflow:hidden;
  box-shadow: 0 2px 100px rgba(25,24,40,0);
}
.banner aside h2 {
  height:.44rem;
  line-height:.44rem;
  font-size:.14rem;
  color:#111;
  background:#FFF;
  border-bottom:solid 1px #EEE;
}
.banner aside h2 i {
  vertical-align:sub;
  margin-right:.15rem
}
.banner aside .items-item {
  padding-bottom:.2rem;
  border-bottom:solid 1px #EEE;
  box-shadow: none;
}
.banner aside .items-item .items-img {
  height:1.5rem;
  margin:.15rem auto;
  line-height:1.5rem
}
.banner aside .notice-box {
  padding:.2rem .3rem
}
.banner aside .notice-box h3 {
  margin-bottom:.1rem;
  text-align:left;
  font-size:.14rem;
  color:#111;
  font-weight:bold
}
.banner aside .notice-box h3 a {
  padding-top:.02rem;
  font-size:.12rem;
  color:#384959;
  font-weight:normal
}
.banner aside .notice-box h3 a:hover {
  color:#67c1f5
}
.banner aside .notice-box ul a {
  display:block;
  margin:.05rem 0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
  font-size:.12rem;
  color:#59656d
}
.banner aside .notice-box ul a:hover {
  color:#67c1f5
}
@media only screen and (min-width:980px) {
  .banner {
  padding:0;
  height:4.12rem
}
.banner .slide-nav {
  display:inline-block
}
.banner #banner-slider {
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
}@media only screen and (min-width:1200px) {
  .banner aside {
  display:inline-block
}
}
.floors {
  margin:.2rem auto;
}
.floors.article {
  margin:0 auto;
}
.floors .floor {
  position:relative;
  margin:.2rem 0;
  padding-bottom:.4rem;
  font-size:0
}
.floors .floor .floor-head {
  line-height:.34rem;
  margin-bottom:.3rem;
  position:static
}
.floors .floor .floor-head h2 {
  position: relative;
  display:inline-block;
  font-size:.22rem;
  background: -webkit-linear-gradient(left, #5CDDFF, #E6E6E6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
}
/*.floors .floor .floor-head h2:after {
  content:'';
  position: absolute;
  left: 0;
  bottom: 10px;
  height: 5px;
  width: 30%;
  border-radius: 5px;
  background: -webkit-linear-gradient(left, #5CDDFF, #E6E6E6);
  background: -o-linear-gradient(left, #5CDDFF 0%, #E6E6E6 100%);
  background: linear-gradient(left, #5CDDFF 0%, #E6E6E6 100%);
  z-index: -1;
  }*/
.floors .floor .floor-head h2 span {
  margin-left:.1rem;
  font-size:.14rem;
  color: #77787d;
}
.floors .floor .floor-head .more {
  position:absolute;
  bottom:0;
  display:block;
  text-align:center;
  width:100%;
  height:.35rem;
  line-height:.35rem;
  padding:0 .2rem;
  font-size:.14rem;
  color: #6DFDFF;
  box-shadow: 0 4px 4px 0 rgba(124, 87, 244,25%);
  border: 1px solid rgba(121, 85, 244,1);
/*background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
  background-color: #6DFDFF;*/
  border-radius: .54rem;
/*border-bottom: 1px solid rgba(255, 255, 255, .8);*/
}
.floors .floor .floor-head .more:hover {
  background-color: rgba(106, 61, 248,1);
  background: -webkit-linear-gradient(left, rgb(106, 61, 248) 0%, rgb(106, 61, 248) 100%);
  background: -o-linear-gradient(left, rgb(106, 61, 248) 0%, rgb(106, 61, 248) 100%);
  background: linear-gradient(to right, rgb(106, 61, 248) 0%, rgb(106, 61, 248) 100%);
  /*background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
  background-color: #ff183e;*/
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  color: #6DFDFF;
}
.floors .floor .floor-head .categories {
  position:static;
  display:inline-block;
  float:right;
  white-space:normal;
  font-size:.12rem
}
.floors .floor .floor-head .categories li {
  display:inline-block;
  height:.35rem;
  line-height:.32rem;
  color: #9f9eb1;
  cursor:pointer
}
.floors .floor .floor-head .categories li a {
  display:inline-block;
  padding:0 .25rem;
  line-height:.16rem;
  vertical-align:middle;
  font-size: .14rem;
  font-weight: 700;
}
.floors .floor .floor-head .categories li a i {
  margin:0 .03rem 0 0
}
.floors .floor .floor-head .categories li a span {
  line-height:normal;
  vertical-align:middle;
}
.floors .floor .floor-head .categories li a:hover,.floors .floor .floor-head .categories li a.on {
  color: #6DFDFF;
}
.floors .floor .floor-head .categories li:hover a {
  color: #6DFDFF;
}
.floors .floor .floor-head .categories li.on a {
  color: #6DFDFF;
}
.floors .floor .floor-head .categories li.on {
  position:relative;
  background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
  border-radius:.54rem;
  border-bottom: 1px solid rgba(255, 255, 255, .8);
}
.floors .floor .floor-head .categories li.on:after {
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  display:block;
  width:.08rem;
  height:.08rem;
  background:inherit;
  transform:translate(-50%,50%) rotate(-45deg)
}
.floors .floor .floor-list {
  overflow: hidden;
}
.floors .floor .floor-list .floorhead-img {
  position:relative;
  display:none;
  width:1.98rem;
  height:2.97rem
}
.floors .floor .floor-list .floorhead-img img {
  position:relative;
  left:-.08rem;
  height:100%
}
.floors .floor .floor-list .floorhead-img ul {
  position:absolute;
  width:1.75rem;
  bottom:0.15rem;
  left:.02rem;
  white-space:normal;
  text-align:center
}
.floors .floor .floor-list .floorhead-img ul li {
  display:inline-block;
  margin:.01rem;
  padding:.02rem .08rem;
    background-color: rgba(0,0,0, .8);
    border-radius: .54rem;
    border-bottom: 1px solid rgba(255, 0, 0, .6);
  color:#c6d4df;
  font-size:.12rem;
}
.floors .floor .floor-list .floorhead-img ul li:hover {
  background:#549ecb
}
.floors .floor .floor-list .floorhead-img ul li:hover a {
  color:#fff;
}
.floors .floor .floor-list .items-list {
  white-space:nowrap
}
.floors .floor .floor-list .items-list li {
  position: relative;
}
.floors .floor .floor-list .items-list li a {
  /*position: relative;*/
}
.floors .floor .floor-list .items-list li .none {
  display: block;
}
.floors .floor .floor-list .items-list li:hover .none {
  display: none;
}
.floors .floor.week-newstar .week-newstar-list li {
  margin-bottom:.2rem;
}
.floors .floor.luxuries .items-item .sec-tit span {
  color:#fbd07c
}
.floors .floor.luxuries .items-bottom p span:nth-child(1) {
  background:#ddc373;
  color:#624e22
}
.floors .floor.luxuries .items-bottom p span:nth-child(2) {
  color:#fbd07c
}
@media only screen and (min-width:768px) {
  .floors .floor {
  padding-bottom:0
}
.floors .floor .floor-head {
  position:relative
}
.floors .floor .floor-head .more {
  position:static;
  display:inline-block;
  float:right;
  width:auto;
}
.floors .floor .floor-head .categories {
  position:absolute;
  top:0;
  left:2.44rem;
  right: 1rem;
}
.floors .floor .floor-head .swiper-button-prev,.floors .floor .floor-head .swiper-button-next {
  display:none
}
.floors .floor.trade-history .floor-list .items-list {
  white-space:normal
}
.floors .floor .floor-list {
  overflow: visible;
}
}
@media only screen and (min-width:980px) {
  .floors .floor .floor-list .floorhead-img {
  display:inline-block
}
.floors .floor .floor-list .floorhead-img~.items-list {
  display:inline-block;
  width:auto
}
.floors .floor .floor-list.small-device-swiper {
  overflow:visible
}
.floors .floor .floor-list {
  overflow: visible;
}
}@media only screen and (min-width:1200px) {
  .floors .floor .floor-list .floorhead-img {
  display:inline-block;
  width:2.44rem;
  height:3.4rem
}
.floors .floor .floor-list .floorhead-img ul {
  left:.18rem
}
.floors .floor .floor-list .items-list li .items-item {
  /*height: 2.74rem;*/
  min-height:auto;
}
.floors .floor .floor-list {
  overflow: visible;
}
}
.trade-history .main-content .items-list li {
  background:#FFF;
}
.trade-history .main-content .items-list li .items-img {
  width:100%;
  max-width:100%;
  height:1.78rem;
  line-height:1.78rem;
  margin:0;
}
.trade-history .main-content .items-list li .items-img img {
  width:100%;
  vertical-align:middle;
}
.trade-history .main-content .items-list li .items-img i {
  transform:none
}
.trade-history .main-content .items-list li .tit {
  display:block;
  width:100%;
  margin:0;
  padding:.1rem .2rem;
  text-align:left;
  color:#111;
  font-size:.15rem
}
.trade-history .main-content .items-list li .tit:hover {
  color:#67c1f5
}
.trade-history .main-content .items-list li .sec-tit {
  padding: .035rem .2rem;
  text-align:left;
  white-space:nowrap;
  margin-bottom:.02rem;
  color:#577180;
}
.trade-history .main-content .items-list li .sec-tit a {
  display:inline-block;
  color:#67c1f5
}
.trade-history .main-content .items-list li .sec-tit strong {
  color: #fd3636;
  font-size:.13rem;
    font-family: Georgia, "Times New Roman", Times, serif;  
}
@media only screen and (min-width:1200px) {
  .trade-history .main-content {
  width:9.56rem
}
.trade-history .main-content .items-list li {
  width:2.24rem;
  margin-top:0;
  margin-bottom:.2rem !important
}
.trade-history .main-content .items-list li:nth-child(4n+1) {
  margin-left:0
}
.trade-history .main-content .items-list li:nth-child(5n+1) {
  margin-left:.2rem
}
}.trade-history .related {
  width:2.24rem;
  border-radius:.15rem;

}
.trade-history .related .list-content {
  background:#FFF;
}
.trade-history .related .list-content li .items-img {
  width:.6rem;
  height:.6rem;
  line-height:.58rem;
  margin-right:.05rem;
  background:#182330;
  border-color:rgba(250,250,250,.05);
  border-radius: .02rem;
}
.trade-history .related .list-content li .sell-info .tit {
  font-size:.12rem;
  white-space:nowrap
}
.news .items-list li {
  padding:0rem;
  background:#1a1a32;
}
.news .items-list li .items-item {
  height:auto !important;
  box-shadow: 0 2px 25px rgba(25,24,40,0);
}
.news .items-list li .items-img {
  width:100%;
  max-width:100%;
  height:auto;
  max-height:1.4rem;
  line-height:normal;
  padding:0;
  margin:0
}
.news .items-list li .items-img img {
  width:100%;
  height:100%;
  border-radius: .15rem .15rem 0 0;
}
.news .items-list li .tit {
  width:100%;
  margin: 0;
  padding: 0.12rem 0.2rem;
  border-bottom: dashed 1px #77787d;
  line-height: normal;
  white-space: nowrap;
  text-align: left;
  font-size: .14rem;
  color: #9f9eb1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .items-list li .sec-tit {
  padding: 0rem .2rem;
  margin-bottom:.1rem;
  text-align:left;
}
.news .items-list li .special-tag {
  padding: .1rem .2rem;
  margin-bottom:0;
  text-align:left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .items-list li .special-tag a {
  display:inline-block;
  margin:.05rem 0;
  line-height:.2rem;
  padding:0 .1rem;
  margin-right: .05rem;
  border-radius:.1rem;
    color: #6DFDFF;
    background: #ccc;
}
.news .items-list li .special-tag a {
    background: rgba(255,255,255,.1);
}
.news .items-list li .special-tag a:nth-child(4) {
  background:#be1132
}
.news .items-list li .special-tag a:nth-child(5) {
  background:#c59912
}
.news .items-list li .special-tag a:nth-child(6) {
  background:#4c6b22
}
.fix-bottom {
  display:none;
  position:fixed;
  z-index:3;
  bottom:0;
  left:0;
  width:100%;
  background:url("../images/fixbottom-bg.png") no-repeat left center/cover
}
.fix-bottom .w-response {
  position:relative;
  height:.91rem;
  line-height:.91rem;
  white-space:nowrap
}
.fix-bottom .w-response>img {
  position:absolute;
  left:0;
  bottom:0;
  display:none;
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%)
}
.fix-bottom .w-response>div {
  display:inline-block;
  vertical-align:middle;
  line-height:normal
}
.fix-bottom .w-response>div p {
  line-height:.3rem
}
.fix-bottom .w-response>div p.tit {
  font-size:.14rem;
  color:#fff
}
.fix-bottom .w-response>div p a {
  margin-right:.2rem;
  font-size:.12rem;
  color:#67c1f5
}
.fix-bottom .w-response>div p a span {
  vertical-align:middle;
  margin-left:.05rem
}
.fix-bottom .w-response>div:nth-of-type(2) {
  display:none;
  margin-left:.4rem
}
.fix-bottom .w-response>div:nth-of-type(3) {
  display:none;
  height:100%;
  padding:.1rem 0
}
.fix-bottom .w-response>div:nth-of-type(3)>div {
  display:inline-block;
  height:100%
}
.fix-bottom .w-response>div:nth-of-type(3)>div:first-child {
  padding-left:.6rem;
  margin-right:.3rem;
  border-left:dashed 1px rgba(255,255,255,.1)
}
.fix-bottom .w-response>div:nth-of-type(3)>div>img,.fix-bottom .w-response>div:nth-of-type(3)>div>div {
  display:inline-block;
  vertical-align:bottom
}
.fix-bottom .w-response>div:nth-of-type(3)>div>img {
  height:100%;
  margin-right:.05rem
}
.fix-bottom .w-response>div:nth-of-type(3)>div>div p {
  line-height:normal
}
.fix-bottom .w-response>div:nth-of-type(3)>div>div p:first-child {
  font-size:.16rem;
  color:#fff
}
.fix-bottom .w-response>div:nth-of-type(3)>div>div p:last-child {
  font-size:.12rem;
  color:rgba(255,255,255,.5)
}
.fix-bottom .w-response>button {
  display:block;
  position:absolute;
  padding:0;
  top:50%;
  right:.6rem;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%)
}
@media only screen and (min-width:768px) {
  .fix-bottom {
  display:block
}
.fix-bottom .w-response>div:nth-of-type(2) {
  display:inline-block
}
}
@media only screen and (min-width:980px) {
  .fix-bottom .w-response>div:nth-of-type(3) {
  display:inline-block
}
}
@media only screen and (min-width:1200px) {
  .fix-bottom .w-response>img {
  display:block
}
.fix-bottom .w-response>button {
  right:-.8rem
}
.fix-bottom .w-response>div:nth-of-type(3) {
  float:right
}
}

.share {
  color:#627381;
  font-size:.12rem
}
.share i {
  -webkit-transform:scale(0.91);
  -moz-transform:scale(0.91);
  -ms-transform:scale(0.91);
  -o-transform:scale(0.91);
  transform:scale(0.91)
}

/*幻灯*/
.swiper-index{
  height: auto;

}
/*item样式修改*/
.queen-tag {
  position:absolute;
  left: .10rem;
  top: 0rem;
  width: .42rem;
  height: .46rem;
  z-index:1;
  display:block;  
}
.queen-tag img {
  width: 100%;
}
.related-content.queen-tag {
    position: absolute;
    display: block;
    left: .06rem;
    top: .06rem;
    width: .42rem;
    height: .25rem;
    line-height: .26rem;
    color: #FFF;
    text-align: center;
    font-size: .13rem;
    background: #cc0000;
    border-radius: .03rem;
    z-index: 1;
}
.items-list li .mask {
  opacity: 0;
  position: absolute;
  top: 0rem;
  left:-.20rem;
  right: -.20rem;
  width: 2.65rem;
  z-index: 1;
  clear: both;
  background:transparent;
  border-radius: .15rem .15rem .2rem .15rem;
}
.items-list li .mask {
  display: none;
}
.items-list li:hover .mask {
  opacity: 1;
  border:1 solid #000;
  -webkit-box-shadow: 1px 1px rgba(20,22,37,1), 4px 4px rgba(20,22,37,1), 6px 6px rgba(20,22,37,1);
  -moz-box-shadow: 1px 1px rgba(20,22,37,1), 4px 4px rgba(20,22,37,1), 6px 6px rgba(20,22,37,1);
  -ms-transform: 1px 1px rgba(20,22,37,1), 4px 4px rgba(20,22,37,1), 6px 6px rgba(20,22,37,1); 
  box-shadow: 1px 1px rgba(20,22,37,1), 4px 4px rgba(20,22,37,1), 6px 6px rgba(20,22,37,1);
  -webkit-transform: scale(1) translateY(-30px);
    -moz-transform: scale(1) translateY(-30px);
    -ms-transform: scale(1) translateY(-30px);
    transform: scale(1) translateY(-30px);
    -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
/*    -webkit-box-shadow: 0 15px 35px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 35px rgba(0,0,0,.3);
    box-shadow: 0 15px 35px rgba(0,0,0,.3);*/
}
.items-list li .none {
  opacity: 1;
}
.items-list li:hover .none {
  opacity: 0;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}  
@media only screen and (min-width:768px) {
  .items-list li .mask {
    display: block;
  }
}
@media only screen and (min-width:980px) {
  .items-list li .mask {
    display: block;
  }
}
@media only screen and (min-width:1200px) {
  .items-list li .mask {
    display: block;
  }
}
.mask-item {
  top:-.2rem;
  height: 2.02rem;
  overflow: hidden;
}
.mask-item .mask-img {
  position: relative;
}
.mask-item .mask-img a img {
  width: 100%;
  border-radius: .15rem;
}
.mask-item .mask-img .tonggao {
  position: absolute;
  top: .1rem;
  left: .1rem;
}
.mask-item .mask-img .tonggao i.icon {
  width: .8rem;
    height: .368rem;
    top: .06rem;
    left: .06rem;
}
.mask-item .mask-img .flagicon {
  position: absolute;
  top: .1rem;
  left: .1rem;
}
.mask-item .mask-img .flagicon i.icon {
  width: .50rem;
    height: .24rem;
    top: .06rem;
    left: .06rem;
}
.mask-item .mask-img .icon{
  position: absolute;
  top: .12rem;
  right: .12rem;
  width: .5rem;
    height: .5rem;
  line-height: .5rem;
  border-radius: .5rem;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
}
/*.mask-item .mask-img .icon:hover {
  color: #6DFDFF;
    background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
    border-radius: .54rem;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
}*/


/*like 新样式*/
.items-img .heart-icon {
  opacity: 1;
}

.heart-icon {
  position: absolute;
  top: .12rem;
  right: .12rem;
  background: rgba(255,255,255, 1);
  width: .40rem;
    height: .40rem;
    line-height: .40rem;
  text-align:center;
  border-radius:100%;
  box-shadow:0 13px 20px 0 rgba(0,0,0,0.22);
  vertical-align: middle;
  z-index: 2;
}
.heart-icon {
  visibility:hidden;
  transform:scale(0);
  transition-delay:2s;
  -webkit-animation:emptyHeart .5s;
  animation:emptyHeart .5s;
}
.heart-icon.active {
  visibility:visible;
  transform:scale(1);
  -webkit-animation:fullHeart .5s;
  animation:fullHeart .5s;
  cursor: pointer;
}
.heart-icon i.like {
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
  width: .26rem;
  height: .26rem;
  line-height: .26rem;
  background-size: 100%;
  background-image: url(../images/heart.svg);
  background-repeat: no-repeat;
}
@-webkit-keyframes fullHeart {50% {transform: scale(1.4);}}
@keyframes fullHeart {50% {transform: scale(1.4);}}
@-webkit-keyframes emptyHeart {50% {transform: scale(1.4);}}
@keyframes emptyHeart {50% {transform: scale(1.4);}}

.mask-item .mask-img .icon i.like {
  opacity: .6;
  display: inline-block;
  vertical-align: middle;
  width: .32rem;
  height: .32rem;
  line-height: .32rem;
  background-size: 100%;
  background-image: url(../images/like.png);
  background-repeat: no-repeat;
}
.mask-item .mask-img .icon:hover i.like {
  opacity: .9;
}
/*点赞后显示*/
.heart-clicked {
  position: absolute;
    top: .12rem;
    right: .08rem;
    background: rgba(0,0,0, .5);
    width: 1.0rem;
    height: .20rem;
    line-height: .20rem;
    text-align: center;
    border-radius: .10rem;
    box-shadow: 0 13px 20px 0 rgba(0,0,0,0.22);
    vertical-align: middle;
    z-index: 2;
    font-size: .12rem;
    color: #FFF;
}
.heart-clicked.active {
    visibility: visible;
    transform: scale(1);
    -webkit-animation: full .5s;
    animation: full .5s;
    cursor: pointer;
}
.heart-clicked i.like {
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
  width: .16rem;
  height: .16rem;
  line-height: .16rem;
  background-size: 100%;
  background-image: url(../images/heart.svg);
  background-repeat: no-repeat;
  border-radius: 50%;
  margin-top: -.02rem;
}
@-webkit-keyframes full {50% {transform: scale(1.2);}}
@keyframes full {50% {transform: scale(1.2);}}
.heart-clicked span {

}
.mask-item .mask-img>img {
  width: 100%;
  border-radius: .15rem .15rem 0 0;
}
.mask-bottom {
  background: #1a1a32;
  border-radius: 0 0 .15rem .15rem;
}
.mask-bottom .shorttitle a{
  line-height: .32rem;
  padding: .05rem .16rem;
  height: .42rem;
  font-size: .16rem;
  color: #9f9eb1;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.mask-bottom .shorttitle:hover {
  line-height: .32rem;
  height: .42rem;
  font-size: .16rem;
  color: rgba(253,54,54, .6);
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  opacity: 1;
}
.mask-bottom .tag {
  position: relative;
  line-height: .28rem;
  padding: 0 .16rem;  
}
.mask-bottom .tag.tag-img {
    padding: .16rem .16rem 0 .16rem;  
}
.mask-bottom .tag.tag-img>a{
    color: #c6d4df;
    border: 2px solid rgba(255, 0, 0, 1);
}
.mask-bottom .tag.tag-img>a:hover{
    color: #c6d4df;
    border: 2px solid rgba(255, 0, 0, .6);
}
.mask-bottom .tag.tag-img>a>img{
  width: 28px;
/*  height: 28px;*/
  border-radius: 14px;
}
.mask-bottom .tag.tag-img a {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  padding: 0;
  text-align: center;
}
.mask-bottom .tag i.icon {
  float: right;
  display: inline-block;
  vertical-align: middle;
  width: .24rem;
  height: .24rem;
  line-height: .24rem;
  background-size: 100%;
  background-image: url(../images/qrcode-icon.png);
  background-repeat: no-repeat;
}

.mask-bottom .tag i.icon> .qrcode {
  display: none;
  position: absolute;
  bottom: 112%;
  right: 0;
  width: 100%;
  padding: .15rem;
  background: #FFF;
  border-radius: .15rem;
  box-shadow: 0 2px 25px rgba(25,24,40,.15);
  z-index: 3;
}
.mask-bottom .tag .qrcode:after {
  content: '';
    position: absolute;
    bottom: 0;
    right: 7%;
    display: block;
    width: .08rem;
    height: .08rem;
    background: inherit;
    transform: translate(-50%,50%) rotate(-45deg);
}
.mask-bottom .tag i.icon> .qrcode img {
  width: 100%;
  padding: .3rem .3rem 0;
}
.mask-bottom .tag i.icon> .qrcode p {
  line-height: .32rem;
  color: #111;
  font-size: .14rem;
  text-align: center;
}
.mask-bottom .tag i.icon:hover> .qrcode {
  display: block;
}
.mask-bottom .desc {
  padding: .05rem .15rem;;
  font-size: .08rem;
  white-space: pre-wrap;
  padding: .05rem .16rem;
}
.mask-bottom .desc .tit {
  color: #77787d;
  font-weight: bold;
}
.mask-bottom .desc .text {
  color: #77787d;
  line-height: .18rem;
}
.mask-bottom .tag a {
/*  color: #6DFDFF;
    background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;*/
    color: #c6d4df;
    border-bottom: 1px solid rgba(255, 0, 0, .6);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .8) 0,rgba(0, 0, 0, .5) 45%, rgba(0, 0, 0, .3));
    background-color: transparent;        
    font-size: .12rem;
    display: inline-block;
    border-radius: 0.12rem;
    line-height: .22rem;
    padding: 0 0.05rem;
    margin-right: 0.05rem;
    vertical-align: middle;
}
.mask-bottom .tag a:hover {
    color: #c6d4df;
    border-top: 1px solid rgba(255, 0, 0, .6);
    border-bottom: 1px solid rgba(255, 0, 0, 0);
}
.mask-bottom .icon-item {
  line-height: .52rem;
  height: .52rem;
  padding: .05rem .15rem;
  vertical-align: middle;
}
/*卡片模式2*/

.card:hover .poster::before {
    bottom: 0;
}
.details {
    position: absolute;
    text-align: left;
    bottom: -110%;
    left: 0;
    width: 100%;
    height: auto;
    padding: .15rem;
    background: rgba(26,26,50,.7);
    backdrop-filter: blur(16px) saturate(120%);
    transition: .3s;
    color: #9f9eb1;
    z-index: 2;
}
.details h1 {
    font-size: .15rem;
    margin-bottom: 5px;
}
.details h1, .details h2 {
    font-weight: 700;
}
.details h2 {
    font-weight: 400;
    font-size: .12rem;
    margin-bottom: 10px;
    opacity: .6;
}
.details .rating {
    position: relative;
    margin-bottom: 0.08rem;
    display: flex;
    gap: 0.05rem;
}
.details .rating i {
  color: #e3c414;
  font-size: .14rem;
}
.details .rating span {
   color: #e3c414;
    margin-left: 0.25rem;
    font-size: .14rem;
}
.details .tag {
/*    display: flex; */
    /* gap: 0.05rem; */
    margin-bottom: 0.08rem;
    /* font-size: .12rem; */
    overflow: hidden;
    white-space: pre-wrap;
    text-align: left;
}
.details .tag a {
    color: #c6d4df;
    border-top: 1px solid rgba(255, 0, 0, 0);
    border-bottom: 1px solid rgba(255, 0, 0, .6);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .8) 0,rgba(0, 0, 0, .5) 45%, rgba(0, 0, 0, .3));
    background-color: transparent;
    font-size: .12rem;
    float: left;
    display: inline-block;
    border-radius: 0.12rem;
    line-height: .22rem;
    padding: 0 0.05rem;
    margin-right: 0.05rem;
    margin-top: 0.05rem;
    vertical-align: middle;
}
.details .tag a:hover {
    color: #c6d4df;
    border-top: 1px solid rgba(255, 0, 0, .6);
    border-bottom: 1px solid rgba(255, 0, 0, 0);
}
.details .desc {
    color: #77787d;
    opacity: .8;
    font-size: .12rem;
    line-height: 1.5;
    margin-bottom: .14rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.details .cast h3 {
    margin-bottom: .1rem;
    font-size: .12rem;
    font-weight: bold;
}
.details .cast ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0.05rem;
    width: 100%;
}
.details .cast ul li {
    list-style: none;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 0, 0, .6);
    transition: .3s;
}
.details .cast ul li:hover {
    border: 1px solid rgba(255, 0, 0, 1);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    z-index: 3;
}
.details .cast ul li img {
    width: 100%;
    height: 100%;
}
.details .cast .icon-item {
  float: right;
}
.card:hover .details {
    bottom: -.05rem;
}
.card:hover .none {
  display: block !important;
  opacity: 1 !important;
}
.icon-item .link {
  float: left;
}
.icon-item .link a {
    line-height: .32rem;
    padding: 0 .2rem;
    font-size: .12rem;
  color: #6DFDFF;
    background-image: linear-gradient(-45deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
    border-radius: .54rem;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
    text-align: center;
}
.icon-item .link a:hover {
  color: #fff;
  color: #6DFDFF;
    background-image: linear-gradient(90deg, rgba(209, 4, 89, 1) 0,rgba(209, 4, 89, .8) 45%, rgba(209, 4, 89, .6));
    background-color: #6DFDFF;
    border-radius: .54rem;
    border-bottom: 1px solid rgba(255, 255, 255, .8); 
}
.icon-item .icon-all {
  float: right;
  width: 1.3rem;
  line-height: .32rem;
  text-align: right;
}
.icon-item .icon-all.price {
  font-size: .20rem;
    font-weight: bold;
    color: #ffcc6a;
}
.icon-item .icon-all.price em {
  font-size: .16rem;
}
.icon-all i.collect {
  display: inline-block;
  vertical-align: middle;
  width: .25rem;
  height: .25rem;
  background-size: 100%;
  background-image: url(../images/collect.png);
}
.icon-all i.love {
  display: inline-block;
  vertical-align: middle;
  width: .18rem;
  height: .18rem;
  margin-right: .05rem;
  background-size: 100%;
  background-image: url(../images/love.png);
}
.icon-all i.see {
  display: inline-block;
  vertical-align: middle;
  width: .25rem;
  height: .25rem;
  background-size: 100%;
  background-image: url(../images/see.png);
}
.icon-all i.num {
  display: inline-block;
  margin-right: .05rem;
/*  width: .30rem;*/
  height: .35rem;
  color: #77787d;
  line-height: .36rem;
    font-size: .12rem;
    vertical-align: middle;
    text-align: left;
}
/*附件*/
.showpic_flash {
    visibility: hidden;
    opacity: 0;
    min-height: 1px; /* 兜底防止高度塌陷 */
}
.showpic_flash.loaded {
    visibility: visible;
    opacity: 1;
}

/*item样式修改*/
.items-list .items-bottom .infos {
  position: absolute;
  top: 0rem;
  right: 0rem;
  text-align: right;
  width: 1rem;
}
.items-bottom .infos strong {
  display: block;
    color: #fd3636;
    font-size: .16rem;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.items-bottom .infos strong span {
    font-size: .32rem;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.special-tag {
  text-align: left;
  padding: 0 .2rem;
}
.special-tag span a{
  display: inline-block;
    line-height: .2rem;
    margin-right: .06rem;
    padding: 0 .1rem;
    border-radius: .1rem;
    color: rgba(0,0,0, .5);
    background: #eee;
}
/*问答*/
.question .items-list li {
  padding:0rem;
  background:#1a1a32;
}
.question .items-list li .items-item {
  height:auto !important;
  box-shadow: 0 2px 25px rgba(25,24,40,0);
}
.question .items-list li .items-img {
  width:100%;
  max-width:100%;
  height:auto;
  max-height:1.4rem;
  line-height:normal;
  padding:0;
  margin:0
}
.question .items-list li .items-img img {
  width:100%;
  height:100%
}
.question .items-list li .tit {
  width:100%;
  height:.64rem;
  margin:0;
  padding:.12rem .2rem;
  border-bottom:dashed 1px #67c1f5;
  line-height:normal;
  white-space:normal;
  text-align:left;
  font-size:.14rem;
  color: #67c1f5;
  overflow: hidden;
}
.question .items-list li .sec-tit {
  padding: 0rem .2rem;
  margin-bottom:.1rem;
  text-align:left;
}
.question .items-list li .special-tag {
  padding: .1rem .2rem;
  margin-bottom:0;
  text-align:left;
}
.question .items-list li .special-tag span {
  display:inline-block;
  margin:.05rem 0;
  line-height:.2rem;
  padding:0 .1rem;
  border-radius:.1rem;
    color: rgba(0,0,0, .5);
    background: #ccc;
}
.question .items-list li .special-tag span.color-1dsghy4p0joo {
  background:#318abe
}
.question .items-list li .special-tag span.color-1dsgihcw8z6v {
  background:#be1132
}
.question .items-list li .special-tag span.color-1dsgj0ffdwiy {
  background:#c59912
}
.question .items-list li .special-tag span.color-1dsksbdfpuoj {
  background:#4c6b22
}
.calendar-text-container {
    width: 100%;
    padding: 12px 0px;
    box-sizing: border-box;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #9f9eb1;
}
.calendar-text-container .calendar-title {
    display: inline-block;
    width: 100%;
    padding: 0 .15rem;
    margin-top: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.calendar-text-container .calendar-con {
    display: inline-block;
    padding: 2px 5px 5px;
    vertical-align: top;
    border: 1px solid #9f9eb1;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: left;
}
.calendar-text-container .calendar-con .title {
    margin-bottom: 3px;
    font-size: .12rem;
    line-height: 10px;
    display: none;
}
.calendar-text-container .calendar-con .date-day {
    display: inline-block;
    padding-bottom: 2px;
    margin: 0 auto 5px;
    font-size: .17rem;
    font-weight: 800;
    border-bottom: 1px solid #9f9eb1;
}
.calendar-text-container .calendar-con .date-year {
    font-size: 12px;
    line-height: 10px;
    text-align: left;
}
/*自适应修改*/
@media only screen and (min-width:768px) {

    .floors .floor .floor-head .categories li {
      margin-bottom: .1rem;
    }
  .calendar-text-container .calendar-con {
    letter-spacing: 1.8px;
    padding: 7px;
  }
  .calendar-text-container .calendar-con .title {
    display: block;
  }
  .calendar-text-container .calendar-con .date-day{
    letter-spacing: 1px;
  }
  .calendar-text-container .calendar-con .date-year {
    letter-spacing: 2px;
  }
}
@media only screen and (min-width:980px) {
  .recommend .items-list li:nth-child(n+5),
  .new-arrival .items-list li:nth-child(n+5),
  .hot-playlet .items-list li:nth-child(n+5),
  .hot-seek .items-list li:nth-child(n+5),
  .luxuries .items-list li:nth-child(n+5),
  .news .items-list li:nth-child(n+6),
  .question .items-list li:nth-child(n+6) {
    display: none;
  }
  .calendar-text-container .calendar-con {
    letter-spacing: 1.8px;
    padding: 7px;
  }
  .calendar-text-container .calendar-con .title {
    display: block;
  }
  .calendar-text-container .calendar-con .date-day{
    letter-spacing: 1px;
  }
  .calendar-text-container .calendar-con .date-year {
    letter-spacing: 2px;
  }
}
@media only screen and (min-width:1200px) {
  .recommend .items-list li:nth-child(n+5),
  .new-arrival .items-list li:nth-child(n+5),
  .hot-playlet .items-list li:nth-child(n+5),
  .hot-seek .items-list li:nth-child(n+5),
  .luxuries .items-list li:nth-child(n+5),
  .news .items-list li:nth-child(n+6),
  .question .items-list li:nth-child(n+6) {
    display: none;
  }
  .calendar-text-container .calendar-con {
    letter-spacing: 1.8px;
    padding: 7px;
  }
  .calendar-text-container .calendar-con .title {
    display: block;
  }
  .calendar-text-container .calendar-con .date-day{
    letter-spacing: 1px;
  }
  .calendar-text-container .calendar-con .date-year {
    letter-spacing: 2px;
  }
}