body { background-color: #f7f7f7; }
.newI_block { width: 100%; margin-bottom:30px; }

.middle_box {width: 986px;overflow: hidden; margin: 0 0 0 214px; height:470px; margin-bottom:10px; }
.mcenbox{width: 705px; float: left;}
.newsFlash{width:269px; float: right;}


.pic-roll-container { position: relative; width: 100%; height: 315px; overflow: hidden; background: #fafafa;margin-top: 11px }
.pic-roll-container .pic-roll-list { position: absolute; left: 0; top: 0; height: 315px; font-size: 0 }
.pic-roll-container .pic-roll-list .item { float: left; width: 705px; height: 315px }
.pic-roll-container .next, .pic-roll-container .prev { position: absolute; display: inline-block; width: 20px; height: 40px; margin-top: 138px; cursor: pointer; background: url(../images/xmon.png) 0 0; z-index: 3 }
.pic-roll-container .prev { left: 0; background-position: 0 0 }
.pic-roll-container .next { right: 0; background-position: -20px 0 }
.pic-roll-container .prev:hover { background-position: -40px 0 }
.pic-roll-container .next:hover { background-position: -60px 0 }
.pic-roll-container .banner-btn { position: absolute; width: 260px; bottom: 10px; left: 50%; margin-left: -130px; font-size: 0; text-align: center; z-index: 3 }
.pic-roll-container .banner-btn li {display: inline-block; width: 16px; height: 16px; margin: 0 5px; border-radius: 50%; background: #fff; cursor: pointer }
.pic-roll-container .banner-btn li.active { background: #f04242 }
.pic-roll-container .pic-roll-list .item a img { width: 705px; height: 315px }

.chest-container .pic-roll-container .pic-roll-list .item { position: absolute; left: 0; top: 0 }
.chest-brand { border: 1px solid #e2e2e2; border-right: 0; height: 142px; background: #fff; font-size: 0 }
.chest-brand a { float: left; width: 175px; height: 142px; border-right: 1px solid #e2e2e2; overflow: hidden; position: relative }
.chest-brand a img {width: 175px; height: 142px; position: absolute; left: -5px; top: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.chest-brand a:hover img { left: -15px }


.side-content { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff }
.side-content.notice-content { font-size: 14px; margin-top: 11px; border-top: 1px solid #e5e5e5; line-height: 38px; padding: 0 10px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.side-content.notice-content span { color: #f04242 }
.side-content .account-info { height: 60px; padding: 15px 19px; border-bottom: 1px solid #e5e5e5 }
.side-content .logged-content .account-info { padding: 10px 19px }
.side-content .account-info .avatar { float: left; width: 60px; height: 60px; margin-right: 10px; overflow: hidden; border-radius: 50% }
.side-content .account-info .avatar .vam { width: 60px; height: 60px; background: #eee }
.side-content .account-info .avatar .vam img { max-width: 60px; max-height: 60px }
.side-content .account-info .name { padding-top: 8px; line-height: 18px; font-size: 14px; max-height: 36px; overflow: hidden; word-break: break-all; word-wrap: break-word }
.side-content .account-info .welcome { font-size: 12px; margin-top:10px; color: #999 }
.side-content .account-info .my-account { font-size:14px; color: #f04242 ; margin-top:10px;}
.side-content .account-btn { margin-right: -1px; height: 38px; background: #f8f8f8; color: #666 }
.side-content .account-btn a i, .side-content.side-service-content i { background-image: url(../images/icon.png); background-repeat: no-repeat; vertical-align: middle }
.side-content .account-btn a { display: inline-block; vertical-align: middle; line-height: 38px; width: 131px; text-align: center; border-right: 1px solid #e5e5e5; font-size: 14px }
.side-content .account-btn a i { display: inline-block; width: 16px; height: 16px; margin: -2px 10px 0 0 }
.side-content .account-btn a .icon-login { background-position: 0 0 }
.side-content .account-btn a .icon-register { background-position: -20px 0 }
.side-content .logged-content .account-btn { padding: 5px 0; margin-right: 0 }
.side-content .logged-content .account-btn a { line-height: 19px; width: auto; border: 0; padding: 0 13px }
.side-content .logged-content .account-btn a span { display: block; color: #f04242 }
.side-content .logged-content .account-btn .line { display: inline-block; font-size: 12px; color: #e2e2e2; vertical-align: middle }
.side-content .logged-content .account-btn .account-seller-btn { width: 103px; line-height: 38px }
.side-content.side-service-content { padding: 12px }
.side-content.side-service-content a { display: inline-block; width: 25px; height: 24px; margin: 0 15px }
.side-content.side-service-content i { display: inline-block; width: 25px; height: 24px }
.side-content.side-service-content .icon-service-1 { background-position: 0 -20px }
.side-content.side-service-content .icon-service-2 { background-position: -25px -20px }
.side-content.side-service-content .icon-service-3 { background-position: 0 -50px }
.side-content.side-service-content .icon-service-4 { background-position: -25px -50px }
.side-content.side-service-content .icon-service-1:hover { background-position: 0 -260px }
.side-content.side-service-content .icon-service-2:hover { background-position: -25px -260px }
.side-content.side-service-content .icon-service-3:hover { background-position: 0 -290px }
.side-content.side-service-content .icon-service-4:hover { background-position: -25px -290px }
.side-content.message-content { height:157px; padding: 0 9px }
.side-content.message-content .message-tab { height: 31px; line-height: 31px; border-bottom: 1px solid #e5e5e5 }
.side-content.message-content .message-tab span { display: inline-block; font-size: 12px; cursor: pointer }
.side-content.message-content .message-tab .tab-item { margin: 0 15px; font-weight:bold; font-size:14px; }
.side-content.message-content .message-tab span.active { color: #f04242 }
.side-content.message-content .message-tab .line { color: #e2e2e2 }
.side-content.message-content .notice-list { line-height: 25px; padding-top: 11px; padding-left: 9px; padding-right: 9px; font-size: 12px }
.side-content.message-content .notice-list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.side-content.message-content .notice-list li:before { content: "·"; font-size: 20px; display: inline-block; vertical-align: middle; line-height: 25px; padding-right: 3px }

.introduce-content{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;  background: #fff}
.introduce-content .item { float: left; width: 75px; height: 65px }
.introduce-content .item a { display: block; font-size: 12px; color: #666 }
.introduce-content .item .pic { width: 30px; height: 24px; padding: 7px 4px; background: #f6f6f6; border: 1px solid #ebebeb; margin: 0 auto }
.introduce-content .item .pic i { display: inline-block; vertical-align: middle; width: 30px; height: 24px; background: url(../images/icon.png) no-repeat }
.introduce-content .item .pic .icon-introduce-1 { background-position: 0 -80px }
.introduce-content .item a:hover .pic .icon-introduce-1 { background-position: -30px -80px }
.introduce-content .item .pic .icon-introduce-2 { background-position: 0 -110px }
.introduce-content .item a:hover .pic .icon-introduce-2 { background-position: -30px -110px }
.introduce-content .item .pic .icon-introduce-3 { background-position: 0 -140px }
.introduce-content .item a:hover .pic .icon-introduce-3 { background-position: -30px -140px }
.introduce-content .item .pic .icon-introduce-4 { background-position: 0 -170px }
.introduce-content .item a:hover .pic .icon-introduce-4 { background-position: -30px -170px }
.introduce-content .item .pic .icon-introduce-5 { background-position: 0 -200px }
.introduce-content .item a:hover .pic .icon-introduce-5 { background-position: -30px -200px }
.introduce-content .item .pic .icon-introduce-6 { background-position: 0 -230px }
.introduce-content .item a:hover .pic .icon-introduce-6 { background-position: -30px -230px }
.introduce-content { padding-top: 14px }
.introduce-content .item .title { line-height: 14px; margin-top: 9px; text-align: center }
.introduce-content .arrow {float: left; width: 10px;height: 65px; background: url(../images/arrr.png) no-repeat center 15px;}



.entry-box { margin:2px auto; position: relative; }
.entry-box li { display: block; float: left; padding:6px 0; text-align: center; width: 33.3%; }
.entry-box li:hover {background:#fff;}
.entry-box li span{ display:block;}
.entry-box .icon-lesson {background:url(../images/course-my.png) 0 0; display: inline-block; height: 40px; vertical-align: middle; width: 40px;}
.entry-box .course-my_02 .icon-lesson {background:url(../images/course-my.png) -40px 0;}
.entry-box .course-my_03 .icon-lesson {background:url(../images/course-my.png) -80px 0;}
.entry-box .course-my_04 .icon-lesson {background:url(../images/course-my.png) -120px 0;}
.entry-box .course-my_05 .icon-lesson {background:url(../images/course-my.png) -160px 0;}
.entry-box .course-my_06 .icon-lesson {background:url(../images/course-my.png) -200px 0;}

.entry-box .course-my_01:hover .icon-lesson {background:url(../images/course-my.png) 0 -40px;}
.entry-box .course-my_02:hover .icon-lesson {background:url(../images/course-my.png) -40px -40px;}
.entry-box .course-my_03:hover .icon-lesson {background:url(../images/course-my.png) -80px -40px;}
.entry-box .course-my_04:hover .icon-lesson {background:url(../images/course-my.png) -120px -40px;}
.entry-box .course-my_05:hover .icon-lesson {background:url(../images/course-my.png) -160px -40px;}
.entry-box .course-my_06:hover .icon-lesson{background:url(../images/course-my.png) -200px -40px;}

.entry-box li a { display:inline-block;width:100%;height:100%;}
.entry-box li a:hover { color:#ff4400;}


.service-content{ border: 1px solid #e2e2e2; background: #fff; padding:20px 0px; width:1200px; margin:0px auto;}
.service-content .service-ico { float: left; width: 110px; margin: 0 25px; text-align: center; color: #999 }
.service-content .service-ico .stitle { line-height: 30px }
.service-content .service-ico i { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-image: url(../images/icon_service.png); background-repeat:no-repeat; }
.service-ico .service-icon-1 { background-position: 0 0 }
.service-ico .service-icon-2 { background-position: 0 -50px }
.service-ico .service-icon-3 { background-position: 0 -100px }
.service-ico .service-icon-4 { background-position: 0 -150px }
.service-ico .service-icon-5 { background-position: 0 -200px }
.service-ico .service-icon-6 { background-position: 0 -250px }
.service-ico .service-icon-7 { background-position: 0 -300px }





.newI_section1 { height: 434px; position: relative; width: 100%; border-bottom: 1px solid #f7f7f7;box-shadow: 0 4px 5px #dedcdd;}
.newI_lb { position: relative; height: 434px; width: 100%; overflow: hidden; }
/*登录、公告、活动...*/


.newI_action_s3 { height: 166px; padding: 1px 0; background: url(../images/newI-ico2.jpg) no-repeat; }
.s3_item { height: 100%; }
.s3_item li { float: left; width: 81px; height: 82px; margin: 1px 1px 0 0; background: url(../images/newI-ico2-1.png) no-repeat; position: relative; }
.s3_item li.s3_item_list2 { background-position: -82px 0; }
.s3_item li.s3_item_list3 { background-position: -165px 0; }
.s3_item li.s3_item_list4 { background-position: 0 -84px; }
.s3_item li.s3_item_list5 { background-position: -82px -84px; }
.s3_item li.s3_item_list6 { background-position: -165px -84px; }
.s3_item li.s3_item_list_login { background: none; }
.s3_item li a { display: block; height: 100%; width: 100%; float: left; }
.s3_item_list_data { position: absolute; top: 24px; left: 0; width: 100%; color: #999999; font-size: 14px; text-align: center; }
.s3_item_list4 .s3_item_list_data span { color: #f99797; }
.s3_item_list5 .s3_item_list_data span { color: #76cdf2; }
.s3_item_list6 .s3_item_list_data span { color: #fbd13d; }
.s3_item_list_data span { font-size: 18px; font-weight: bold; padding-right: 2px; }
.s3_item li a:hover p { color: #ea4848; }
.s3_item li p { width: 100%; color: #606161; line-height: 26px; font-size: 12px; text-align: center; position: absolute; top: 52px; left: 0; }




.row-tit{margin:15px auto;height:18px}
.row-tit h4{font-size:18px; line-height:18px; float: left;}
.row-tit .more{color: #999;line-height: 12px;margin-top: 6px;}
.row-tit .more:hover{color: #0d81f8;}


.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;behavior: url(ie-css3.htc);}
.cell {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0!important;position: relative;}


.list-dg{margin:0px -8px;}

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}


/*产品折扣*/
.item-dg{margin-bottom:15px;height:320px;overflow: hidden; width:288px;padding:0px 8px; float:left; position: relative;}
.item-dg .inner{border-radius:4px; position: relative;overflow: hidden;-webkit-box-shadow: 0 0 6px #ddd;}
.item-dg .inner:hover{z-index:2;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-transform: translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;}
.item-dg .inner .tag_hot{display: block;position: absolute;width:74px;height:70px;background: url(../images/dg_tag.png) no-repeat 0px 0px;z-index:999}
.item-dg .inner .tag_new{display: block;position: absolute;width:74px;height:70px;background: url(../images/dg_tag.png) no-repeat -74px 0px;z-index:999}

.item-dg .imgbox{height:240px; overflow: hidden; position: relative;}
.item-dg .imgbox img{width:100%;height:245px;}
.imgbox:hover img {-webkit-transform: scale3d(1.09,1.09,1);transform: scale3d(1.09,1.09,1);-webkit-transition: -webkit-transform 0.4s;transition: transform 0.6s;-webkit-transition: transform 0.6s;-moz-transition: transform 0.6s;-ms-transition: transform 0.6s;-o-transition: transform 0.6s;}
.item-dg .imgbox .tag_dg{position: absolute; height:50px;width:50px; border-radius:100%; background-color:#e4393c/* #ffcc33*/; color: #fff; top:10px; left:10px;z-index:999;font-size:16px; font-weight:bold;text-align: center;line-height: 50px;}

.item-dg.fipro{width:592px; float:left;}
.item-dg.fipro .imgbox{height:278px; overflow: hidden; position: relative;}
.item-dg.fipro .imgbox img{width:100%;height:278px;}
.item-dg.fipro .imgbox .title{position: absolute; bottom:0px; width:100%; height:40px;line-height:40px;background-color: rgba(0,0,0,.5); color: #fff; text-indent:15px; font-size: 14px;}

.item-dg .info{padding:18px; background:#fff;}
.item-dg .info .title{font-size:14px;line-height:14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #666; font-weight: 400;margin-bottom: 15px;}
.item-dg .info .price{font-size:14px;line-height:14px;color: #ff5555;}
.item-dg .info .pt{ float: right; color: #999; font-size:14px; text-decoration:line-through;}
.item-dg .info .zhe{text-align: right;font-size:14px;line-height:14px; color: #999;text-decoration:line-through;}

.item-dg.fipro .info{padding:13px;}


.fonepro{ clear:both; margin:10px 0 0 -10px;} 

.fonepro li { width: 230px; height: 320px;border: 1px solid #fff; margin: 0 0px 10px 10px; background-color: #FFF; float: left; }
.fonepro li:hover { box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.3); transition: all ease .3s; -webkit-transition: all ease .3s; }
.fonepro .fonepro-img { max-height: 320px; max-width: 234px; overflow: hidden; vertical-align: middle; text-align: center; margin-top: 25px; margin-bottom: 10px; }
.fonepro .fonepro-img img{ width:160px; height:160px;}
.fonepro .fonepro-text { text-align: center; }
.fonepro-text .floot-textaa { font-size: 14px; width: 234px; overflow: hidden; height: 20px; font-family: "微软雅黑"; color: #333; }
.fonepro-text .floot-textaa a { color: #333; font-size: 16px; }
.floot-textaa a:hover { color: #d90b19; }
.fonepro-text .floot-textbb { width: 230px; overflow: hidden; height: 17px; margin: 3px 0; margin-top: 8px; color: #b0b0b0; }
.fonepro-text .floot-textbb a { color: #b0b0b0; }
.floot-textbb a:hover { color: #b0b0b0; ; }
.fonepro-text .floot-textcc { color: #b0b0b0; ; margin-top: 12px; }
.fonepro-text .floot-textcc .cc-color { color: #ff6700; font: 16px/1.5 "Microsoft Yahei", sans-serif; font-weight: bold; }



/*特价爆款*/
.hot-product { display: inline-block; background: #fc444e; padding:3px 8px; color: #fff; font-size: 10px; margin-left: 5px; }
.newI_section2 { height: 211px; margin: 16px auto 0; width: 1200px; }
.newI_section2 ul { width: 100%; height: 100%; }
.newI_section2_item li { float: left; width: 246px; height: 100%; margin-right: 4px; overflow: hidden; position: relative; }
.newI_section2_item li.newI_s2_l5 { margin-right: 0; }
li.newI_s2_l1 { width:200px; background-color: #e4393c; }
.newI_section2_item li>a { display: block; width: 100%; height: 100%; }
.newI_section2_item li a img { width: 100%; }
.newI_s2_bg_img {display: inline-block; margin: 0 0 12px 6px; width: 22px !important; }
.newI_s2_l1_box { padding-left: 23px; color: #fff; }
.newI_s2_l1_box h3 { font-size: 18px; font-family: "微软雅黑"; font-weight: normal; height: 30px; line-height: 30px; margin: 24px 0 36px; border-bottom: 2px solid #fff; }
.newI_s2_l1_box p { height: 24px; font-size: 12px; line-height: 22px; }
.newI_s2_l1_box a { color: #fff; display: block; font-size: 12px; text-align: center; height: 23px; line-height: 23px; width: 96px; border: 2px solid #fff; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; }
.newI_s2_l1_box .newI_s2_btn { margin-bottom: 30px; }
.newI_s2_l1_box a:hover { background-color: #d11b1c; }
.newI_s2_box { color: #000; position: absolute; left: 20px; top: 26px; z-index: 10; }
.newI_s2_box h3 { display: inline-block; font-size: 16px; font-family: "微软雅黑"; font-weight: normal; line-height: 24px; }
.newI_s2_l2 .newI_s2_box h3 { color: #949586; }
.newI_s2_l3 .newI_s2_box h3 { color: #a2937b; }
.newI_s2_l4 .newI_s2_box h3 { color: #70957b; }
.newI_s2_l5 .newI_s2_box h3 { color: #ab8389; }
.newI_s2_box p { font-size: 12px; line-height: 20px; }
.newI_s_box p span { display: inline-block; height: 21px; line-height: 21px; background-color: #fa9e55; color: #fff; padding: 0 8px; margin-top: 3px; }



.section{ display:block;}
img.moveImg, img.moveTopImg, img.moveRightImg { position: absolute; left: 0; top: 0; }
img.moveImg, img.scaleImg, img.moveTopImg, img.moveRightImg { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }
.section li a:hover img.moveImg { transform: translateX(-4px); -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); }
.section li a:hover img.moveRightImg { transform: translateX(4px); -webkit-transform: translateX(4px); -moz-transform: translateX(4px); }
.section li a:hover img.scaleImg { transform: scale(1.04, 1.04); -webkit-transform: scale(1.04, 1.04); -moz-transform: scale(1.04, 1.04); }
.section li a:hover img.moveTopImg { transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); }


.instructions { margin:10px auto; width:1200px; }
.instructions .layout { height: 70px; border: 1px solid #e2e2e2; background-color: #f2f2f2; padding: 16px 0 16px 30px; color: #b2b2b2; box-sizing: border-box }
.instructions .step { float: left; width: 200px; position: relative; margin-right:30px }
.instructions .step em { width: 36px; height: 36px; border: 1px solid gray; color: gray; font-size: 22px; text-align: center; line-height: 36px; margin-right: 22px; float: left; border-radius: 50% }
.instructions .step .tit { font-size: 14px; color: gray }
.instructions .step:after { content: ''; width:24px; height: 32px; position: absolute; right: 0; top: 4px; background: url(../images/sx.png) 0 0; }
.instructions .step-5 { margin-right: 0 }
.instructions .step-5:after { display: none }



/*一行楼梯*/
.nav-menu { height:46px; line-height:46px;overflow:hidden;}
.nav-menu h3 { font-size: 22px; }
.nav-menu h3 em{background:#e4393c; width:5px; height:22px; margin:12px 10px 5px 0; display:inline-block; float:left; }
.nav-menu h3 b{font-family: Arial; color: #38b25d; font-size: 28px; font-weight:bold; display:inline-block; float:left; padding-right: 15px; }
.nav-menu h3 a { font-weight:100; color: #626262;font-size: 18px; }
.nav-menu h3 span{ float:right;height:46px; line-height:46px; display:block; margin:10px 10px 0 0;}
.nav-menu h3 span a { color: #38b25d; font-size: 16px; line-height: normal; text-decoration: underline; }

.contentbox{ width:1200px; margin:0px auto;}     
.contentbox .banner-featured { width:232px; float:left;position: relative; }
.contentbox .banner-featured2 { width:474px; float:left;position: relative; }
.banner-img img { position: relative; display: inline-block; width:232px; height:302px; }
.banner-img a:before{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); transform: scale(0, 1); }
.banner-img a:after{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1, 0); }
.banner-img a:hover:before, .banner-img a:hover:after{ transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }   

.banner-img2 img { position: relative; display: inline-block; width:474px; height:302px; }
.banner-img2 a:before{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); transform: scale(0, 1); }
.banner-img2 a:after{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1, 0); }
.banner-img2 a:hover:before, .banner-img2 a:hover:after{ transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }  

.contentbox ul{ float:left;}    
.contentbox ul.thang{ clear:both; margin:10px 0 0 -10px;} 
.contentbox ul.thang li{ margin-top:10px;}
.contentbox ul li { background: #fff; border: 1px solid #e8e8e8; width:232px; height:300px;float:left; margin-left:10px; display:inline-block; overflow: hidden;box-sizing: border-box; }
.contentbox ul li:hover{border: 1px solid #e4393c;}
.contentbox ul li a { display: block; padding-top: 15px }
.contentbox ul li:hover img, .contentbox ul li:hover img { padding-left: 0; right: 42px }
.contenttext { text-align: center; }
.ptitle { color: #31373c; display: block; font-size: 16px }
.ptitle, .pinfo { height: 20px; line-height: 20px; overflow: hidden }
.pprice { color: #ee4a25; display: block; font-size: 14px; font-style: normal; margin-top: 6px }
.contentbox .pinfo { display: block; color: #848484; font-size: 13px; height: 20px; line-height: 20px; margin-top: 6px; overflow: hidden }
.contentpic { display: block; position: relative; text-align: right; margin-top:10px; }
.contentpic img { width: 180px; height: 180px; overflow: hidden; position: absolute; right: 25px; top: 7px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.contentpic:hover img { right: 10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out }
.contentpicbig { bottom: 20px; display: block; position: absolute; right: 22px; text-align: right }
.contentpicbig:hover img { margin-right: 12px; right: 12px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out }





/*左侧导航栏*/
.floor-nav { position: fixed; _position: absolute; top: -1000px; left: 50%; z-index: 110; width: 44px; margin: 0 0 0 -674px; background: #fff; overflow: hidden }
.floor-nav a { color: #666; line-height: 16px; padding: 6px; overflow: hidden; display: block }
.floor-nav .one-row { line-height: 32px }
.floor-nav .nav-item.sel a { color: #0487e2; font-weight: bold; text-decoration: none }
.floor-nav .nav-item a:hover { color: #fff; font-weight: bold; background: #0487e2; text-decoration: none }
.floor-nav .cut-line { height: 1px; background: #ced1da; overflow: hidden; margin: 0 6px; display: block }


/*轮播*/
.hide { display: none; }
.ck-slide1 { width: 2000px; height: 434px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -1000px; }
.ck-slide2 { width: 698px; height: 224px; margin: 0 auto; float: left; margin-left: 10px; }
.ck-slide1 .ck-slide-wrapper>li { height: 434px; }
.ck-slide1 .ck-slide-wrapper>li > a > img { height: 434px; }
.ck-slide2 .ck-slide-wrapper>li { height: 224px; width: 698px !important; }
.ck-slide1.ck-slide ul.ck-slide-wrapper li { position: absolute; left: 0; top: 0; width: 100%; }
.ck-slide ul.ck-slide-wrapper { height: 100%; width: 100%; }
.move_pic { display: none; }
.slideF .move_pic { top: 48px; left: 50%; margin-left: -328px; }
.slideS .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.slideT .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.lcur .move_pic { position: absolute; animation: move-left2 0.5s ease-in; -moz-animation: move-left2 0.5s ease-in; -webkit-animation: move-left2 0.5s ease-in; display: block; }
.newI_action_s1_qq .newI_action_change_btn { display: inline-block; background: none; text-indent: 6px; color: #13a8ee; padding-right: 6px; }



.ck-slide ul { margin: 0; padding: 0; list-style-type: none; }
.ck-slide { position: relative; overflow: hidden; }
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; }
.ck-slide ul.ck-slide-wrapper li { position: absolute; left: 0; top: 0; }
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 24px; height: 46px; margin-top: -23px; background-repeat: no-repeat; display: none; }
.ck-slide .ck-prev { left: 5px; background: url(../img/left-bg.png) no-repeat; }
.ck-slide .ck-next { right: 5px; background: url(../img/right-bg.png) no-repeat; }
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30; }
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; }
.ck-slidebox ul li { float: left; height: 16px; margin: 2px 8px; }
.ck-slidebox ul li em { display: block; width: 16px; height: 16px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer; }
.ck-slidebox ul li.current em { background-color: #fd5455; }
.ck-slidebox ul li em:hover { background-color: #fd5455; }
.hide { display: none; }
.ck-slide1 { width: 2000px; height: 434px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -1000px; }
.ck-slide2 { width: 698px; height: 224px; margin: 0 auto; float: left; margin-left: 10px; }
.ck-slide ul.ck-slide-wrapper { height: 100%; width: 100%; }
.move_pic { display: none; }
.slideF .move_pic { top: 48px; left: 50%; margin-left: -328px; }
.slideS .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.slideT .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.lcur .move_pic { position: absolute; animation: move-left2 0.5s ease-in; -moz-animation: move-left2 0.5s ease-in; -webkit-animation: move-left2 0.5s ease-in; display: block; }