@charset "utf-8";

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}

body,
button,
input,
select,
textarea {
  font: 9pt/1.5tahoma, arial, \5b8b\4f53
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%
}

address,
cite,
dfn,
em,
var {
  font-style: normal
}

code,
kbd,
pre,
samp {
  font-family: 微软雅黑 couriernew, courier, monospace
}

small {
  font-size: 9pt
}

ol,
ul {
  list-style: none
}

a {
  color: #000;
  text-decoration: none
}

a:hover {
  color: #007aff
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

legend {
  color: #000
}

fieldset,
img {
  border: 0
}

img {
  vertical-align: middle
}

button,
input,
select,
textarea {
  font-size: 100%
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

body {
  min-width: 1200px;
  background: #eceff1;
  color: #000;
  text-align: center;
  font-family: 微软雅黑
}

.clear {
  clear: both;
  width: 100%;
  height: 1px
}

.lf {
  float: left
}

.rt {
  float: right
}

.pt5 {
  padding-top: 5px
}

.pb5 {
  padding-bottom: 5px
}

.ml100 {
  margin-left: 75pt
}

.mr100 {
  margin-right: 75pt
}

.wlimit {
  margin: 0 auto;
  width: 75pc
}

.header {
  position: relative;
  z-index: 13;
  width: 100%;
  border-bottom: 1px solid #ececec;
  background: #fff;
  box-shadow: 0 0 5px #d2d2d2;
  text-align: center
}

    .header .navs,
    .header .navs .nav {
        position: relative;
        height: 5pc;

       
    }

        .header .navs .nav {
            float: left;
            display: block;
            margin-left: 10px;
            /* overflow: hidden;
             width: 832px;*/
            color: #000;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

    .header .navs .nav ul {
        z-index: 100;
        display: inline-block;
        height: 75px;

      
    }

.header .navs .nav li {
  position: relative;
  display: inline-block
}

.header .navs .nav li .n-type {
  position: absolute;
  top: 75px;
  left: -30px;
  display: none;
  padding: 15px 10px 17px 31px;
  width: 92px;
  max-width: 450px;
  background: #fff;
  box-shadow: 0 0 5px #bfbfbf
}

.header .navs .nav li:hover {
  color: #595959
}

.header .navs .nav li:hover .n-type {
  display: block
}

.header .navs .nav li .n-chose {
  background: #d7000f;
  color: #fff !important
}

.header .navs .nav li .n-type .fla {
  float: left;
  display: block;
  margin-bottom: 5px;
  width: 7pc
}

.header .navs .nav li .n-type .fla a em {
  position: absolute;
  display: inline-block;
  margin-left: 2px;
  padding: 1px 3px;
  height: 9pt;
  border: 1px solid red;
  color: red;
  font-weight: 700;
  font-size: 9pt;
  line-height: 11px;
  -webkit-transform: scale(.7);
  -webkit-transform-origin-x: 0
}

.header .navs .nav li .n-type .fla a:hover em {
  left: 101px
}

.header .navs .nav li .n-type .fla .themore {
  color: #007aff
}

.header .navs .nav li .n-type .fla .themore:hover {
  color: #fff
}

.header .navs .nav li .n-type .flas {
  float: left;
  display: block;
  margin-bottom: 2px;
  width: 100%;
  height: 42px;
  color: #007aff;
  font-weight: 700;
  font-size: 15px
}

.header .navs .nav li .n-type a {
  display: inline-block;
  margin: 10px 0 0;
  padding: 0 10px;
  height: 28px;
  border-radius: 2px;
  color: #272727;
  font-size: 13px;
  font-family: 微软雅黑;
  line-height: 28px;
  z-index:9999;
}

.header .navs .nav li .n-type a:hover {
  background: #007aff;
  color: #fff
}

.header .navs .nav li .n-type .flas a {
  color: #007aff;
  font-size: 15px
}

.header .navs .nav li .n-type .flas a:hover {
  background: #fff;
  color: #007aff
}

.header .navs .nav li .n-type .lines {
  display: inline-block;
  margin-left: -24px;
  width: 196px;
  height: 1px;
  background: #e5e5e5
}

.header .navs .nav li a {
  float: left;
  display: inline-block;
  padding: 0 16px;
  color: #000;
  font-size: 18px;
  font: bold;
  line-height: 5pc
}

.header .navs .nav li a:hover {
  color: #007aff
}

.header .navs .nav li a span {
  display: inline-block;
  margin-left: 3px;
  width: 37px;
  height: 17px;
  border: 1px solid #6287e3;
  border-radius: 4px;
  color: #6287e3;
  font-size: 9pt;
  line-height: 17px
}

.header .navs .nav .head-list {
  position: relative
}


.bc {
  background: #cacaca
}

.bc1 {
  background: #d7000f
}

.bc2 {
  background: #ff920b
}

.bc3 {
  background: #ffc600
}

.d-none {
  display: none
}

.d-block {
  display: block
}

#mengcheng {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 550px;
  background-color: #000;
  opacity: .5;
  zoom: 1;
  filter: alpha(opacity=50)
}

.header .navs .nav .head-list .down-list {
  position: absolute;
  top: 5pc;
  left: -136px;
  z-index: 20;
  display: none;
  padding: 10px 0;
  width: 360px;
  border: 0 solid #f7f2f2;
  background-color: #fff;
  box-shadow: #999 0 0 2px
}

.header .navs .nav .head-list .down-list .d-a {
  float: left;
  display: block;
  padding: 2px 30px;
  height: 40px;
  background: #fff;
  font-size: 14px;
  font-family: 微软雅黑;
  line-height: 40px
}

.header .navs .nav .point {
  color: #333;
  font-size: 40px
}

.header .navs .logo {
  position: relative;
  float: left;
  display: block;
  width: 207px;
  height: 5pc;

  margin-left:12%;
}

.header .navs .logoimg {
  margin-top: 3px;
  width: 210px
}

.header .navs .logo .fimg {
  position: absolute;
  bottom: -34px;
  left: 0;
  z-index: 4;
  display: none;
  width: 249px;
  height: 100px
}

.header .navs .logo:hover .fimg {
  display: inline-block
}

.header .navs .login {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 40;
  height: 5pc;
  line-height: 5pc
}

.header .navs .login .vip-int {
  margin-right: 7px;
  width: 95px;
  height: 65px;
  background: url(../images/youcenewoneq.png) -34px -905px no-repeat
}

.header .navs .login .vip-com,
.header .navs .login .vip-int {
  position: relative;
  float: right;
  margin-top: 13px;
  font-size: 15px;
  line-height: 75px;
  cursor: pointer
}

.header .navs .login .vip-com {
  margin-right: 8px;
  width: 96px;
  height: 55px;
  background: url(../images/youcenewoneq.png) -34px -1097px no-repeat
}

.header .navs .login .vip-com:hover {
  background: url(../images/youcenewoneq.png) -34px -1165px no-repeat
}

.header .navs .login .vip-int:hover {
  background: url(../images/youcenewoneq.png) -34px -998px no-repeat
}

.header .navs .login .vip-com .diamond,
.header .navs .login .vip-int .diamond {
  position: absolute;
  top: 55px;
  left: 50%;
  display: none;
  margin-left: -165px;
  padding: 15px;
  width: 300px;
  height: auto;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  line-height: normal
}

.header .navs .login .vip-com:hover .diamond,
.header .navs .login .vip-int:hover .diamond {
  display: inline-block;
  margin-left: -250px
}

.login .diamond .imgs {
  display: inline-block;
  overflow: hidden;
  width: 300px;
  height: 83px;
  border-radius: 4px
}

.login .diamond .imgs img {
  width: 100%;
  height: 100%
}

.login .diamond .kt {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 11px;
  width: 260px;
  height: 46px;
  border-radius: 45px;
  background: #2675ff;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 46px
}

.login .diamond .kt:hover {
  background: #3b7ef3
}

.login .diamond .kt em {
  position: absolute;
  top: -20px;
  right: 20px;
  width: 95px;
  height: 34px;
  background: url(../images/newuser.png) 1px -775px no-repeat;
  font-size: 12px;
  line-height: 28px
}

.login .vip-int .diamond ul {
  display: inline-block;
  margin: 11px 0
}

.login .vip-int .diamond ul li {
  display: inline-block;
  margin-left: 17px;
  width: 127px;
  height: 40px;
  color: #565656;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  font-size: 14px;
  line-height: 40px
}

.login .vip-int .diamond ul li i {
  display: inline-block;
  margin-right: 4px;
  width: 17px;
  height: 14px;
  background: url(../images/newuser.png) -28px -109px no-repeat;
  vertical-align: -1px
}

.login .vip-com .diamond .kt em {
  right: 10px;
  width: 107px;
  background: url(../images/newuser.png) 1px -850px no-repeat
}

.login .vip-com .diamond ul {
  margin: 10px 0
}

.login .vip-com .diamond ul li {
  display: inline-block;
  width: 230px;
  height: 39px;
  color: #565656;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px
}

.login .vip-com .diamond ul li i {
  display: inline-block;
  margin-right: 23px;
  margin-left: 31px;
  width: 25px;
  height: 25px;
  background: url(../images/newuser.png) -23px -149px no-repeat;
  vertical-align: -8px
}

.login .vip-com .diamond ul li .ione {
  background: url(../images/newuser.png) -22px -189px no-repeat
}

.login .vip-com .diamond ul li .itwo {
  background: url(../images/newuser.png) -26px -224px no-repeat
}

.login .vip-com .diamond ul li .ifour {
  background: url(../images/newuser.png) -24px -259px no-repeat
}

.login .vip-com .diamond .kt {
  background: #e0c67f
}

.login .vip-com .diamond .kt:hover {
  background: #efcd70
}

.header .navs .login .uptovip {
  display: inline-block;
  width: 103px;
  height: 62px;
  background: url(../images/upvip.png) 14px 14px no-repeat
}

.header .navs .login p {
  display: inline-block;
  width: 2pc;
  height: 27px;
  cursor: pointer
}

.header .navs .login span {
  display: inline-block;
  color: #007aff;
  font-size: 14px;
  cursor: pointer
}

.header .navs .login .regist {
  float: right;
  margin-top: 22px;
  margin-left: 15px;
  width: 80px;
  height: 35px;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  color: #999;
  font-size: 14px;
  line-height: 35px;
  cursor: pointer
}

.header .navs .login .regist:hover {
  border-color: #007aff;
  background: #007aff;
  color: #fff
}

.header .navs .login .regist-lg {
  float: right;
  margin-top: 22px;
  width: 80px;
  height: 35px;
  border: 1px solid #007aff;
  border-radius: 4px;
  color: #007aff;
  font-size: 14px;
  line-height: 35px;
  cursor: pointer
}

.header .navs .login .regist-lg:hover {
  background: #007aff;
  color: #fff
}

.header .navs .login .s-regist {
  position: relative;
  float: right;
  width: 56px;
  height: 75px
}

.header .navs .login .s-regist .a-regist {
  position: relative;
  float: left;
  overflow: hidden;
  margin-top: 15px;
  width: 50px;
  height: 50px;
  border-radius: 75pt;
  background: #000;
  color: #fff;
  line-height: 40px
}

.header .navs .login .s-regist .a-regist img {
  width: 50px;
  height: 50px
}

.header .navs .login .s-regist .u-detail {
  position: absolute;
  top: 75px;
  left: -276px;
  z-index: 111;
  display: none;
  padding: 20px 15px 9px;
  width: 300px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  line-height: normal
}

.header .navs .login .s-regist:hover .u-detail {
  display: inline-block
}

#search {
  position: absolute;
  top: 280px;
  left: 50%;
  z-index: 12;
  margin-left: -340px;
  width: 680px;
  height: 70px;
  background: #ff0
}

#search .s-box {
  float: left;
  width: 590px;
  height: 70px;
  background: #fff
}

#search .s-niu {
  float: left;
  width: 90px;
  height: 70px;
  background: url(../images/common_new.png) no-repeat 28px -111px #6085e3;
  cursor: pointer
}

#search .s-niu:hover {
  background-color: #4f75d3
}

#search .hot-search {
  position: absolute;
  top: 70px;
  z-index: 12;
  display: none;
  width: 588px;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: left
}

#search .hot-search span {
  display: inline-block;
  margin: 0 20px;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px
}

#search .hot-search ul {
  margin: 13px 0
}

#search .hot-search a {
  display: block;
  height: 50px;
  color: #000;
  text-align: left;
  line-height: 50px
}

#search .hot-search a:hover {
  background: #f0f0f0
}

#search .s-box .i-search {
  margin-left: 20px;
  width: 550px;
  height: 70px;
  outline: 0;
  border: 0 solid;
  font-size: 1pc;
  line-height: 71px
}

.header .navs .login .s-regist:hover .u-detail {
  display: block
}

.historyso {
  overflow: hidden;
  margin: 0 auto;
  width: 93%;
  height: 30px;
  font-size: 12px
}

.historyso>i {
  color: #999;
  font-style: normal
}

.historyso>a {
  padding: 0 5px;
  color: #999 !important;
  font-size: 12px !important
}

.historyso>a:hover {
  color: #007aff !important
}

.u-detail .u-info {
  margin-bottom: 17px;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #eceff1
}

.u-detail .u-info .userimg {
  float: left;
  width: 40px;
  height: 40px
}

.u-detail .u-info .userimg img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 45px
}

.u-detail .u-info .u-name {
  float: left;
  margin-left: 10px;
  width: 93px;
  height: 100%;
  text-align: left
}

.u-detail .u-info .u-name span {
  display: inline-block;
  overflow: hidden;
  width: 85px;
  height: 18px;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 14px
}

.u-detail .u-info .u-name em {
  display: inline-block;
  color: #949494;
  vertical-align: 5px;
  font-size: 12px;
  line-height: 10px
}

.u-detail .u-info .dj {
  float: left;
  height: 100%
}

.u-detail .u-info .dj .qyvip {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/newuser.png) -19px -298px no-repeat;
  vertical-align: -10px
}

.u-detail .u-info .dj .qy-chose {
  background: url(../images/newuser.png) -19px -386px no-repeat
}

.u-detail .u-info .dj .znvip {
  display: inline-block;
  width: 22px;
  height: 30px;
  background: url(../images/newuser.png) -22px -338px no-repeat;
  vertical-align: -10px
}

.u-detail .u-info .dj .zn-chose {
  background: url(../images/newuser.png) -19px -429px no-repeat
}

.u-detail .u-info a {
  float: right;
  display: block;
  margin-top: 5px;
  width: 78px;
  height: 25px;
  border-radius: 48px;
  background: #de4f49;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 25px
}

.u-detail .opengimg {
  margin-bottom: 8px;
  width: 300px;
  height: 83px
}

.u-detail .opengimg img {
  width: 100%;
  height: 100%
}

.u-detail ul {
  display: inline-block;
  width: 100%;
  height: 60px
}

.u-detail ul li {
  display: inline-block;
  width: 70px
}

.u-detail ul li a {
  display: inline-block;
  color: #757575;
  font-size: 13px
}

.header .navs .login a span {
  color: #757575
}

.header .navs .login a:hover span {
  color: #007aff
}

.u-detail ul li a i {
  display: block;
  margin-bottom: 0;
  margin-left: 2px;
  width: 52px;
  height: 35px;
  background: url(../images/newuser.png) 0 -504px no-repeat
}

.u-detail ul li a i:hover {
  background: url(../images/newuser.png) -42px -504px no-repeat
}

.u-detail ul li a .ione {
  background: url(../images/newuser.png) -3px -556px no-repeat
}

.u-detail ul li:hover a .ione {
  background: url(../images/newuser.png) -45px -556px no-repeat
}

.u-detail ul li a .itwo {
  background: url(../images/newuser.png) -4px -603px no-repeat
}

.u-detail ul li:hover a .itwo {
  background: url(../images/newuser.png) -47px -603px no-repeat
}

.u-detail ul li a .ithree {
  background: url(../images/newuser.png) -3px -639px no-repeat
}

.u-detail ul li:hover a .ithree {
  background: url(../images/newuser.png) -47px -639px no-repeat
}

.u-detail ul li:hover span {
  color: #007aff
}

.b-box {
  overflow: hidden;
  margin-right: -33px;
  padding-top: 4px
}

.b-box .s-box {
  position: relative;
  float: left;
  overflow: hidden;
  margin-right: 1pc;
  margin-bottom: 26px;
  width: 3in;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  behavior: url(ie-css3.html)
}

.b-box .s-box .s-pic {
  width: 100%;
  height: 407px
}

.lazy {
  background: #eee url(../images/loadone.png) center center no-repeat
}

.b-box .s-box .explain {
  display: block;
  padding: 0 30px;
  background: #fff
}

.b-box .s-box .p-title {
  height: 44px;
  background: #fff
}

.b-box .s-box .p-title a {
  display: inline-block;
  overflow: hidden;
  width: 225px;
  height: 44px;
  color: #252525;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 44px
}

.b-box .s-box .p-title a:hover {
  color: #007aff
}

.b-box .s-box .coll {
  display: block;
  width: 100%;
  height: 44px;
  border-top: 1px solid #eceff1;
  color: #838383;
  font-size: 14px;
  font-family: Arial;
  line-height: 44px
}

.b-box .dianzan-num {
  position: relative;
  float: left;
  width: 45%;
  text-align: left
}

.b-box .dianzan-num i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/common_new.png) -9px -1394px no-repeat;
  vertical-align: -5px
}

.b-box .dianzan-num .yjdz {
  background: url(../images/common_new.png) -9px -1444px no-repeat
}

.b-box .coll-num {
  float: right;
  width: 45%;
  text-align: right
}

.b-box .coll-num i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/common_new.png) -9px -37px no-repeat;
  vertical-align: -5px
}

.b-box .s-box .mark {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 3in;
  height: 407px;
  background: #000;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0)
}

.b-box .s-box:hover .mark {
  display: block;
  opacity: .4;
  transition: all .15s;
  -moz-opacity: .4;
  -khtml-opacity: .4;
  filter: alpha(opacity=40);
  -ms-transition: all .15s
}

.b-box .s-box .b-down {
  position: absolute;
  top: 130px;
  left: 50%;
  z-index: 2;
  margin-left: -88px;
  padding-left: 36px;
  width: 142px;
  height: 55px;
  border-radius: 4px;
  background: url(../images/common_new.png) 23px -444px no-repeat #d7000f;
  color: #fff;
  font-size: 20px;
  font-size: 17px;
  line-height: 55px;
  opacity: 0;
  cursor: pointer;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0)
}

.b-box .s-box .b-down:hover {
  background: url(../images/common_new.png) 23px -444px no-repeat #fc2130
}

.b-box .s-box:hover .b-down {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100)
}

.b-box .s-box .b-collect {
  position: absolute;
  top: 197px;
  left: 50%;
  z-index: 2;
  margin-left: -90px;
  padding-left: 31px;
  width: 148px;
  height: 50px;
  border-radius: 4px;
  background: url(../images/common_new.png) 29px -31px no-repeat #fff;
  color: #333;
  letter-spacing: 7px;
  font-size: 20px;
  font-size: 17px;
  line-height: 50px;
  opacity: 0;
  cursor: pointer;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0)
}

.b-box .s-box:hover .b-collect {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100)
}

.b-box .s-box .chose {
  background: url(../images/common_new.png) 29px -633px no-repeat #fff
}

.s-box .banquan {
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  display: none;
  width: 27px;
  height: 28px;
  border-radius: 2px;
  background: url(../images/newuser.png) -8px -717px no-repeat;
  opacity: .8;
  filter: alpha(opacity=80)
}

.b-box .s-box:hover .banquan {
  display: block
}

.grid-v .banquan {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;
  display: block;
  display: none;
  width: 25px;
  height: 30px;
  border-radius: 2px;
  background: url(../images/newuser.png) -8px -714px no-repeat;
  opacity: .8;
  filter: alpha(opacity=80)
}

.grid-v:hover .banquan {
  display: block
}

.grid-h .banquan {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  display: none;
  width: 25px;
  height: 30px;
  border-radius: 2px;
  background: url(../images/newuser.png) -8px -714px no-repeat;
  opacity: .8;
  filter: alpha(opacity=80)
}

.grid-h:hover .banquan {
  display: block
}

#demo1 .banquan {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;
  display: block;
  display: none;
  width: 25px;
  height: 30px;
  border-radius: 2px;
  background: url(../images/newuser.png) -8px -714px no-repeat;
  opacity: .8;
  filter: alpha(opacity=80);
}

#demo1 .item:hover .banquan {
  display: block
}

.pptubiao:hover .chose {
  background: url(../images/common_new.png) 7px -637px no-repeat #fff !important
}

.page {
  margin: 40px 0;
  width: 100%;
  height: 70px;
  text-align: center;
  font-size: 18px
}

.page .cur,
.page a:hover {
  display: inline-block;
  margin: 6px;
  padding: 0 25px;
  height: 60px;
  border-radius: 2px;
  background: #007aff;
  color: #fff;
  line-height: 60px
}

.page .ell {
  margin: 0 4px 0 8px;
  color: #404040;
  font-size: 18px
}

.page a {
  display: inline-block;
  margin: 6px;
  padding: 0 25px;
  height: 60px;
  border-radius: 3px;
  background: #fff;
  color: #404040;
  line-height: 60px;
  cursor: pointer
}

.mr0 {
  margin: auto !important
}

.cbl {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 40px;
  height: 100%;
  min-height: 546px;
  border-left: 1px solid #ececec;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1);
  -webkit-transform: translateZ(0)
}

.cbl .cbl-line {
  display: inline-block;
  margin-bottom: 3px;
  width: 136px;
  height: 1px;
  background: #e0e0e0
}

#yhjs {
  position: relative;
  display: block;
  width: 74px;
  height: 122px;
  background: url(../images/youcenewoneq.png) -13px -9px no-repeat
}

#yhjs span {
  top: 43px;
  right: 8px;
  display: block;
  height: 34px;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  font-family: Arial
}

#back-top,
#yhjs span {
  position: absolute;
  width: 40px
}

#back-top {
  top: 6px;
  height: 100%;
  background: #fff
}

#back-top .userqq {
  position: relative
}

#back-top .userqq:hover {
  cursor: pointer
}

#back-top .userqq .userqqtipw {
  position: absolute;
  top: 0;
  left: -200px;
  display: none;
  width: 200px;
  height: 300px
}

#back-top .jiangpin {
  margin-top: 0 !important;
  height: 80px !important;
  background: url(../images/youcenewoneq.png) -85px -1543px no-repeat
}

#back-top .jiangpin:hover {
  background: url(../images/youcenewoneq.png) -23px -1543px no-repeat
}

#back-top .userqq:hover .userqqtipw {
  display: block
}

#back-top .web-coll .web-col {
  position: absolute;
  top: 94px;
  left: -200px;
  display: none;
  width: 200px;
  height: 7pc;
  color: #fff;
  font-weight: 700;
  font-size: 18px
}

#back-top .web-coll:hover .web-col {
  display: inline-block
}

#back-top .web-coll .web-co {
  display: inline-block;
  padding-top: 1pc;
  width: 179px;
  height: 78px;
  border-radius: 4px;
  background: #007aff
}

#back-top .web-coll .web-co em {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 4px;
  background: #fff;
  color: #007aff
}

#back-top .web-coll .web-co p {
  letter-spacing: 2px;
  line-height: 42px
}

#back-top .userqq .userqqtip {
  position: absolute;
  left: 10px;
  padding-bottom: 17px;
  width: 175px;
  background: #fff;
  box-shadow: #bbb 0 0 6px
}

#back-top .userqq .userqqtip .inner {
  position: relative;
  top: 36px;
  left: 170px;
  width: 10px;
  height: 10px;
  border-top: 2px solid hsla(0, 0%, 80%, .58);
  border-left: 2px solid hsla(0, 0%, 80%, .58);
  background-color: #fff;
  transform: rotate(135deg)
}

#back-top .web-coll .web-col .inner {
  position: relative;
  top: 47px;
  left: 183px;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid rgba(0, 122, 255, .58);
  border-left: 2px solid rgba(0, 122, 255, .58);
  background-color: #007aff;
  transform: rotate(135deg)
}

#back-top .userqq .userqqtip .clickqq {
  display: inline-block;
  margin-top: 7px;
  width: 5pc;
  height: 23px;
  border-radius: 40px;
  background: #007aff;
  color: #fff;
  font-size: 13px;
  line-height: 23px
}

#back-top .userqq .userqqtip .mgb {
  margin-bottom: 17px
}

#back-top .userqq .userqqtip .qqtime {
  height: 3pc;
  color: #7a7a7a;
  font-size: 13px;
  line-height: 3pc
}

#back-top .userqq .userqqtip .clickqqco {
  display: inline-block;
  margin-top: 7px;
  width: 93pt;
  height: 23px;
  border-radius: 40px;
  color: #383838;
  text-align: left;
  font-size: 9pt;
  line-height: 23px;
  cursor: pointer
}

#back-top .userqq .userqqtip .clickqqco i {
  float: right;
  display: inline-block;
  margin-top: 4px;
  padding: 1px 3px;
  height: 9pt;
  border: 1px solid #007aff;
  color: #007aff;
  font-style: unset;
  line-height: 9pt
}

#back-top .userqq .userqqtip .qqmore {
  display: inline-block;
  padding: 0 20px;
  height: 23px;
  border-radius: 40px;
  background: #007aff;
  color: #fff;
  font-size: 13px;
  line-height: 23px;
  cursor: pointer
}

#back-top .userqq .userqqtip .qqtime {
  display: inline-block;
  margin-top: 3px;
  height: 30px;
  color: #7a7a7a;
  font-size: 13px;
  line-height: 30px
}

#back-top .bg-b {
  display: block;
  padding-top: 1px;
  width: 40px;
  height: 75px;
  background: #fff
}

#back-top .bg-b:hover {
  background: #007aff
}

#back-top .packet {
  display: block;
  width: 40px;
  height: 5pc;
  background: #fff
}

#back-top .ty {
  display: block;
  width: 40px;
  height: 79px
}

#back-top .lines {
  margin-left: 8px;
  width: 23px;
  height: 1px;
  background: #e2e2e2
}

#back-top .huiyuan {
  background: url(../images/youcenewoneq.png) -85px -1273px no-repeat
}

#back-top .qy .huiyuan {
  background: url(../images/youcenewoneq.png) -85px -1369px no-repeat
}

#back-top .redpack {
  height: 73px;
  background: url(../images/youcenewoneq.png) -84px -93pt no-repeat
}

#back-top .redmoney {
  height: 77px;
  background: url(../images/youcenewoneq.png) -24px -90pt no-repeat;
  color: #ffc900;
  font-weight: 700;
  font-style: unset;
  font-size: 9pt;
  line-height: 49px
}

#back-top .qq {
  background: url(../images/youcenewoneq.png) -85px -1459px no-repeat
}

#back-top .return-top {
  background: url(../images/youcenewoneq.png) -85px -1872px no-repeat
}

#back-top .advice {
  background: url(../images/youcenewoneq.png) -85px -1791px no-repeat
}

#back-top a:hover .huiyuan {
  background: url(../images/youcenewoneq.png) -23px -1274px no-repeat
}

#back-top .qy:hover .huiyuan {
  background: url(../images/youcenewoneq.png) -23px -1368px no-repeat
}

#back-top a:hover .qq {
  background: url(../images/youcenewoneq.png) -23px -1459px no-repeat
}

#back-top a:hover .return-top {
  background: url(../images/youcenewoneq.png) -23px -1872px no-repeat
}

#back-top a:hover .advice {
  background: url(../images/youcenewoneq.png) -24px -1791px no-repeat
}

#back-top .sizesc {
  background: url(../images/youcenewoneq.png) -85px -1632px no-repeat
}

#back-top a:hover .sizesc {
  background: url(../images/youcenewoneq.png) -24px -1632px no-repeat
}

#back-top .sc {
  margin-top: 6px;
  height: 63px;
  background: url(../images/youcenewoneq.png) no-repeat -84px -847px
}

#back-top .r-bottom {
  position: absolute;
  bottom: 0
}

#back-top .march {
  position: relative
}

#back-top .march .lian {
  position: absolute;
  top: -50px;
  left: -173px;
  display: none;
  width: 175px;
  height: 200px
}

#back-top .lian .heartpanda {
  display: block;
  width: 170px;
  height: 90px;
  background: url(../images/check.png) center center no-repeat
}

#back-top .march:hover .lian {
  display: block
}

#back-top .lian .winvip {
  display: block;
  margin-bottom: 2px;
  width: 170px;
  height: 90px;
  background: url(../images/heartbanner.png) center center no-repeat
}

#back-top .lian .sq {
  display: block;
  margin-bottom: 2px;
  width: 170px;
  height: 90px;
  background: url(../images/rightin.png) center center no-repeat
}

#back-top a:hover .sc {
  background: url(../images/youcenewoneq.png) no-repeat -22px -847px
}

#back-top .winmoney {
  background: url(../images/youcenewoneq.png) -85px -1712px no-repeat
}

#back-top a:hover .winmoney {
  background: url(../images/youcenewoneq.png) -23px -1712px no-repeat
}

#back-top .userqq .jiaqistyle {
  position: absolute;
  top: 0;
  left: -322px;
  display: none;
  width: 315px;
  height: 213px;
  border-radius: 5px;
  background: #fff;
  box-shadow: #bbb 0 0 6px
}

#back-top .userqq:hover .jiaqistyle {
  display: block
}

#back-top .jiaqistyle .jiaone {
  display: inline-block;
  width: 100%;
  height: 77px
}

#back-top .jiaqistyle .jiaone span {
  margin-left: 43px;
  font-weight: 700;
  font-size: 18px;
  line-height: 77px
}

#back-top .jiaqistyle .jiatwo {
  display: inline-block;
  height: auto;
  font-size: 13px;
  line-height: 21px
}

#back-top .jiaqistyle .jiathree {
  display: inline-block;
  margin: 0 auto;
  margin-top: 13px;
  width: 135px;
  height: 40px;
  border-radius: 40px;
  background: #007aff;
  color: #fff;
  font-size: 14px;
  line-height: 40px
}

#back-top .jiaqistyle .jiathree:hover {
  background: #4f75d3
}

#back-top .qqnameblock {
  display: inline-block;
  overflow: hidden;
  width: 85px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@keyframes chahua-gif {
  0% {
    top: 106px
  }

  50% {
    top: 110px
  }

  to {
    top: 106px
  }
}

.yhj {
  z-index: 10;
  width: 100%;
  background: #000;
  opacity: .5;
  -moz-opacity: .5;
  -khtml-opacity: .5;
  filter: alpha(opacity=50)
}

.y-kk,
.yhj {
  position: fixed;
  bottom: 0;
  height: 75pt
}

.y-kk {
  left: 50%;
  z-index: 90;
  display: block;
  margin-left: -600px;
  width: 75pc;
  cursor: pointer
}

#back-top .userqq .userqqtip .bluecolor {
  color: #007aff
}

#back-top .userqq .userqqtip .bluecolor i {
  background: #007aff;
  color: #fff
}

.y-middle {
  position: fixed;
  bottom: 0;
  left: 50%;
  display: block;
  margin-left: -600px;
  width: 75pc;
  height: 75pt;
  cursor: pointer
}

.y-middle .y-monye {
  position: absolute;
  top: 9pt;
  left: 210px;
  width: 90pt;
  height: 70px;
  color: #fff;
  font-weight: 700;
  font-size: 75px;
  font-family: Arial
}

.y-middle .y-monye .qian {
  display: inline-block;
  width: 36px;
  height: 30px;
  vertical-align: 27px;
  font-size: 40px
}

.y-middle .y-yhj {
  top: 28px;
  left: 340px;
  color: #fff;
  font-weight: 700;
  font-size: 25px
}

.y-middle .y-time,
.y-middle .y-yhj {
  position: absolute;
  width: 252px;
  height: 30px;
  line-height: 30px
}

.y-middle .y-time {
  top: 61px;
  left: 309px;
  color: #ffd333;
  font-size: 14px
}

.y-kk .y-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px
}

.header .navs .nav li .ppthot {
  position: absolute;
  top: 20px;
  right: 0;
  width: 26px;
  height: 17px;
  background: url(../images/hot.gif) 0 0 no-repeat
}

.header .navs .nav li .pptnew {
  position: absolute;
  top: 20px;
  right: 0;
  width: 26px;
  height: 17px;
  background: url(../images/new.gif) 0 0 no-repeat
}

.header .navs .nav li .free {
  position: absolute;
  top: 15px;
  right: -19px;
  padding: 1px 7px;
  border-radius: 2px;
  background: #19c3ff;
  color: #fff;
  font-size: 9pt
}

.header .navs .nav li .png-free {
  background: #ef3f22
}

.header .allfenl {
  position: relative;
  float: left;
  width: 731px
}

.header .allfenl .kuai {
  position: relative;
  float: left;
  margin-left: 23px;
  width: 80px;
  color: #666;
  font-size: 15px;
  line-height: 5pc;
  cursor: pointer
}

.header .allfenl .kuai:hover {
  color: #007aff
}

.header .allfenl .kuai ul {
  position: absolute;
  top: 74px;
  left: -98px;
  z-index: 10;
  display: none;
  padding: 10px 3px 9px 11px;
  width: 249px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
  text-align: left;
  line-height: 47px
}

.header .allfenl .kuai:hover ul {
  display: block
}

.header .allfenl .kuai ul li {
  display: inline-block;
  width: 90pt;
  text-align: left
}

.header .allfenl .kuai ul li a {
  display: inline-block;
  padding: 0 25px;
  height: 35px;
  border-radius: 4px;
  color: #666;
  font-size: 14px;
  line-height: 35px
}

.header .allfenl .kuai ul li a:hover {
  background: #007aff;
  color: #fff
}

.header .allfenl .kuai em {
  position: relative;
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 14px;
  background: url(../images/youcenewoneq.png) -68px -45pc no-repeat
}

.header .allfenl .kuai:hover em {
  background: url(../images/youcenewoneq.png) -68px -735px no-repeat
}

.headerdiv {
  height: 5pc
}

@media all and (max-width:1366px) {
  .cbl {
    right: 0
  }
}

.footer {
  margin-top: 25px;
  width: 100%;
  background: #fff
}

.footer .xuanc {
  width: 100%;
  height: 5in;
  background: url(../images/power.jpg) center center no-repeat
}

.footer .footer1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #1b1b1b
}

.footer .footer1 .user-say {
  margin: 10px auto;
  padding: 0 20px;
  width: 870pt;
  height: 150px;
  border-bottom: 1px solid #535353
}

.footer .footer1 .user-say .box {
  width: 261px
}

.footer .footer1 .user-say .box,
.footer .footer1 .user-say .box1 {
  float: left;
  height: 150px;
  color: #7d7d7d;
  text-align: left;
  font-size: 14px;
  line-height: 150px
}

.footer .footer1 .user-say .box1 {
  width: 109px
}

.footer .footer1 .user-say i {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: -20px
}

.footer .footer1 .user-say .i-1 {
  background: url(../images/common_new.png) 6px -726px no-repeat
}

.footer .footer1 .user-say .i-2 {
  background: url(../images/common_new.png) 6px -766px no-repeat
}

.footer .footer1 .user-say .i-3 {
  background: url(../images/common_new.png) 6px -809px no-repeat
}

.footer .footer1 .user-say .i-4 {
  background: url(../images/common_new.png) 6px -856px no-repeat
}

.footer .footer1 .user-say .i-5 {
  background: url(../images/common_new.png) 6px -906px no-repeat
}

.footer .footer2 {
  width: 100%;
  height: 130px;
  background: #1b1b1b
}

.footer .footer2 .company-say {
  position: relative;
  float: right;
  width: 850px;
  height: 130px
}

.footer .footer2 .statements {
  position: absolute;
  top: 26px;
  right: 0;
  height: 40px
}

.copyrights a,
.footer .footer2 .company-say .statements a {
  float: left;
  display: block;
  padding: 0 9pt;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer
}

.footer .footer2 .company-say .statements .wty {
  display: block;
  width: 97px;
  height: 34px;
  padding: 0;
  margin-left: 13px;
  position: relative
}

.footer .footer2 .company-say .statements .wty em {
  position: absolute;
  top: -147px;
  display: inline-block;
  height: 149px;
  width: 121px;
  left: -16px
}

.footer .footer2 .company-say .statements .weixin {
  background: url(../images/gzh.png) -22px -149px no-repeat
}

.footer .footer2 .company-say .statements .weixin em {
  display: none;
  background: url(../images/gzh.png) 1px 1px no-repeat
}

.footer .footer2 .company-say .statements .gzh {
  background: url(../images/gzh.png) -136px -149px no-repeat
}

.footer .footer2 .company-say .statements .gzh em {
  display: none;
  background: url(../images/gzh.png) -135px 1px no-repeat
}

.footer .footer2 .company-say .statements .gzh:hover em,
.footer .footer2 .company-say .statements .weixin:hover em {
  display: inline-block
}

.footer .footer2 .company-say .statements span {
  float: left;
  display: block;
  width: 20px;
  color: #7d7d7d;
  font-size: 13px;
  line-height: 40px
}

.footer .footer2 .footer-logo {
  float: left;
  width: 250px;
  height: 130px;
  background: url(../images/footlogo.png?v=002) no-repeat ;
  background-size: 200px 60px;
}

.copyrights {
  position: absolute;
  top: 63px;
  left: 11pc;
  color: #7d7d7d;
  font-size: 14px;
  width: max-content
}

.copyrights .gov-icon {
  display: inline-block;
  margin-right: 4px;
  width: 15px;
  height: 19px;
  background-color: #1b1b1b;
  vertical-align: middle
}

.copyrights .gov-icon-wa {
  background-position: 0 0
}

.copyrights .gov-icon-icp {
  background-position: -15px 0
}

.copyrights .tukuppt-right {
  float: left;
  display: block;
 /* width: 247px;*/
  height: 40px;
  line-height: 40px
}

.hdpiao {
  position: fixed;
  top: 200px;
  right: 7px;
  z-index: 100;
  width: 106px;
  height: 139px;
  animation: demo1 1s linear infinite alternate
}

@media all and (min-width:1600px) {
  #back-top {
    top: 60px;
    bottom: 60px
  }

  #back-top .bg-b {
    height: 90px
  }

  #back-top .ty {
    margin-top: 8px
  }

  .header .navs .nav li .free {
    top: 15px;
    right: -10px
  }

  .header .allfenl .kuai {
    width: 80px
  }

  #back-top .sc {
    margin-top: 18px
  }

  #back-top .r-bottom {
    bottom: 60px
  }

  .cbl {
    min-height: 805px
  }

  .header .allfenl .kuai {
    margin-left: 39px
  }
}

.a-mark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .2;
  -moz-opacity: .2;
  filter: alpha(opacity=20)
}

#login {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  display: none;
  margin-top: -280px;
  margin-left: -130px;
  width: 554px;
  height: 490px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff;
  text-align: center
}

#login .diff-login {
  position: absolute;
  right: 52px;
  bottom: 0;
  display: inline-block;
  width: 450px;
  height: 60px;
  border-top: 1px solid #eee;
  text-align: left;
  line-height: 60px
}

#login .diff-login a {
  color: #8a8a8a;
  font-size: 13px
}

#login .diff-login .wx-login,
#login .diff-login a span {
  color: #007aff
}

#login .l-logo {
  margin-top: 3pc;
  height: 89px
}

#login .l-top {
  margin-top: 18px;
  margin-bottom: 11px;
  height: 89px
}

#login .login-input {
  height: 3pc;
  border: 1px solid #eee;
  border-radius: 4px;
  color: #919191;
  line-height: 3pc
}

#login .htiao,
#login .login-input {
  display: inline-block;
  margin-bottom: 15px;
  width: 20pc
}

#login .htiao {
  height: 50px
}

#login .htia {
  display: inline-block;
  width: 20pc;
  height: 40px;
  color: #f60;
  text-align: left;
  font-size: 13px;
  line-height: 26px
}

#login .login-input input {
  float: left;
  margin-top: 4px;
  margin-left: 1pc;
  width: 255px;
  height: 40px;
  outline: 0;
  border: 0 solid;
  text-indent: 4px;
  font-size: 15px;
  line-height: 38px
}

#login .phone-yzm input {
  width: 67px
}

#login .phone-info input {
  width: 89px
}

#login .phone-yzm {
  width: 87pt
}

#login .phone-info {
  float: left;
  margin-right: 13px;
  width: 156px
}

#login .htiao img {
  display: inline-block;
  overflow: hidden;
  margin: 0 9pt;
  width: 126px;
  height: 50px
}

#login .htiao .get-yzm {
  float: right;
  display: inline-block;
  width: 142px;
  height: 3pc;
  border: 1px solid #6589e4;
  border-radius: 4px;
  color: #6589e4;
  font-size: 14px;
  line-height: 3pc;
  cursor: pointer
}

#login .alert-phone-longin {
  display: inline-block;
  width: 20pc;
  height: 50px;
  border-radius: 4px;
  background: #007aff;
  color: #fff;
  letter-spacing: 9px;
  font-size: 15px;
  line-height: 50px
}

#login .alert-phone-longin:hover {
  background: #107ff9
}

#login .htiao .get-agin {
  display: inline-block;
  width: 47px;
  height: 50px;
  background: url(../images/qq.png) -1px -221px no-repeat;
  vertical-align: -22px;
  cursor: pointer
}

#login .l-yes {
  background: #76e784;
  vertical-align: 2px;
  font-size: 13px
}

#login .l-no,
#login .l-yes {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 45px;
  color: #fff;
  line-height: 20px
}

#login .l-no {
  margin-right: 5px;
  background: #f60;
  text-align: center
}

#login .l-qq {
  display: block;
  margin: 45px auto 0;
  width: 310px;
  height: 60px;
  border-radius: 40px;
  background: #28b7f7;
  color: #fff;
  font-size: 1pc;
  line-height: 60px;
  cursor: pointer
}

#login .l-qq:hover {
  background: #47bff5
}

#login .l-qq i {
  display: inline-block;
  width: 50px;
  height: 29px;
  background: url(../images/common_new.png) -3px -181px no-repeat;
  vertical-align: -8px
}

#login .l-wx {
  display: block;
  margin: 20px auto 0;
  width: 310px;
  height: 60px;
  border-radius: 40px;
  background: #05d02f;
  color: #fff;
  font-size: 1pc;
  line-height: 60px;
  cursor: pointer
}

#login .l-wx:hover {
  background: #04e032
}

#login .l-wx i {
  display: inline-block;
  width: 60px;
  height: 29px;
  background: url(../images/common_new.png) 0 -242px no-repeat;
  vertical-align: -8px
}

#login .l-deal {
  float: right;
  display: block;
  width: 286px;
  text-align: right
}

#login .l-deal input {
  display: inline-block;
  width: 20px;
  vertical-align: -2px
}

#login .diyige {
  display: inline-block;
  margin-top: 55px;
  margin-right: 140px;
  color: #9b9b9b;
  font-size: 9pt
}

#login .login-tips {
  margin-top: 30px;
  color: #a2a2a2;
  text-align: center;
  font-size: 9pt;
  line-height: 4px
}

#login .close {
  position: absolute;
  right: 0;
  margin-right: -40px;
  width: 40px;
  height: 40px;
  background: url(../images/common_new.png) 1px -550px no-repeat;
  cursor: pointer
}

#login .l-left {
  position: absolute;
  top: 0;
  left: -311px;
  width: 312px;
  height: 490px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background: url(../images/dengl.jpg) #18aaed;
}

#login .l-left .title {
  margin-top: 5pc;
  padding-left: 39px;
  height: 30px;
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  font-weight: lighter;
  font-size: 24px;
  line-height: 30px
}

#login .l-left ul {
  display: block;
  margin-top: 23px
}

#login .l-left ul li {
  height: 50px;
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 42px
}

#login .l-left ul li i {
  display: inline-block;
  width: 78px;
  height: 40px;
  background: url(../images/l-login.png) 37px 10px no-repeat;
  vertical-align: -10px
}

#login .l-left ul li .i2 {
  background: url(../images/l-login.png) 37px -42px no-repeat
}

#login .l-left ul li .i3 {
  background: url(../images/l-login.png) 35px -91px no-repeat
}

#login .l-left ul li .i4 {
  background: url(../images/l-login.png) 35px -141px no-repeat
}

#login .pastone,
#login .pasttwo {
  width: 100%;
  height: auto
}

.get-vipintro {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  display: none;
  margin-top: -190px;
  margin-left: -260px;
  width: 520px;
  height: 380px;
  background: #fff;
  text-align: center
}

.get-vipintro .vip1 {
  overflow: hidden;
  width: 520px;
  height: 270px;
  background: url(../images/b-alert.png) 0 0 no-repeat;
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  line-height: 75px
}

.get-vipintro .vip1 .panda1 {
  display: block;
  margin: 0 auto;
  margin-top: 60px;
  width: 90pt;
  height: 90pt;
  background: url(../images/alert.png) 0 0 no-repeat
}

.get-vipintro .be-vip {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  width: 200px;
  height: 55px;
  border: 2px solid #00a0e9;
  color: #00a0e9;
  font-size: 20px;
  line-height: 55px;
  cursor: pointer
}

.get-vipintro .be-vip:hover {
  background: #00a0e9;
  color: #fff
}

.get-vipintro .close {
  position: absolute;
  right: 0;
  margin-right: -40px;
  width: 40px;
  height: 40px;
  background: url(../images/common_new.png) 1px -599px no-repeat;
  cursor: pointer
}

.get-vipintro .vips {
  overflow: hidden;
  width: 520px;
  height: 248px;
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  line-height: 75px
}

.get-vipintro .vips .panda2 {
  display: block;
  margin: 0 auto;
  margin-top: 85px;
  width: 90pt;
  height: 90pt;
  background: url(../images/alert.png) 0 0 no-repeat
}

.get-vipintro .suc-vip {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 90pt;
  color: #393939;
  font-size: 18px
}

.get-vipintro .vips .panda3 {
  display: block;
  margin: 0 auto;
  margin-top: 85px;
  width: 90pt;
  height: 90pt;
  background: url(../images/alert.png) -10pc -146px no-repeat
}

.get-vipintro .over {
  overflow: hidden;
  width: 520px;
  height: 270px;
  color: #ee2d14;
  font-weight: 700;
  font-size: 20px;
  line-height: 75px
}

.get-vipintro .over .panda4 {
  display: block;
  margin: 0 auto;
  margin-top: 45px;
  width: 90pt;
  height: 90pt;
  background: url(../images/alert.png) 0 -9pc no-repeat
}

.get-vipintro .more-vip {
  display: block;
  margin: 0 auto;
  width: 200px;
  height: 55px;
  border: 2px solid #00a0e9;
  background: #00a0e9;
  color: #fff;
  font-size: 20px;
  line-height: 55px;
  cursor: pointer
}

.user-advice {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  display: none;
  margin-top: -250px;
  margin-left: -300px;
  width: 600px;
  border-radius: 4px;
  background: #fff;
  text-align: center;
  font-family: Microsoft Yahei
}

.user-advice .u-advice {
  margin-top: 40px;
  padding: 10px;
  height: 111px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  resize: none
}

.user-advice .connect,
.user-advice .u-advice {
  width: 500px;
  font-size: 14px;
  font-family: Microsoft Yahei
}

.user-advice .connect {
  margin-top: 10px;
  padding: 0 10px;
  height: 40px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  font-size: 14px;
  line-height: 40px
}

.user-advice .close {
  position: absolute;
  right: 0;
  margin-right: -40px;
  width: 40px;
  height: 40px;
  background: url(../images/common_new.png) 1px -550px no-repeat;
  cursor: pointer
}

.user-advice .submit {
  margin: 40px auto;
  width: 220px;
  height: 55px;
  border-radius: 4px;
  background: #007aff;
  color: #fff;
  line-height: 55px;
  cursor: pointer
}

.user-advice .feedback-type {
  position: relative;
  margin: -1px -49px -15px 40px
}

.feedback-type .type-title {
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  font-weight: 700;
  font-size: 16px;
  line-height: 34px
}

.feedback-type .type-list a {
  display: inline-block;
  margin-right: 5px;
  padding: 0 28px;
  height: 34px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  color: #666;
  text-align: center;
  font-size: 14px;
  line-height: 34px
}

.feedback-type .type-list a.on,
.feedback-type .type-list a:hover {
  border-color: #007aff;
  color: #007aff;
  font-weight: 700
}

.user-advice .c-type {
  margin: 10px 16px 6px 41px;
  height: 30px;
  text-align: left
}

.user-advice .c-type span {
  color: #333;
  font-weight: 700;
  font-size: 15px;
  line-height: 34px
}

.user-advice .c-type select {
  margin-bottom: 14px;
  width: 100px;
  height: 26px;
  outline: 0;
  border: 1px solid #e3e3e3;
  background: #fff;
  font-size: 14px
}

.user-advice .thanks {
  margin: 20px auto 28px;
  height: 50px;
  font-weight: 700;
  font-size: 20px;
  line-height: 50px
}

.code {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 102;
  display: none;
  margin-top: -200px;
  margin-left: -200px;
  width: 25pc;
  height: 300px;
  background: #fff
}

.code .c-title {
  width: 100%;
  height: 50px;
  background: #1b1b1b;
  color: #fff;
  font-size: 20px;
  line-height: 50px
}

.code .c-yzm {
  margin: 20px auto 0;
  width: 190px;
  height: 40px
}

.code .get-again {
  float: left;
  margin-top: 10px;
  width: 100%;
  color: #6085e3;
  font-size: 9pt;
  cursor: pointer
}

.code .c-code {
  margin-top: 20px;
  padding: 5px;
  width: 150px;
  height: 22px
}

.code .c-submit {
  margin-top: 15px;
  margin-left: 125px;
  width: 150px;
  height: 60px;
  background: #6085e3;
  color: #fff;
  line-height: 60px;
  cursor: pointer
}

#yanzhengma:hover {
  cursor: pointer
}

.get-vipintro .hxxm,
.get-vipintro .xxm {
  position: absolute;
  top: -43px;
  left: 50%;
  margin-left: -43px;
  width: 86px;
  height: 93px
}

.get-vipintro .open-vip {
  margin-top: 5pc;
  width: 100%;
  height: 30px;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px
}

.get-vipintro .red {
  color: #e74934
}

.get-vipintro .open-hb {
  width: 100%;
  height: 30px;
  font-size: 18px;
  line-height: 30px
}

.get-vipintro .open-cj {
  margin: 34px auto 50px;
  width: 212px;
  height: 143px;
  color: #fad483;
  text-shadow: 0 1px 1px #676666;
  font-weight: 700;
  font-size: 30px;
  line-height: 143px;
  cursor: pointer
}

.get-vipintro .open-cj:hover {
  color: #f3c665
}

.get-yhj {
  margin-top: 5pc;
  height: 30px;
  color: #fff;
  letter-spacing: 1px;
  font-size: 26px;
  line-height: 30px
}

.get-qian {
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 38px;
  width: 364px;
  height: 189px;
  cursor: pointer
}

.get-qian .q-money {
  position: absolute;
  top: 27px;
  left: 27px;
  width: 140px;
  height: 50px;
  color: #e5412c;
  font-weight: 700;
  font-size: 60px
}

.get-vipintro .tupian {
  display: inline-block;
  width: 15px;
  height: 20px;
  vertical-align: 29px;
  font-size: 20px
}

.get-vipintro .q-zs {
  position: absolute;
  top: 50px;
  left: 215px;
  width: 81pt;
  height: 50px;
  color: #e5412c;
  font-weight: 700;
  font-size: 18px
}

.get-vipintro .q-xian {
  position: absolute;
  top: 119px;
  left: 20px;
  width: 319px;
  height: 1px;
  border-bottom: 1px dashed #f2e9b6
}

.get-vipintro .q-time {
  position: absolute;
  top: 9pc;
  left: 27px;
  width: 145px;
  height: 50px;
  color: #e5412c;
  font-size: 9pt
}

.get-vipintro .q-use {
  position: absolute;
  top: 137px;
  left: 234px;
  width: 75pt;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 31px;
  cursor: pointer
}

.get-vipintro .oxm {
  position: absolute;
  top: -43px;
  left: 50%;
  margin-left: -43px;
  width: 86px;
  height: 93px
}

.get-vipintro .t-over {
  margin-top: 5pc;
  color: #000;
  font-size: 20px
}

.get-vipintro .t-line {
  margin: 39px auto 25px;
  width: 350px;
  height: 1px;
  background: #e5e5e5
}

.get-vipintro .t-s {
  height: 30px;
  font-size: 20px;
  line-height: 30px
}

.get-vipintro .t-x {
  display: block;
  margin: 25px auto 0;
  width: 362px;
  height: 95px;
  color: #fff;
  line-height: 95px
}

.get-vipintro .t-x .t-m {
  width: 44px;
  height: 90px;
  text-align: right;
  font-size: 20px;
  line-height: 5pc
}

.get-vipintro .t-x .t-m,
.get-vipintro .t-x .t-mo {
  float: left;
  display: block;
  font-weight: 700;
  font-family: Arial
}

.get-vipintro .t-x .t-mo {
  width: 54px;
  height: 40px;
  font-size: 36px
}

.get-vipintro .t-x .t-z {
  float: left;
  display: block;
  margin-right: 10px;
  width: 105px;
  height: 20px;
  font-size: 15px
}

.get-vipintro .t-x .t-u {
  float: left;
  display: block;
  margin-top: 28px;
  width: 90pt;
  height: 40px;
  background: #fff;
  color: #e2331e;
  font-size: 1pc;
  line-height: 40px;
  cursor: pointer;
  lighting-color: 40px
}

.get-vipintro .t-x .t-u:hover {
  background: #f0725b;
  color: #fff
}

.useryhjrk {
  position: absolute;
  top: -199px;
  left: -36px;
  width: 119px;
  height: 181px
}

#twomfei {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  display: none;
  margin-top: -207px;
  margin-left: -225px;
  width: 540px;
  height: 413px;
  text-align: center
}

#twomfei .close {
  position: absolute;
  right: 0;
  margin-right: -40px;
  width: 40px;
  height: 40px;
  background: url(../images/common_new.png) 1px -550px no-repeat;
  cursor: pointer
}

#twomfei .mfcs {
  margin-top: 185px;
  width: 100%;
  height: 30px;
  color: #424242;
  font-size: 20px;
  line-height: 30px
}

#twomfei .hqvip {
  width: 100%;
  height: 50px;
  color: #6489e4;
  letter-spacing: 1px;
  font-weight: bolder;
  font-size: 22px;
  line-height: 50px
}

#twomfei .hqvip em {
  color: #ff7e00
}

#twomfei .ljktvip {
  display: inline-block;
  margin-top: 28px;
  width: 402px;
  height: 60px;
  background: #6489e4;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 20px;
  line-height: 60px
}

#twomfei .ljktvip:hover {
  background: #739afb
}

#twomfei .zdtz {
  display: inline-block;
  margin-top: 1pc;
  width: 100%;
  height: 30px;
  color: #9e9e9e;
  font-size: 9pt;
  line-height: 30px
}

#twomfei .zdtz em {
  color: #ff7e00
}

#invit-desig {
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: 473px;
  width: 200px;
  height: 200px;
  transform-origin: 50% 0;
  animation: swinging 4s ease-in-out 0s infinite
}

#invit-desig .close {
  position: absolute;
  top: 98px;
  right: 43px;
  display: inline-block;
  width: 1pc;
  height: 14px;
  cursor: pointer
}

@media screen and (min-width:1600px) {
  #invit-desig {
    margin-left: 673px
  }
}

@media screen and (max-width:1270px) {

  .y-kk,
  .yhj {
    display: none
  }

    .page a {
        display: inline-block;
        margin: 3px;
        padding: 0 20px;
        height: 50px;
        border-radius: 3px;
        background: #fff;
        color: #404040;
        line-height: 50px;
        cursor: pointer
    }

        .page .cur, .page a:hover {
            display: inline-block;
            margin: 5px;
            padding: 0 20px;
            height: 50px;
            border-radius: 3px;
            background: #007aff;
            color: #fff;
            line-height: 50px;
        }


}

.lastlogin {
  font-size: 12px;
  margin-left: 5px
}

.marloginone {
  margin-right: 69px
}

.marlogintwo {
  margin-right: 52px
}

.elementbg {
  background: #081027 !important;
}

.marfivepx {
  margin-right: 5px;
}