body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
form,
th,
td {
  margin:0;
  padding:0
}
body,
button,
input,
select,
textarea {
  font:12px/1.5 Tahoma,Arial,"Microsoft YaHei",sans-serif
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:100%;
  font-weight:normal
}
fieldset,
img {
  border:0 none
}
button,
input,
select,
textarea {
  font-size:100%
}
hr {
  border:0;
  height:1px;
  *color:#fff
}
address,
cite,
dfn,
em,
var {
  font-style:normal
}
img {
  vertical-align:middle
}
.fl-clear {
  clear:both
}
.fl-clr {
  zoom:1
}
.fl-clr:after {
  display:block;
  clear:both;
  height:0;
  content:"\0020"
}
.fl {
  float:left
}
.fr {
  float:right
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,
ol {
  list-style:none outside none
}
a {
  text-decoration:none;
  color:#333
}
a:hover {
  color:#5b40e8;
  text-decoration:none
}
.mt_20 {
  margin-top:20px
}
.mt_40 {
  margin-top:40px
}
.fs18 {
  font-size:18px
}
.bw_1190 {
  width:1190px;
  margin:0 auto
}
a,
.liout .out,
.index_list2 li a img,
.index_list3 li a img,
.index_list4 li img,
.three_column .big,
.three_column .middle img,
.three_column .small,
.ranking_list *,
.float_service li .txt,
.Bestseller_list li img,
.template_more:after,
.relevant_list *,
.three_column .box img {
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
.index_list2 li a:hover img,
.index_list3 li a:hover img,
.index_list4 li a:hover img,
.Bestseller_list li:hover img,
.relevant_list li a:hover img,
.three_column .box img:hover {
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05)
}
.header_box {
  border-bottom:1px solid #5b40e8
}
.logo-bar {
  width:1190px;
  padding:0;
  height:120px;
  margin:0 auto;
  position:relative
}
.logo_left {
  float:left;
  padding-top:38px;
  height:44px
}
.logo_left img {
  float:left
}
.logo_left .h1_box {
  float:left;
  color:#333;
  font-size:18px;
  padding:0 0 0 15px;
  height:45px;
  line-height:45px;
  border-left:1px solid #e6e6e6;
  margin:0 0 0 20px;
  font-size:24px
}
.search_UI {
  float:right;
  height:40px;
  overflow:hidden;
  margin:40px 0
}
.search_UI .text {
  float:left;
  height:36px;
  border:2px solid #5b40e8;
  width:420px;
  padding:0 10px;
  font-size:14px
}
.search_UI .button {
  width:85px;
  height:40px;
  background:#5b40e8;
  border:0;
  color:#fff;
  font-size:16px;
  cursor:pointer
}
.search_UI .button:hover {
  background:#4d2fe8
}
.top-nav {
  height:45px;
  position:relative
}
.top-nav .posterurl {
  position:absolute;
  width:195px;
  height:79px;
  right:0;
  bottom:0;
  background:url(img/posterurl.gif.webp) no-repeat
}
.top-nav .lotteryurl {
  position:absolute;
  width:84px;
  height:74px;
  right:0;
  bottom:0;
  background:url(img/design-lottery-nav.png.webp) no-repeat
}
.vice-nav {
  width:240px;
  height:45px;
  position:relative;
  float:left;
  z-index:5
}
.vice-nav .button {
  display:block;
  height:45px;
  line-height:45px;
  padding-left:50px;
  font-size:16px;
  color:#fff;
  position:relative;
  background:#5b40e8
}
.vice-nav .button i {
  position:absolute;
  width:15px;
  display:block;
  height:8px;
  left:30px;
  top:50%;
  margin-top:-6px;
  border-bottom:2px solid #fff;
  border-top:2px solid #fff;
  overflow:hidden
}
.vice-nav .button i:after {
  content:"";
  display:block;
  height:2px;
  background:#fff;
  margin:3px 0
}
.main-nav {
  float:left
}
.main-nav li {
  float:left;
  padding-left:20px;
  line-height:45px;
  font-size:16px
}
.main-nav a {
  display:block;
  padding:0 10px;
  height:45px
}
.main-nav a:hover,
.main-nav .hover a {
  height:40px;
  border-bottom:5px solid #5b40e7;
  color:#5b40e8
}
.index_show .swiper-pagination-bullet {
  width:30px;
  height:5px;
  border-radius:50px;
  opacity:.3;
  background:#fff;
  cursor:pointer
}
.index_show>.swiper-pagination-bullets {
  bottom:20px
}
.index_show .swiper-slide {
  height:500px;
  position:relative;
  width:100%;
  overflow:hidden
}
.index_show img {
  height:500px;
  width:1920px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-960px
}
.index_show .swiper-pagination-bullet-active {
  background:#fff;
  opacity:1
}
.vice-nav-open {
  position:absolute;
  width:100%;
  background:#f5f5fd;
  z-index:5;
  left:0;
  top:45px;
  min-height:501px;
  display:none;
  overflow:hidden
}
.vice-nav.open .vice-nav-open {
  display:block !important
}
.vice-nav-open dl {
  margin:0 30px;
  line-height:30px;
  color:#696969;
  border-top:1px solid #dfdfe6;
  margin-top:-1px;
  padding:10px 0
}
.vice-nav-open dl dt {
  padding:0 0 10px 0;
  font-size:16px;
  font-weight:bold;
  background:#f5f5fd;
  line-height:30px;
  height:30px
}
.vice-nav-open dl dt .more {
  float:right;
  color:#696969;
  font-size:12px;
  font-weight:normal
}
.vice-nav-open dl dt .more:hover {
  color:#5b40e8
}
.vice-nav-open dl .f14 {
  font-size:14px;
  padding:0
}
.vice-nav-open dl dd {
  font-size:14px
}
.vice-nav-open dl dd a {
  color:#696969;
  display:block;
  float:left;
  width:50%;
  height:30px;
  overflow:hidden
}
.vice-nav-open dl dd a:hover {
  color:#5b40e8
}
.vice-nav-open dl.single {
  padding-top:10px;
  overflow:hidden
}
.vice-nav-open dl.single dd {
  border-bottom:0;
  padding:0;
  float:left;
  width:50%
}
.vice-nav-open dl.single a {
  width:100%;
  font-size:14px;
  font-weight:bold;
  float:none
}
.index_fff {
  background:#fff;
  padding:60px 0
}
.index_f8f8f8 {
  background:#f8f8f8;
  padding:60px 0
}
.title_UI {
  height:30px;
  position:relative;
  padding-left:20px;
  line-height:30px;
  margin-bottom:25px
}
.title_UI:after {
  content:"";
  position:absolute;
  width:6px;
  height:27px;
  background:#5b40e8;
  left:0;
  top:50%;
  margin-top:-12px
}
.title_UI .title {
  font-size:26px
}
.title_UI .txt {
  font-size:14px;
  color:#696969;
  padding-left:15px
}
.title_UI .more {
  position:absolute;
  right:0;
  font-size:14px;
  color:#696969
}
.title_UI .more:hover {
  color:#5b40e8
}
.index_list1 {
  margin-left:-23px
}
.index_list1 li {
  float:left;
  position:relative;
  width:278px;
  border:1px solid #e6e6e6;
  margin-left:23px;
  overflow:hidden
}
.index_list1 li img {
  width:100%;
  height:410px
}
.liout li,
.liout .li {
  position:relative;
  overflow:hidden
}
.liout li .out,
.liout .li .out {
  position:absolute;
  width:100%;
  left:0;
  bottom:-70px;
  background:rgba(0,0,0,0.5);
  height:30px;
  line-height:30px;
  padding:20px 0;
  color:#fff
}
.liout li .out .t,
.liout .li .out .t {
  font-size:16px;
  float:left;
  padding-left:20px
}
.liout li .out .but,
.liout .li .out .but {
  display:block;
  width:98px;
  height:30px;
  border-radius:50px;
  border:1px solid rgba(226,226,226,0.5);
  background:#2b2c34;
  color:#fff;
  text-align:center;
  line-height:30px;
  float:right;
  margin-right:20px
}
.liout li .out .but:hover,
.liout .li .out .but:hover {
  background:#5b40e8
}
.liout li:hover .out,
.liout .li:hover .out {
  bottom:0
}
.index_list2 {
  margin-left:-23px
}
.index_list2 li {
  float:left;
  position:relative;
  width:280px;
  margin-left:23px;
  overflow:hidden
}
.index_list2 li img {
  width:100%;
  height:412px
}
.index_list3 {
  margin-left:-25px;
  margin-top:-25px
}
.index_list3 li {
  float:left;
  position:relative;
  width:580px;
  margin-left:25px;
  overflow:hidden;
  margin-top:25px;
  -webkit-box-shadow:rgba(0,0,0,0.3) 1px 0 8px;
  -moz-box-shadow:rgba(0,0,0,0.3) 1px 0 8px;
  box-shadow:rgba(0,0,0,0.3) 1px 0 8px
}
.index_list3 li img {
  width:100%;
  height:180px
}
.index_list4 {
  margin-left:-23px
}
.index_list4 li {
  float:left;
  position:relative;
  width:280px;
  margin-left:23px;
  overflow:hidden;
  -webkit-box-shadow:rgba(0,0,0,0.3) 1px 0 8px;
  -moz-box-shadow:rgba(0,0,0,0.3) 1px 0 8px;
  box-shadow:rgba(0,0,0,0.3) 1px 0 8px
}
.index_list4 li img {
  width:100%;
  height:415px
}
.Service_flow {
  border:1px solid #e2e2e2;
  border-radius:500px;
  background:#fff;
  padding:30px 0
}
.Service_flow dt {
  width:220px;
  float:left;
  font-size:24px;
  color:#5b40e8;
  text-align:center;
  padding:45px 0;
  line-height:30px
}
.Service_flow dd {
  float:left;
  width:130px;
  text-align:center;
  padding-right:25px;
  position:relative
}
.Service_flow dd:after {
  content:"";
  position:absolute;
  right:0;
  top:50%;
  margin-top:-13px;
  width:14px;
  height:26px;
  background:url(img/ioc.png) no-repeat 0 0
}
.Service_flow dd:last-child:after {
  display:none
}
.Service_flow dd img {
  width:76px;
  height:76px
}
.Service_flow dd .title {
  font-size:16px;
  line-height:16px;
  padding:10px 0
}
.Service_flow dd .txt {
  font-size:14px;
  color:#696969;
  line-height:20px
}
.three_column .box {
  height:600px
}
.three_column .box img {
  width:100%
}
.three_column .big {
  width:380px;
  float:left
}
.three_column .big,
.three_column .middle img,
.three_column .small {
  -webkit-box-shadow:rgba(0,0,0,0.14) 1px 0 8px;
  -moz-box-shadow:rgba(0,0,0,0.3) 1px 0 8px;
  box-shadow:rgba(0,0,0,0.3) 1px 0 8px
}
.three_column .big:hover,
.three_column .middle img:hover,
.three_column .small:hover {
  -webkit-box-shadow:rgba(91,64,232,0.5) 1px 0 15px;
  -moz-box-shadow:rgba(91,64,232,0.5) 1px 0 15px;
  box-shadow:rgba(91,64,232,0.5) 1px 0 15px
}
.three_column .middle {
  width:525px;
  float:left;
  margin-left:20px
}
.three_column .small {
  width:240px;
  float:right;
  background:#fff
}
.three_column .small .title_h1 {
  font-size:16px;
  color:#696969;
  font-weight:bold;
  padding:20px;
  height:20px;
  line-height:20px
}
.ranking_list {
  padding:0 20px;
  height:400px;
  overflow:hidden
}
.ranking_list * {
  overflow:hidden
}
.ranking_list li .title {
  padding-left:25px;
  position:relative;
  line-height:20px;
  padding-bottom:10px
}
.ranking_list li .title .number {
  position:absolute;
  left:0;
  top:0;
  font-size:26px;
  color:#5b40e8;
  height:40px
}
.ranking_list li .t {
  font-size:14px;
  height:20px
}
.ranking_list li .txt {
  font-size:12px;
  color:#696969;
  height:20px
}
.ranking_list li .txt span {
  padding-left:15px
}
.ranking_list li .txt a {
  color:#696969
}
.ranking_list li img {
  width:100%;
  height:140px;
  display:none !important;
  margin:0 0 10px 0
}
.ranking_list li.hover .title .number {
  font-size:40px;
  line-height:40px
}
.ranking_list li a:hover,
.ranking_list li.hover .title .txt a {
  color:#5b40e8
}
.ranking_list li.hover img {
  display:block !important
}
.float_service {
  position:fixed;
  right:0;
  top:50%;
  width:58px;
  margin-top:-163px;
  background:#fff;
  z-index:99;
  border:1px solid #e7e7e7;
  border-radius:5px;
  text-align:center
}
.float_service li {
  position:relative
}
.float_service li a {
  display:block;
  padding:15px;
  color:#696969;
  line-height:14px
}
.float_service li a:hover {
  color:#5b40e8
}
.float_service li a i {
  display:block;
  height:20px;
  background:url(img/ioc.png) no-repeat 0 -31px;
  margin-bottom:3px
}
.float_service .qq i {
  background-position:4px -31px
}
.float_service .hotline i {
  background-position:2px -52px
}
.float_service .top {
  display:none
}
.float_service .top i {
  background-position:6px -72px
}
.float_service li .txt {
  position:absolute;
  width:0;
  overflow:hidden;
  color:#fff;
  line-height:20px;
  padding:20px 0 20px 0;
  height:40px;
  top:50%;
  margin-top:-40px;
  background:#5b40e8;
  right:0;
  border-radius:60px 0 0 60px
}
.float_service li .txt:after {
  content:"";
  position:absolute;
  width:37px;
  height:27px;
  top:50%;
  margin-top:-13px;
  left:20px;
  background:url(img/ioc.png) no-repeat 0 -96px
}
.float_service li:hover .txt {
  right:0;
  width:160px;
  padding:20px 0 20px 60px
}
.template_show {
  height:400px;
  overflow:hidden;
  position:relative
}
.template_show img {
  width:1920px;
  height:400px;
  position:absolute;
  left:50%;
  margin-left:-960px;
  top:0
}
.template_title {
  text-align:center;
  padding-bottom:40px;
  position:relative
}
.template_title .more {
  font-size:14px;
  color:#696969;
  position:absolute;
  right:0;
  bottom:40px
}
.template_title .more:hover {
  color:#5b40e8
}
.template_title .box {
  display:inline-block;
  padding:20px 40px 15px 40px;
  font-size:16px;
  color:#696969;
  line-height:20px;
  border:2px solid #d5d5d5;
  min-width:290px;
  position:relative
}
.template_title .title {
  position:absolute;
  top:-15px;
  font-weight:bold;
  background:#f8f8f8;
  padding:0 15px;
  color:#5b40e8;
  font-size:30px;
  left:50%;
  margin-left:-24%
}
.Bestseller_list {
  margin-left:-23px;
  margin-top:-50px
}
.Bestseller_list * {
  overflow:hidden
}
.Bestseller_list li {
  float:left;
  position:relative;
  width:280px;
  margin-left:23px;
  overflow:hidden;
  background:#fff;
  margin-top:50px
}
.Bestseller_list li .discount {
  position:absolute;
  width:59px;
  height:59px;
  left:0;
  top:0;
  background:url(img/ioc.png) no-repeat 0 -128px;
  z-index:1
}
.Bestseller_list li img {
  width:100%;
  height:410px
}
.Bestseller_list li .box {
  padding:15px;
  line-height:24px
}
.Bestseller_list li .box .title {
  font-size:16px;
  color:#696969;
  height:48px
}
.Bestseller_list li .box .title .hot {
  display:inline-block;
  font-size:12px;
  color:#fff;
  text-align:center;
  line-height:18px;
  width:50px;
  height:18px;
  background:url(img/ioc.png) no-repeat 0 -194px;
  margin-right:5px;
  position:relative;
  top:3px
}
.Bestseller_list li .box .title a {
  color:#696969
}
.Bestseller_list li .box .title a:hover {
  color:#5b40e8
}
.Bestseller_list li .box .price {
  font-size:14px;
  padding-top:15px
}
.Bestseller_list li .box .price .big {
  font-size:24px
}
.Bestseller_list li .box .price .red {
  font-size:24px;
  color:#e60000
}
.Bestseller_list li .box .price .original {
  font-size:12px;
  color:#aaa;
  text-decoration:line-through;
  margin-right:5px
}
.limitedtime_list li:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:5;
  background:rgba(0,0,0,0.8)
}
.limitedtime_list li:after {
  content:"娲诲姩宸茬粨鏉�";
  position:absolute;
  width:120px;
  height:120px;
  left:50%;
  margin-left:-62px;
  top:50%;
  margin-top:-62px;
  font-size:18px;
  color:#fff;
  z-index:6;
  border:2px solid rgba(255,240,0,0.4);
  line-height:120px;
  text-align:center;
  border-radius:50%;
  background:rgba(255,255,255,0.1)
}
.template_box {
  padding:60px 0;
  background:url(img/template_1.jpg.webp) no-repeat center 0
}
.template_box .template_title .box {
  color:#fff;
  border:2px solid #fff;
  border-top:0;
  position:relative
}
.template_box .template_title .box:before,
.template_box .template_title .box:after {
  content:"";
  position:absolute;
  width:30%;
  height:2px;
  background:#fff;
  top:0
}
.template_box .template_title .box:before {
  left:0
}
.template_box .template_title .box:after {
  right:0
}
.template_box .template_title .box .time {
  color:#fff100;
  font-weight:bold;
  padding-left:10px
}
.template_box .template_title .title {
  background:0;
  color:#fff
}
.template_more {
  display:block;
  width:400px;
  height:80px;
  background:#5b40e8;
  text-align:center;
  line-height:80px;
  color:#fff;
  font-size:26px;
  margin:60px auto 0 auto;
  position:relative
}
.template_more span {
  position:relative;
  z-index:3
}
.template_more:after {
  content:"";
  position:absolute;
  height:80px;
  width:0;
  top:0;
  left:0
}
.template_more:hover {
  color:#fff
}
.template_more:hover:after {
  width:100%;
  background:#3215c9
}
.bj_f8f8f8 {
  background:#f8f8f8
}
.location_box {
  height:55px;
  line-height:55px;
  font-size:14px;
  color:#696969
}
.location_box a {
  color:#696969
}
.location_box a:hover {
  color:#5b40e8
}
.location_box span {
  padding:0 5px
}
.screen_nav {
  overflow:hidden;
  padding-bottom:30px
}
.screen_nav li {
  float:left;
  margin-left:-1px
}
.screen_nav li a {
  display:block;
  height:34px;
  line-height:34px;
  text-align:center;
  width:78px;
  background:#fff;
  font-size:14px;
  color:#696969;
  border:1px solid #e6e6e6
}
.screen_nav li.hover a,
.screen_nav li a:hover {
  color:#fff;
  background:#5b40e8
}
.pagination {
  padding:20px 0 50px 0;
  text-align:center;
  font-size:14px;
  overflow:hidden;
  color:#696969
}
.pagination .rollPage {
  height:34px;
  line-height:34px;
  border:1px #dadada solid;
  text-align:center;
  color:#696969;
  width:64px;
  text-align:center;
  background-color:#fff;
  margin-right:5px
}
.pagination .rollPage:hover {
  background-color:#5b40e8;
  color:#fff
}
.pagination .pageNum {
  width:70px;
  height:36px;
  line-height:36px;
  text-align:center;
  padding:0 10px 0 5px
}
.pagination .perpage {
  height:25px;
  padding-top:3px;
  float:left
}
.pagination a,
.pagination .current {
  height:34px;
  line-height:34px;
  border:1px #dadada solid;
  text-align:center;
  width:34px;
  text-align:center;
  color:#696969;
  background-color:#fff;
  text-decoration:none;
  margin-right:5px;
  display:inline-block
}
.pagination a:hover {
  background-color:#5b40e8;
  color:#fff;
  text-decoration:none
}
.pagination .current {
  color:#fff;
  margin-right:4px;
  background-color:#5b40e8
}
.details_box {
  padding-bottom:60px
}
.details_left {
  float:left;
  width:980px
}
.details_right {
  float:right;
  width:190px
}
.details_show {
  overflow:hidden;
  display:flex
}
.details_show .img {
  width:auto;
  height:400px;
  float:left;
  margin-right:40px
}
.details_show .img img {
  height:400px
}
.details_show .img_400 {
  width:400px;
  height:400px;
  float:left;
  margin-right:40px;
  overflow:hidden
}
.details_show .img_400 img {
  width:100%;
  height:400px
}
.details_show .text {
  width:auto;
  max-width:670px;
  float:right
}
.details_show .text_540 {
  width:540px;
  float:right
}
.details_show .titlecf {
  color:#696969;
  font-size:26px;
  line-height:30px;
  font-weight:bold
}
.details_show .txt {
  font-size:14px;
  color:#696969;
  line-height:20px;
  padding:10px 0
}
.details_activity_ioc {
  padding:10px 0
}
.details_activity_ioc .hot {
  display:inline-block;
  width:80px;
  height:22px;
  line-height:22px;
  color:#fff;
  font-size:14px;
  background:url(img/ioc.png) no-repeat 0 -217px;
  padding-left:15px
}
.details_show .original {
  text-decoration:line-through;
  color:#999;
  padding-left:10px
}
.controls-mod {
  margin-bottom:10px;
  line-height:30px;
  position:relative;
  font-size:14px;
  color:#696969;
  padding-left:80px;
  min-height:30px
}
.c1 {
  width:75px;
  position:absolute;
  left:0;
  top:0;
  line-height:30px
}
.present_price {
  color:#5b40e8
}
.discount_price {
  color:#e62f2d
}
.present_price .number,
.discount_price .number {
  font-size:30px;
  font-family:Arial,Helvetica,sans-serif;
  padding:0 5px
}
.vip_price {
  color:#333
}
.vip_price .number {
  font-size:20px;
  font-family:Arial,Helvetica,sans-serif;
  padding:0 5px
}
.level_price {
  display:inline-block;
  margin-left:6px
}
.level_price .growth-vip {
  width:63px;
  height:16px;
  display:inline-block;
  vertical-align:middle;
  background:url(img/ioc.png) no-repeat 0 -244px;
  margin-right:3px
}
.details_show .text .seat_a {
  display:table;
  height:24px;
  background:#fff;
  border:1px solid #ddd;
  color:#696969;
  line-height:24px;
  margin-right:8px;
  margin-bottom:10px;
  padding:0 10px;
  text-align:center
}
.details_show .text .seat_a.on {
  background:#5b40e8;
  border:1px solid #5b40e8;
  color:#fff
}
.details_show .text .seat_a.on:hover {
  color:#fff
}
.details_show .text .seat_a:hover {
  border:1px solid #5b40e8;
  color:#5b40e8
}
.details_show .text_540 .seat_a {
  display:inline-block;
  padding:0 10px;
  height:24px;
  background:#fff;
  border:1px solid #ddd;
  color:#696969;
  line-height:24px;
  margin-right:8px;
  text-align:center;
  margin-bottom:10px
}
.details_show .text_540 .seat_a.on {
  border:2px solid #5b40e8;
  height:22px;
  line-height:22px;
  background:url(img/on.png) no-repeat right bottom
}
.details_show .text_540 .seat_a:hover {
  border:2px solid #5b40e8;
  height:22px;
  line-height:22px
}
.c_e60000 {
  color:#e60000
}
.details_show .but {
  display:inline-block;
  width:148px;
  height:40px;
  line-height:40px;
  text-align:center;
  border:1px solid #5b40e8;
  border-radius:3px;
  font-size:16px;
  color:#5b40e8;
  background:#fff;
  margin-right:20px
}
.details_show .but.on,
.details_show .but:hover {
  color:#fff;
  background:#5b40e8
}
.details_show .but.on:hover {
  background:#3c25b5;
  border:1px solid #3c25b5
}
.details_show .but.default,
.details_show .but.default:hover {
  background:#dadada;
  cursor:not-allowed;
  color:#a2a2a2;
  border:1px #bbb solid
}
.details_title {
  background:#f6f6f6;
  padding:0 2px
}
.details_title .t {
  display:inline-block;
  padding:0 35px;
  font-size:16px;
  height:48px;
  line-height:48px;
  background:#fff;
  color:#000;
  font-weight:bold;
  border-top:2px solid #5b40e8
}
.details_content_text {
  font-size:14px;
  line-height:24px;
  color:#696969;
  padding:15px 0
}
.details_content_text img {
  max-width:100%
}
.relevant_list {
  padding:0 30px;
  border-left:1px solid #e6e6e6;
  height:400px;
  overflow:hidden
}
.relevant_list * {
  overflow:hidden
}
.relevant_list li {
  position:relative;
  border:1px solid #e6e6e6;
  height:128px;
  width:128px;
  text-align:center;
  margin-bottom:5px
}
.relevant_list li img {
  height:128px;
  text-align:center
}
.relevant_list li p {
  position:absolute;
  width:100%;
  left:0;
  bottom:0;
  height:20px;
  line-height:20px;
  background:rgba(0,0,0,0.6);
  color:#fff;
  text-align:right
}
.relevant_list li p span {
  padding:0 5px 0 0
}
.relevant_list li p .t {
  float:left;
  padding:0 0 0 5px;
  max-width:56px;
  height:20px;
  overflow:hidden;
  text-align:left
}
.relevant_list li a:hover p {
  background:rgba(0,0,0,0.9)
}
.notice_box {
  border:1px solid #e6e6e6;
  background:#fff;
  font-size:14px;
  line-height:24px
}
.notice_box .titlecf {
  height:48px;
  line-height:48px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background:#f6f6f6
}
.notice_box .boxx {
  padding:5px 15px
}
.notice_box dl {
  padding:10px 0;
  border-bottom:1px dashed #e6e6e6
}
.notice_box dl dt {
  font-weight:bold
}
.notice_box dl dd .qq {
  display:inline-block;
  vertical-align:middle;
  width:58px;
  height:20px;
  color:#fff;
  line-height:20px;
  padding-left:30px;
  background:url(img/ioc.png) no-repeat 0 -265px;
  font-size:12px;
  position:relative;
  top:-2px
}
.notice_box .hotline {
  padding:10px 0 10px 40px;
  color:#5b40e8;
  font-weight:bold;
  line-height:18px;
  position:relative
}
.notice_box .hotline:after {
  content:"";
  position:absolute;
  width:33px;
  height:33px;
  top:50%;
  margin-top:-17px;
  left:0;
  background:url(img/ioc.png) no-repeat 0 -290px
}
.qrder_quantity {
  width:90px;
  height:25px;
  padding-top:4px;
  display:inline-block
}
.qrder_quantity .btn-reduce,
.qrder_quantity .btn-add {
  display:inline-block;
  border:1px #ededed solid;
  background:#f6f6f6;
  height:20px;
  width:20px;
  line-height:20px;
  margin:0;
  float:left;
  text-align:center
}
.qrder_quantity .text {
  border:1px #ededed solid;
  border-left:0;
  border-right:0;
  height:20px;
  width:40px;
  margin:0;
  float:left;
  text-align:center;
  font-size:12px;
  color:#696969
}
.order_box {
  border:1px solid #e6e6e6;
  margin-bottom:60px;
  background:#fff;
  line-height:30px;
  color:#000
}
.order_box th {
  background:#f6f6f6;
  text-align:right;
  padding:15px 50px 15px 0;
  font-size:14px;
  font-weight:normal;
  width:25%
}
.order_box td {
  padding:15px 50px;
  font-size:14px
}
.order_box .but {
  width:150px;
  height:42px;
  line-height:42px;
  background:#5b40e8;
  color:#fff;
  font-size:16px;
  text-align:center;
  border-radius:3px;
  border:0;
  cursor:pointer
}
.order_box .but:hover {
  background:#391cd1
}
.order_box label {
  color:#b2b2b2
}
.order_box label a {
  color:#b2b2b2
}
.order_box label a:hover {
  color:#5b40e8
}
.order_box label input {
  position:relative;
  top:-2px;
  vertical-align:middle
}
.order_box .text {
  height:32px;
  border:1px solid #e6e6e6;
  padding:0 10px;
  font-size:14px;
  margin-right:10px;
  width:170px
}
.order_box .data-picker {
  background:url(img/ioc.png) no-repeat 160px -332px;
  cursor:pointer
}
.order_box .textarea {
  height:100px;
  line-height:20px;
  border:1px solid #e6e6e6;
  padding:10px;
  font-size:14px;
  width:90%;
  resize:none
}
.order_box .tip {
  color:#888;
  font-size:12px
}
.order_box .erro {
  font-size:12px;
  color:#e60000;
  background:url(img/zchc.png.webp) no-repeat 0 -53px;
  padding-left:22px;
  display:none
}
.Detailed_list {
  border:1px solid #f3f3f3;
  font-size:14px
}
.Detailed_list dt {
  height:38px;
  background:#f3f3f3;
  padding:0 30px;
  line-height:38px
}
.Detailed_list dd {
  height:38px;
  line-height:38px;
  position:relative;
  padding-left:160px;
  border-top:1px solid #f3f3f3
}
.Detailed_list dd .t {
  position:absolute;
  left:28px
}
.order_box .li {
  padding-bottom:10px
}
.order_box .li .t {
  display:inline-block;
  width:55px;
  text-align:right;
  padding-right:10px
}
.order_box .li .t em {
  color:#df3333;
  padding-right:5px
}
.order_box .success {
  background:url(img/zchc.png.webp) no-repeat 0 2px;
  padding-left:22px;
  display:none
}
.swiper-right {
  position:relative;
  width:1190px;
  margin:0 auto;
  z-index:3
}
.swiper-right ul {
  position:absolute;
  right:0;
  width:200px;
  top:0
}
.swiper-right ul li {
  padding-top:19px
}
.swiper-right ul img {
  width:200px;
  height:140px;
  position:relative;
  margin:0;
  left:auto;
  top:auto
}
.notice_box .codecf {
  text-align:center;
  border-top:1px dashed #e6e6e6;
  padding:15px 0 10px 0
}
.notice_box .codecf img {
  width:120px;
  height:120px
}
.notice_box .codecf .t {
  padding-top:5px
}
.notice_box .codecf .t span {
  position:relative;
  padding-left:23px
}
.notice_box .codecf .t span:before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  margin-top:-8px;
  width:20px;
  height:16px;
  background:url(img/wx-s.png) no-repeat
}
.propaganda_box {
  overflow:hidden;
  background:#e1e1e1;
  text-align:center
}
.propaganda_box img {
  width:100%
}
.float_service .code i {
  background:url(img/wx-d.png) no-repeat center center
}
.float_service .code_box {
  position:absolute;
  right:62px;
  top:5px;
  border-radius:5px;
  width:120px;
  background:#fff;
  border:1px solid #5b40e8;
  padding:10px 15px;
  text-align:center;
  color:#787878;
  line-height:12px;
  visibility:hidden
}
.float_service .code_box:before {
  content:"";
  position:absolute;
  right:-9px;
  top:20px;
  width:9px;
  height:25px;
  background:url(img/horn.png) no-repeat
}
.float_service .code_box img {
  width:120px;
  height:120px;
  display:block;
  margin-bottom:5px
}
.float_service li:hover .code_box {
  visibility:visible
}
.float_service {
  margin-top:-253px
}
.float_service .entrance a {
  display:block;
  padding:0;
  height:100px
}
.float_service .entrance {
  background:url(img/hd_a1.jpg) no-repeat
}
.float_service .leftdrawer {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:-1;
  opacity:0;
  -webkit-transition:.3s ease-out;
  -o-transition:.3s ease-out;
  transition:.3s ease-out;
  width:290px;
  height:106px
}
.float_service .entrance:hover .leftdrawer,
.float_service .entrance.hover .leftdrawer {
  left:-290px;
  opacity:1
}
.bj_fff {
  background:#fff
}
.screen_box {
  overflow:hidden;
  background:#fff;
  padding-bottom:10px
}
.screen_box * {
  overflow:hidden
}
.screen_li {
  position:relative;
  overflow:hidden;
  padding:5px 70px 5px 50px;
  min-height:27px;
  line-height:27px;
  font-size:14px
}
.screen_title {
  height:40px;
  position:absolute;
  left:0;
  top:0;
  width:50px;
  line-height:40px;
  color:#333
}
.screen_ul {
  overflow:hidden;
  height:27px
}
.screen_ul.auto {
  height:auto
}
.screen_ul li {
  float:left;
  height:27px;
  padding-right:25px
}
.screen_ul li span {
  display:block;
  float:left;
  padding:0 8px;
  height:20px;
  line-height:20px;
  background:#5b40e8;
  text-align:center;
  color:#fff;
  margin-top:5px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px
}
.screen_ul li a {
  padding-left:5px
}
.screen_li .more {
  display:block;
  position:absolute;
  top:10px;
  right:20px;
  height:20px;
  line-height:20px;
  color:#b2b2b2;
  cursor:pointer;
  padding-right:18px;
  background:url(img/more.png) no-repeat right 7px
}
.screen_li .more.hover {
  background-position:right -24px
}
.screen_li .more:hover {
  color:#5b40e8
}
.sort_box {
  border-top:1px solid #f6f6f6
}
.sort_box .bw_1190 {
  height:45px;
  line-height:45px;
  font-size:14px
}
.sort_box .unlimited,
.sort_box .a {
  margin-left:25px
}
.sort_box .unlimited {
  color:#5b40e8;
  font-weight:bold
}
.file_list li:after,
.file_list li .download {
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
.file_list {
  margin-left:-20px;
  padding-bottom:30px
}
.file_list li {
  width:282px;
  float:left;
  border-radius:5px;
  overflow:hidden;
  background:#fff;
  margin-left:20px;
  margin-top:20px;
  position:relative;
  -webkit-box-shadow:rgba(8,8,8,0.3) 0 0 10px;
  -moz-box-shadow:rgba(8,8,8,0.3) 0 0 10px;
  box-shadow:rgba(8,8,8,0.3) 0 0 10px
}
.file_list li>a {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:3
}
.file_list li img {
  width:100%;
  /*height:420px;*/
  height:282px;
  border-radius:5px
}
.file_list li .download {
  position:absolute;
  width:180px;
  height:48px;
  background:#5b40e8;
  text-align:center;
  line-height:48px;
  color:#fff;
  font-size:22px;
  left:50%;
  margin-left:-90px;
  bottom:0;
  opacity:0;
  border-radius:50px;
  z-index:2;
  top:120px;
}
.file_list li:after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:url(img/hover.png.webp) no-repeat center bottom;
  opacity:0
}
.file_list li .download:hover {
  background:#5137d8
}
.file_list li:hover .download {
  bottom:40px;
  opacity:1
}
.file_list li:hover:after {
  opacity:1
}
.none-tip {
  padding:180px 0;
  text-align:center;
  font-size:20px
}
.file_h1 {
  font-size:20px;
  padding:0 0 20px 0;
  line-height:30px
}
.file_details {
  float:left;
  width:730px;
  background:#fff;
  border-radius:5px;
  overflow:hidden;
  padding:40px 20px;
  -webkit-box-shadow:rgba(8,8,8,0.3) 0 0 10px;
  -moz-box-shadow:rgba(8,8,8,0.3) 0 0 10px;
  box-shadow:rgba(8,8,8,0.3) 0 0 10px
}
.file_details img {
  width:100%
}
.file_download {
  float:right;
  font-size:14px;
  width:300px;
  margin-right:50px;
  padding:40px 0
}
.file_download .download {
  display:block;
  width:250px;
  height:60px;
  border-radius:60px;
  background:#5b40e8;
  font-size:24px;
  color:#fff;
  text-align:center;
  line-height:60px
}
.file_download .download:hover,
.file_download .customized .bnt:hover {
  background:#462bd4
}
.file_download .download.on {
  background:#b8b8b8;
  cursor:no-drop
}
.file_error {
  color:#e60000;
  padding:10px 0;
  font-size:12px
}
.file_error a {
  text-decoration:underline;
  color:#e60000
}
.file_error span {
  margin:0 2px
}
.file_error.no,
.file_error.no a {
  color:#7d7d7d
}
.file_download .text {
  line-height:34px;
  padding:20px 0 25px 0;
  color:#696969
}
.file_download .explain {
  line-height:34px;
  color:#696969
}
.file_download .customized {
  line-height:34px;
  color:#696969;
  padding:30px 0
}
.file_download .customized .bnt {
  display:inline-block;
  width:110px;
  height:32px;
  background:#5b40e8;
  color:#fff;
  text-align:center;
  line-height:32px;
  border-radius:50px
}
.file_download .statement {
  padding:30px 0;
  border-top:1px solid #e6e6e6;
  line-height:25px;
  color:#afafaf
}
.similar_title {
  font-size:18px;
  color:#696969;
  line-height:20px;
  padding-top:30px
}
.file_download .fx_tb {
  display:inline-block;
  height:24px;
  position:relative
}
.file_download .fx_tb:after {
  display:none
}
.file_download .fx_tb a {
  display:inline-block;
  width:24px;
  height:24px;
  margin-right:3px;
  background:url(img/share.png) no-repeat;
  -webkit-transition:all 0 ease;
  -moz-transition:all 0 ease;
  -o-transition:all 0 ease;
  transition:all 0 ease;
  padding-left:0;
  margin-right:5px
}
.file_download .fx_tb .popup_sqq {
  background-position:0 0
}
.file_download .fx_tb .bds_weixin {
  background-position:-31px 0
}
.file_download .fx_tb .bds_qzone {
  background-position:-63px 0
}
.file_download .fx_tb .popup_sqq:hover {
  background-position:0 -27px
}
.file_download .fx_tb .bds_weixin:hover {
  background-position:-31px -27px
}
.file_download .fx_tb .bds_qzone:hover {
  background-position:-63px -27px
}
.gwtb,
.suc_cg,
.scbs {
  background:url(img/spc.png) no-repeat -50px 0;
  display:inline-block;
  width:29px;
  height:20px
}
.Shopping-cart-bar {
  position:absolute;
  right:0;
  top:50%;
  margin-top:-20px
}
.Shopping-cart-bar .gws_tit {
  background:#f6f6f6;
  width:148px;
  height:30px;
  padding-top:8px;
  text-align:center;
  border:1px #e6e6e6 solid;
  display:block;
  font-size:14px;
  color:#333;
  cursor:pointer
}
.Shopping-cart-bar .gws_tit span.gwtb {
  color:#777;
  margin-right:8px;
  vertical-align:text-bottom
}
.Shopping-cart-bar .gws_tit span.gwsl {
  font-size:12px;
  background:#e60000;
  width:20px;
  height:20px;
  line-height:20px;
  border-radius:10px;
  color:#fff;
  text-align:center;
  margin-left:5px;
  display:inline-block
}
.sp_show {
  width:328px;
  max-height:538px;
  box-shadow:0 1px 3px rgba(0,0,0,0.3);
  z-index:3;
  position:absolute;
  background:#fff;
  right:2px;
  top:0;
  display:none
}
.sp_show .gws_tit {
  width:310px;
  text-align:left;
  padding-left:18px;
  border:1px #e6e6e6 solid
}
.gws_con {
  background:#fff;
  position:absolute;
  top:40px;
  width:328px;
  border-left:1px #e6e6e6 solid;
  box-shadow:0 1px 3px rgba(0,0,0,0.3)
}
.gws_con ul {
  max-height:500px;
  overflow-x:hidden;
  width:328px;
  border-right:1px #e6e6e6 solid
}
.gws_con ul li dt {
  border-bottom:1px #e6e6e6 solid;
  height:34px
}
.gws_con .splt_lf {
  width:308px;
  padding:0 0 0 20px;
  height:34px;
  line-height:34px
}
.gwrt_c {
  display:inline-block;
  vertical-align:super
}
.gws_con ul li dl dd {
  padding:12px 0;
  position:relative;
  border-bottom:1px #e6e6e6 solid
}
.gws_con ul li dl dd .tbp_top {
  position:absolute;
  width:18px;
  height:10px;
  background-position:-103px -35px;
  top:-32px;
  display:block;
  left:46px
}
.gws_con ul li dl dd:hover .tbp_top {
  background-position:-50px -35px
}
.gws_con ul li dl li {
  float:left
}
.gwc1 {
  width:210px
}
.gwc1_lf {
  float:left;
  width:175px;
  font-size:14px
}
.gwc1 span {
  margin:0 6px 0 20px;
  float:left
}
.gwc1 .dbwz {
  padding-left:21px
}
.gwc1 .dbwz span {
  margin:0;
  color:#696969
}
.gwc1 .dbwz span.zwzbq {
  min-width:132px;
  padding-right:0
}
.gwc1 .dbwz span.red_e6 {
  color:#e60000
}
.gws_con ul li dl dd li span.sl {
  font-size:14px;
  margin:0;
  color:#000
}
.gws_con ul li dl dd li span.sl font {
  font-family:Arial;
  color:#333
}
.gwc1 span.sx {
  width:28px;
  height:14px;
  display:inline-block;
  margin:3px 0 0 8px;
  background:url(img/spc.png) no-repeat 0 -335px
}
.gwrt_c a {
  display:block;
  font-size:14px;
  width:96px;
  word-wrap:break-word;
  line-height:18px;
  margin-bottom:3px
}
.gwc2 {
  font-size:14px;
  color:#696969;
  font-family:Arial;
  line-height:50px;
  width:35px;
  float:left
}
.gwc3 {
  color:#e60000;
  font-size:12px;
  line-height:50px;
  width:75px
}
.gwc3 font {
  font-size:14px;
  font-family:Arial
}
.gwc4 {
  width:20px
}
span.scbs {
  background-position:-195px 0;
  width:18px;
  height:15px;
  margin:0;
  margin-top:17px;
  cursor:pointer;
  display:none
}
span.scbs:hover {
  background-position:-145px 0
}
.gws_con ul li dt.hvbj span.scbs {
  margin-top:9px
}
.gws_con ul li dd:hover,
.gws_con ul li dt.hvbj:hover {
  background:#f6f6f6
}
.gws_con ul li dd:hover span.scbs,
.gws_con ul li dt.hvbj:hover span.scbs {
  display:block;
  cursor:pointer
}
.gws_con ul li dl dd li .dbnum font,
.gws_con ul li dl dd.mg60 .dbwz span font {
  font-size:16px
}
.gws_con ul li dt .gwc1,
.gws_con ul li dt .gwc2,
.gws_con ul li dt .gwc3 {
  line-height:35px
}
.gws_con ul li dt .gwc1 .ftbd {
  padding-left:20px
}
.gws_con ul li dl dd.mg60 .dbwz {
  padding:0
}
.gws_con ul li dl dd.mg60 .dbwz .red_e6 {
  color:#e60000
}
.gws_con ul li dl dd.mg60 .dbwz span {
  margin:0;
  padding:8px 0;
  color:#696969
}
.gws_ft {
  background:#f6f6f6;
  height:34px;
  width:292px;
  padding:15px 16px 15px 20px;
  border:1px #e6e6e6 solid;
  border-left:0
}
.gws_ft_lf {
  width:175px;
  float:left;
  line-height:18px;
  font-size:14px;
  color:#333
}
.gws_ft_lf.pdtp_1 {
  padding-top:8px
}
.gws_ft_lf span {
  display:inline-block;
  margin-top:0;
  float:none
}
.gws_ft_lf span.qian font {
  font-size:20px;
  font-family:Arial;
  color:#e60000
}
.gws_ft_lf span.qian {
  font-size:18px;
  color:#e60000
}
.gws_con ul li dl dd.fail li span.sl,
.gws_con ul li dl dd.fail li .gwrt_c a,
.gws_con ul li dl dd.fail li span.sl font,
.gws_con ul li dl dd.fail li.gwc3,
.gws_con ul li dl dd.fail li .gwc2 {
  color:#b2b2b2
}
.gws_ft a.gw_js {
  font-size:14px;
  color:#fff;
  width:115px;
  height:36px;
  text-align:center;
  line-height:36px;
  background:#5b40e8;
  display:inline-block;
  border-radius:3px;
  float:right
}
.gws_ft a.gw_js:hover {
  background:#3c25b5;
  color:#fff
}
.gws_ft_lf span.ftb2 {
  padding-left:15px;
  font-size:12px
}
.empty-cart-info {
  background-color:#fff;
  border:0;
  text-align:center;
  line-height:34px;
  font-size:14px;
  color:#ccc;
  width:292px;
  padding:15px 16px 15px 20px;
  height:34px
}
.cart-loading {
  width:329px;
  height:44px;
  text-align:center;
  padding:11px 0
}
.zhezhao {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:.45;
  background-color:#000;
  z-index:5;
  filter:alpha(opacity=45);
  display:none;
  left:0;
  top:0
}
.cart-modal {
  width:618px;
  display:none;
  background:#fff;
  margin:0 auto;
  position:fixed;
  left:50%;
  margin-left:-308px;
  top:50%;
  z-index:1091;
  margin-top:-234px
}
.cart-modal .sp_close {
  margin:15px 15px 0 0;
  background:url(img/ch.png) no-repeat;
  height:16px;
  display:block;
  width:17px;
  float:right
}
.gwfw {
  padding:32px 36px 25px 45px
}
.gwfw dt {
  font-size:16px
}
.gwfw dt span {
  margin-right:8px
}
.suc_cg {
  background-position:-100px 0;
  height:22px;
  width:25px;
  vertical-align:sub
}
.fail_cg {
  width:22px;
  height:22px;
  display:block;
  float:left;
  background:url(img/fail_tips.png) no-repeat center;
  margin-top:2px
}
.gwfw dd {
  height:50px;
  margin-top:15px;
  float:left;
  padding-left:30px
}
.gwfw dd div {
  display:inline-block;
  font-size:14px;
  vertical-align:middle
}
.gwfw dd div.js-succ-tips {
  width:295px
}
.gwfw dd div.js-succ-tips img {
  vertical-align:text-bottom;
  display:inline-block;
  float:left
}
.gwfw dd div.js-succ-tips div {
  width:233px;
  padding-left:12px;
  word-wrap:break-word;
  margin-top:4px
}
.gwfw dd div span {
  color:#696969
}
.gwfw dd.aflrt {
  float:right;
  font-size:14px
}
.gwfw dd.aflrt a.back,
.gwfw dd.aflrt a.df_back {
  width:80px;
  height:34px;
  line-height:34px;
  text-align:center;
  border:1px #e6e6e6 solid;
  background:#f6f6f6;
  display:inline-block;
  border-radius:3px;
  margin-right:15px
}
.gwfw dd.aflrt a.back:hover {
  background:#fff;
  color:#333
}
.gwfw dd.aflrt a.gw_js,
.gwfw dd.aflrt a.df_gwjs {
  background:#5b40e8;
  height:36px;
  line-height:36px;
  width:128px;
  text-align:center;
  color:#fff;
  display:inline-block;
  border-radius:3px
}
.gwfw dd.aflrt a.gw_js:hover {
  background:#3c25b5
}
.gwfw dd.aflrt a.df_back,
.gwfw dd.aflrt a.df_gwjs {
  background:#dadada;
  color:#fff;
  cursor:default
}
.dpyh {
  background:#f6f6f6;
  border-top:1px #e6e6e6 solid;
  padding:25px 0 20px 45px
}
.dpyh dt {
  font-size:14px;
  font-weight:bold;
  margin-bottom:12px
}
.dpyh dd {
  float:left;
  margin-right:24px;
  text-align:center;
  width:90px
}
.dpyh dd a span {
  display:block;
  margin:0 auto
}
.dpyh dd a p {
  line-height:20px;
  height:20px;
  overflow:hidden;
  margin-top:5px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.dpyh dd a span img {
  width:90px;
  height:90px
}
.dpyh dd a span.zu {
  display:inline-block
}
.dpyh dd a {
  font-size:14px;
  color:#333
}
.dpyh dd a:hover {
  color:#e60000
}
.js-cart,
.empty-cart-info,
.cart-loading {
  display:none
}
.online_conversation {
  font-family:"Microsoft YaHei";
  width:525px;
  height:185px;
  position:fixed;
  right:-235px;
  margin-right:0;
  bottom:50px;
  margin-bottom:0;
  background:url(img/kfbj.jpg) no-repeat;
  border-bottom:2px solid #e60000;
  border-radius:5px;
  z-index:101;
  -webkit-box-shadow:rgba(0,0,0,0.28) 3px 0 10px;
  -moz-box-shadow:rgba(0,0,0,0.28) 3px 0 10px;
  box-shadow:rgba(0,0,0,0.28) 3px 0 10px;
  webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  transition:all .6s ease;
  -webkit-transform:scale(0.1);
  -moz-transform:scale(0.1);
  -ms-transform:scale(0.1);
  -o-transform:scale(0.1);
  transform:scale(0.1);
  border-radius:1000px;
  opacity:0
}
.online_conversation.on {
  right:50%;
  margin-right:-262.5px;
  bottom:50%;
  margin-bottom:-100px;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1;
  border-radius:0
}
.online_conversation:after {
  content:"";
  position:absolute;
  width:204px;
  height:224px;
  background:url(img/kf.png.webp) no-repeat;
  left:25px;
  bottom:0
}
.online_conversation .pa {
  padding:40px 0 0 240px
}
.online_conversation .txt {
  font-size:16px;
  line-height:30px;
  padding:0 0 15px 0;
  font-weight:bold
}
.online_conversation .button {
  height:30px
}
.online_conversation .buttona {
  display:block;
  width:100px;
  height:30px;
  float:left;
  border-radius:3px;
  overflow:hidden;
  text-align:center;
  line-height:30px;
  font-size:15px;
  font-weight:bold;
  background:#d8d8d8;
  margin-right:28px;
  color:#fff;
  cursor:pointer
}
.online_conversation .buttona.on {
  background:#e60000
}
.onlineOpen {
  position:fixed;
  width:138px;
  height:150px;
  background:url(img/kfx.png) no-repeat;
  right:0;
  bottom:50px;
  z-index:102;
  display:none;
  cursor:pointer
}
.online_conversation .a {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:2
}
.online_conversation .zindex {
  position:relative;
  z-index:22
}
.seckill-m7 {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:99
}
.seckill-m7 .box {
  position:absolute;
  width:577px;
  height:445px;
  left:50%;
  top:50%;
  margin-left:-288.5px;
  margin-top:-222.5px;
  background:url(img/seckill-m7.png.webp) no-repeat center center
}
.seckill-m7 .box .close {
  position:absolute;
  width:30px;
  height:30px;
  right:108px;
  top:55px;
  cursor:pointer;
  z-index:3
}
.seckill-m7 .box a {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0
}
.top-nav-box .top-nav .turntable {
  position:absolute;
  width:120px;
  height:75px;
  right:0;
  bottom:0;
  background:url(img/zp.gif) no-repeat
}
.top-nav-box .top-nav .turntable.fl {
  width:153px;
  height:73px;
  right:-40px;
  background:url(img/xnfl.gif) no-repeat
}
.top-nav-box .main-nav li {
  font-size:15px;
  padding:0 31px;
  position:relative
}
.top-nav-box .main-nav .line {
  padding:0 0 0 15px
}
.top-nav-box .main-nav .line .i {
  display:block;
  width:2px;
  height:13px;
  background:#dbdbdb;
  position:relative;
  top:16px
}
.top-nav-box .main-nav .iconcf {
  padding-left:20px;
  background:0
}
.top-nav-box .main-nav .iconcf:after {
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:15px;
  top:50%;
  margin-top:-9px
}
.top-nav-box .main-nav .icon-file:after {
  background:url(img/icon-filea.png) no-repeat
}
.top-nav-box .main-nav .b {
  font-weight:bold
}
.top-nav-box .main-nav a {
  position:relative;
  font-size:15px;
  padding:0
}
.top-nav-box .main-nav a:hover,
.top-nav-box .main-nav .hover a {
  height:42px;
  border-bottom:3px solid #5b40e7
}
.top-nav-box .main-nav-label {
  position:absolute;
  top:0;
  right:-20px;
  background:#e60000;
  height:15px;
  line-height:15px;
  color:#fff;
  padding:0 3px;
  font-size:12px;
  border-radius:2px;
  font-style:normal
}
.top-nav-box .main-nav-label:after {
  content:"";
  position:absolute;
  width:4px;
  height:3px;
  left:0;
  bottom:-3px;
  background:url(img/label.png) no-repeat
}
.top-nav-box .main-nav-label.t2 {
  right:-25px
}
.top-nav-box .vice-nav-open {
  min-height:428px;
  border:1px solid #e6e6e6;
  width:auto;
  right:0;
  background:#fff
}
.top-nav-box .vice-nav-open dl {
  margin:0 20px;
  line-height:25px;
  border:0;
  padding:5px 0 0 0
}
.top-nav-box .vice-nav-open dl dt {
  font-size:14px;
  font-weight:normal;
  padding:0;
  color:#333;
  line-height:28px;
  height:28px;
  background:0
}
.top-nav-box .vice-nav-open dl dd {
  font-size:12px
}
.top-nav-box .vice-nav-open dl dd a {
  width:33.3%;
  height:25px;
  color:#696969
}
.top-nav-box .vice-nav-open dl dd a:hover {
  text-decoration:underline
}
.fdwz-tips {
  font-size:14px;
  color:#ec5757;
  background:#fff7f7;
  height:50px;
  line-height:50px;
  border:1px #ffcdcd solid;
  text-align:center;
  margin-bottom:20px
}
.purchase-bady {
  text-align:center;
  padding:50px 20px 100px 20px;
  color:#333
}
.purchase-bady .h1 {
  font-size:18px;
  line-height:25px
}
.purchase-bady .h1 span {
  font-size:24px;
  color:#e84040
}
.purchase-bady .h2 {
  font-size:16px
}
.purchase-bady img {
  margin:20px 0 15px 0
}

.titleadd {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 8px;
}