@charset "utf-8";
/* CSS Document */


h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:none; color:#444; }
a:hover{color:#000; text-decoration:underline;}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
button,textarea,input{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0;}
.hide{display:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.mc{margin:0 auto;}
.mt10{margin-top:8px!important;}
.mr10{margin-right:10px!important;}
.mb10{margin-bottom:10px!important;}
.ml10{margin-left:10px!important;}
.pt10{padding-top:10px;}
.pt8{padding-top:8px;}
.s1{color:#E3413F;}
.s2{color:#fa8a06;}
.s3{color:#444;}
.s4{color:#fff}
.fm{font-family:microsoft yahei,simhei; color:#444}
.border{border:1px solid #ededed;}
.border2{border:1px solid #dedede;}
.border1{border-left:1px solid #dedede; border-right:1px solid #dedede;border-bottom:1px solid #ededed;}

.tar{width:974px; height:70px; background:#f8f8f8; border:1px solid #e4e4e4; border-top:0;}


.c_b{width:100%; height:3960px;}
.c_main{width:100%; height:560px; margin:0px;}
#demo {display: block;margin: 25px auto;border: 1px solid #000;}
.c_product{width:1000px; height:2100px; margin:0 auto;}
.c_product .t1{height:100px; width:100%; background:url(../../images/christmas/title.png) no-repeat left top; margin-top:30px;}
.c_product .t2{height:100px; width:100%; background:url(../../images/christmas/title.png) no-repeat left -104px;margin-top:30px;}
.c_product .t3{height:100px; width:100%; background:url(../../images/christmas/title.png) no-repeat left -211px;margin-top:30px;}
.c_product ul{width:100%; height:370px; margin-top:10px;}
.c_product ul li{width:220px; height:350px;background:url(../../images/christmas/cbg.png) left top; padding-top:15px; float:left; margin:13px 15px 30px; position:relative}
.c_product ul li .pic{width:185px; height:185px; margin:0px auto;}
.c_product ul li p{width:185px; margin:10px auto; line-height:20px; height:60px; overflow:hidden;}
.c_product ul li p.price{height:22px;}
.c_product ul li .buy{width:185px; height:34px; background:#dd0101 url(../../images/christmas/title.png) 4px -318px; margin:10px auto; color:#fff; font:bold  16px/34px Arial, Helvetica, sans-serif; text-indent:50px; border-radius:4px; cursor:pointer;}
.c_product ul li .buy a{color:#fff;}
.c_product ul li .sold{width:185px; height:34px; background:#003883 url(../../images/christmas/title.png) 4px -318px; margin:10px auto; color:#fff; font:bold  16px/34px Arial, Helvetica, sans-serif; text-indent:50px; border-radius:4px; }
.c_product ul li .buy:hover{background:#003883 url(../../images/christmas/title.png) 4px -318px;}
.c_product ul li .pcs{width:55px; height:56px; background:url(../../images/pcs.png) no-repeat left top; position:absolute; right:8px; top:8px;}
.c_product ul li .pcs span.t{width:55px; height:20px;font:bold 18px/40px Arial, Helvetica, sans-serif;color:#fff; text-align:center; display:inline-block;}
.c_product ul li .pcs span.t5{width:55px; height:20px;font:12px/30px Arial, Helvetica, sans-serif;color:#fff; text-align:center; display:inline-block;}

/*clear*/
.ctop1{width:980px; height:190px; margin:0 auto; position:relative; }


/* 焦点图 */
.focus{width:974px;height:200px;position:relative;overflow:hidden ; background:#ccc;margin:12px auto 0; border:1px solid #e4e4e4;}
.fd{width:100px;height:200px;overflow:hidden}
.fd img{height:200px; width:974px;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:80px;width:60px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0;text-indent:-9999px;overflow:hidden;text-decoration:none;margin-top:-48px}
.focus:hover .rslides_nav{height:50px;width:30px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.8;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../../images/christmas/page.png) no-repeat;margin-top:-28px}
.focus:hover .rslides_nav.next{left:auto;background-position:-88px top;right:20px}
.focus:hover .rslides_nav.pre{right:auto;background-position:-58px top;left:20px}
.focus:hover .rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:left top;right:0}
.rslides_tabs{margin:12px auto;clear:both;text-align:center; position:absolute; top:330px; left:420px;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:10px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:rgba(0,0,0, .2);background:#eeeeee;display:inline-block;_display:block;*display:block;width:15px;height:15px; }
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#21a8ba}

.c_clear h2{font:bold 16px/40px Arial, Helvetica, sans-serif; border-bottom:1px solid #ddd; height:40px; margin-bottom:20px;}
.c_clear{width:940px; height:auto; border-radius:8px; margin:0 auto 0px; overflow:hidden; }
.c_clear ul{width:946px; height:auto;  }
.c_clear ul li{width:235px; height:333px;border:1px solid #ededed; border-top:0px; margin:0px 0 -1px -1px; float:left; position:relative}
.c_clear ul li .pic{width:150px; height:150px; margin:10px auto 8px;}
.c_clear ul li .pic:hover{opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.c_clear ul li p{ text-align:center;width:170px; height:80px; line-height:16px;  word-wrap: break-word; overflow:hidden; word-break: normal; margin:10px auto 0; font-family:arial,verdana,sans-serif;}

.c_clear ul li .buy{width:140px; height:28px; background:#22a3a7 url(../../images/christmas/title.png) 8px -320px; margin:10px auto; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; text-indent:48px; cursor:pointer; border-radius:2px;}
.c_clear ul li .buy a{color:#fff !important; font:14px/28px Arial, Helvetica, sans-serif;}
.c_clear ul li .buy a:hover{text-decoration: none}
.c_clear ul li .sold{width:185px; height:28px; background:#ccc url(../../images/christmas/title.png) 8px -320px; margin:10px auto; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; text-indent:48px; border-radius:4px; }
.c_clear ul li .buy:hover{background:#ff634a url(../../images/christmas/title.png) 8px -320px;}
.c_clear ul li .price{height:14px; width:120px; margin:5px auto; line-height:14px; font-size:14px; text-align:center}
.c_clear ul li .price .p1{color:#999; text-decoration:line-through; display:inline-block;}
.c_clear ul li .price .p2{color:#12ad09; margin:0 8px;display:inline-block;}
.c_clear ul li .price .p3{width:12px; height:13px;background:url(../../images/down.png) no-repeat left top;display:inline-block; margin-top:3px; vertical-align:text-top}
.c_clear ul li .pcs{width:55px; height:56px; background:url(../../images/pcs.png) no-repeat left top; position:absolute; right:8px; top:8px;}
.c_clear ul li .pcs span.t{width:55px; height:20px;font:bold 18px/40px Arial, Helvetica, sans-serif;color:#fff; text-align:center; display:inline-block;}
.c_clear ul li .pcs span.t1{width:55px; height:20px;font:12px/30px Arial, Helvetica, sans-serif;color:#fff; text-align:center; display:inline-block;}
.page{height:40px; width:100%; background:#eeeeee;}
.page .pre, .page .next{float:left;margin:7px 5px;}
.page b .pagenow{ background:#0395a2; padding:2px 6px; border-radius:4px;}
.page b{float:left; margin:0 5px;}
.page .sort{width:1000px; margin:15px auto;}
.sort_r{width:auto; margin-right:20px; line-height:40px; margin-top:15px; float:right;}
.sort_r dl dt.left{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat  left top; float:left; vertical-align:text-bottom;margin:10px 10px 0 0; }
.sort_r dl dt.left:hover{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat left -24px;}
.sort_r dl dt.right{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat  -25px top; float:left; ;margin:10px 0 0 10px ;}
.sort_r dl dt.right:hover{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat  -25px -24px;}
.sort_r dl dd{width:auto; float:left}
.sort_r dl dd a{margin:0 7px;}
.sort_r dl dd a.active{font-weight:bold; color:#fff; padding:0 4px; background:#21a8ba; border:1px solid #fff; border-radius:3px;}
.copyright{width:100%;height:60px;  }
.copyright p{font:14px/40px Arial, Helvetica, sans-serif;text-align:center;}


/*device*/
.used-phone{width:1300px; height:auto;  margin:0px auto 15px; }
.device_top{width:100%; height:auto; padding:10px 0 0px; }
.used-phone .filter{width:1300px;height:70px;margin:0 auto 5px;  padding:15px 0; }
.filter-active:after{display:none;}
.device_ad{width:1300px;height:280px;margin: 0 auto 8px;}
.filter dl dt{height:28px;font:bold 18px/24px arial; text-align:left; color:#22a3a7}
.filter dl dd{width:100%; height:30px;}
.filter dl dd ol{width:auto; padding:6px 12px;font-size:14px; border:1px solid #ccc; margin:4px 20px 0px 0; float:left; position: relative; padding-right:28px; cursor:pointer}
.filter dl dd ol:hover{background:#fff; border:1px solid #22a3a7}
.filter dl dd ol .a_list{width:280px; height:auto; position:absolute; left:0; top:36px; background: #fff; border:1px solid #ddd; padding:10px 20px;z-index: 9}
.filter dl dd .sis{ vertical-align: middle; margin:-8px 0 0 50px; float:left; font-size:14px;} 
.filter dl dd .sis i{margin:0 15px;}
.filter dl dd .sis i input{margin:0 8px 0 0; vertical-align: middle}
.filter dl dd span.price{display:inline-block; float:left;margin-left: 28px;}
.filter dl.pleft{margin-left:20px;}
.child:after{ content:"";width:20px; height:20px; position: absolute; right:0; top:3px; background:url("../../images/SVG/clear.svg") no-repeat center center; cursor:pointer; }

.a_list i{height:26px; line-height: 26px; display:block; margin:4px 0}
.a_list i span {display:inline-block; margin:0 8px;}
.a_list i input{width:16px; height:16px; border:1px solid #ccc; border-radius:3px; vertical-align: middle}
.a_list i span.qty{color:#999;}
.filter dl dd ol:before{content:"";position: absolute !important;right: 6px;top: 7px; width:18px; height:18px;background:url(../../images/svg/s-down.svg) no-repeat center center;  }
.used-phone ul li .sold{width:185px; height:34px; background:#ccc; margin:10px auto; color:#fff; font:16px/34px Arial, Helvetica, sans-serif; text-indent:70px; border-radius:4px;cursor: pointer }
.used-phone ul li .price{height:20px; width:170px; margin:5px auto; line-height:20px; font-size:16px; text-align: center}
.used-phone ul li .price .p1{color:#999; text-decoration:line-through; display:inline-block;}
.used-phone ul li .price .p2{color:#12ad09; margin:0 8px;display:inline-block;}
.used-phone ul li .price .p3{width:12px; height:13px;background:url(../../images/down.png) no-repeat left top;display:inline-block; margin-top:3px; vertical-align:text-top}
.used-phone ul{width:1332px; margin:0 0 0 -12px}
.used-phone ul li{width:305px; height:420px;border:1px solid #eee; padding-top:15px; float:left; margin:13px 11px 30px 12px; position:relative; }
.used-phone ul li .wish{width:22px;height:22px;background:url("../../images/svg/wish.svg") no-repeat center center; position: absolute; right:15px; top:15px; cursor:pointer}
.used-phone ul li .wish:hover{opacity: 0.7}
.used-phone ul li .wish.active{width:22px;height:22px;background:url("../../images/svg/wish-list.svg") no-repeat center center;}
.used-phone ul li:hover{border:1px solid #ccc;}
.used-phone ul li .pic{width:250px; height:250px; margin:0px auto; background:url(../../images/christmas/w_bg.png); padding:12px 0 0 0px; overflow:hidden}
.used-phone ul li .pic img{width:250px; height:250px;}
.used-phone ul li p{width:80%; margin:10px auto 0; line-height:18px;height: 56px;overflow: hidden; font-size:13px;}
.used-phone ul li .buy{width:120px; height:34px; background:#22a3a7 url("../../images/svg/cart.svg") no-repeat 3px center;  background-size:35px;text-indent:36px; cursor:pointer; border-radius:2px;font: 14px/34px Arial, Helvetica, sans-serif; color:#fff; float:right;}
.used-phone ul li .qb{width:80%; margin:8px auto;height:34px;}
.used-phone ul li .qb .used-qty{width:124px; float:left; height:34px;}
.used-qty .uql{width:34px; height:32px; background:url("../../images/svg/add-109.svg") no-repeat center center; border:1px solid #ccc; border-radius:0 5px 5px 0; float:left;}
.used-qty .uqr{width:34px; height:32px; background:url("../../images/svg/reduce-109.svg") no-repeat center center;border:1px solid #ccc;  border-radius:5px  0  0 5px;float:left;}
.used-qty .uql,.used-qty .uqr{background-size:20px;}
.used-qty .uqc{width:36px; height:34px;border:1px solid #ccc; margin:0 -1px 0 -1px;float:left; text-align: center;}
.used-qty .uql:hover,.used-qty .uqr:hover,.used-qty .uqc:hover{border:1px solid #22a3a7;}
.used-phone ul li .buy:hover{ background:#ff8039 url("../../images/svg/cart.svg") no-repeat 3px center;background-size:35px; }
.used-phone ul li .buy a{color:#fff; font:14px/34px Arial, Helvetica, sans-serif;}
.used-phone ul li .buy a:hover{text-decoration: none}
.filter dl dd .selected{display:block; margin:0px}
.filter dl dd .selected .child{display:inline-block; font:14px/26px arial; margin:8px 25px 10px 0; float:left; position: relative; padding-right:25px;}
.child:after{ content:"";width:20px; height:20px; position: absolute; right:0; top:3px; background:url("../../images/svg/clear.svg") no-repeat center center; cursor:pointer; }
.filter dl dd .selected .child:last-child{cursor:pointer;}
.child:last-child:hover{color:#ff8541}
.filter dl dd .selected .child:last-child:after{background:none;}



.used-phone ul li>.brand-new,.device ul li>.brand-new{width:101px; height:94px; background:url(../../images/quality.png?v=20230524) no-repeat -206px -552px; position:absolute; left:34px; top:20px; z-index: 2;}
.checkbox-group input{display:none;opacity:0;}
        .checkbox-group input[type=checkbox]+label, .checkbox-group input[type=radio]+label {
            line-height: 1;
            position: relative;
            display:inline;
            /*cursor: pointer;*/
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin:2px 2px 0 0;
            
        }
        .checkbox-group input[type=checkbox]+label:before, .checkbox-group input[type=radio]+label:before {
            line-height: 18px;
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-right: 8px;
            content: '';
            color: #fff;
            border: 1px solid #ccc;
            background-color: #f3f6f8;
            border-radius: 3px;
            vertical-align: middle;
            cursor:pointer;
        }
        .checkbox-group input[type=checkbox]:checked+label:before,.checkbox-group input[type=radio]:checked+label:before{
            /*content:'\2022';圆点*/
            content:'\2713';
            color:#fff;
            background-color: #22a3a7;
            border-radius: 3px;
            font-size:16px;
            text-align: center;
            border-color: #22a3a7;
            cursor:pointer;
        }
        .preorder .checkbox-group input[type=checkbox]:checked+label:before,.checkbox-group input[type=radio]:checked+label:before{
            /*content:'\2022';圆点*/
            content:'\2713';
            color:#fff;
            background-color:#fa8a06 !important;
            border-radius: 3px;
            font-size:16px;
            text-align: center;
            border-color: #fa8a06 !important;
            cursor:pointer;
        }
.page{width:auto; font-size:13px;margin:-15px 0px 0 0; float:right;} 
.page b{width:auto;height:24px;padding:0 6px;float:left;  margin:4px 4px 0 0; color:#666; font-weight:normal; text-align:center;  border: 1px solid #ccc;border-radius:4px;background: #F7F7F7; line-height: 24px;text-align: center;text-decoration: none;color: #444;background: -moz-linear-gradient(top,#fff,#f2f2f2);background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2");-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f2f2f2")"; *cursor:pointer;}
.page b:hover{background: #288ee1;}
.page b:hover a{color:#fff;}
.page .next,.page .pre{float:left;}
.page .pre span{width:22px; height:24px;  margin:6px 5px 0 0; cursor:pointer;background:url(../../images/first_page.svg) no-repeat center center; display:inline-block}
.page .next span{width:22px; height:24px; margin:6px 0 0 3px; cursor:pointer;background:url(../../images/last_page.svg) no-repeat center center; display:inline-block}
.pageNoLink,.pagenow{display: block; min-width:16px; }
.page b.pagenow{background:#777; color:#fff; color:#ff5e00\9}



.page .sort{width:960px; margin:15px auto;}
.sort_r{margin-right:20px; line-height:40px; margin-top:15px; float:right;}
.sort_r dl dt.left{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat  left top; float:left; vertical-align:text-bottom;margin:10px 10px 0 0; }
.sort_r dl dt.left:hover{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat left -24px;}
.sort_r dl dt.right{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat  -25px top; float:left; ;margin:10px 0 0 10px ;}
.sort_r dl dt.right:hover{width:19px; height:19px;background:url(../../images/christmas/page.png) no-repeat  -25px -24px;}
.sort_r dl dd{width:auto; float:left}
.sort_r dl dd a{}
.sort_r dl dd a.active{font-weight:bold; color:#fff; padding:0 4px; background:#21a8ba; border:1px solid #fff; border-radius:8px;}
.copyright{width:100%;height:60px; background:none !important;}
.copyright p{font:14px/40px Arial, Helvetica, sans-serif;text-align:center;}
.sort dl dd{}


/*价格滑块*/
.price-bar{float:left;margin-left:30px;}
#dragbar{position:relative; width:150px; top:6px; float:left;}
#long_bar{ height:0.6em; border:1px solid #aaa; border-radius:4px;}
#small_bar{ background:#ccc; position:absolute; z-index:1; top:1px; height:0.6em; line-height:0.6em; overflow:hidden;}
#long_bar .btn{ width:1.2em; z-index:2; position:absolute; height:1.2em; cursor:pointer; top:-0.3em; margin-left:-0.6em; background:#fa8a06; border-radius:4px; border:1px solid #D3D3D3;}
.used-price{ width:60px; padding:1px 5px 0; height:18px; color:#666; float:left; text-align:center;}