/* versions:v1.5.1 */

.content{ padding-bottom: 50px}
.content-in{ overflow: hidden; *zoom:1;}
.side{ float: left;}
.main{ overflow: hidden; *zoom:1; background: #fff}

/* buy-num */
.buy-num{ font-size: 0}
.buy-num .buy-txt{ font-size: 14px; display: inline-block; *display: inline; *zoom:1; line-height: 30px; vertical-align: top; white-space: nowrap;}
.buy-num .count-box{ margin-right: 18px}

/* sum-infobox */
.sum-infobox{ text-align: right; padding: 15px 0; overflow: hidden; *zoom:1;}
.sum-infobox .sum-c1{ float: left; text-align: left;}
.sum-infobox .sum-c2{ float: right;}
.sum-infobox .sum-infobox-txt{ line-height: 26px}
.sum-infobox .price2{ padding:2px 0 10px;}
.sum-infobox .discount-coupon{ line-height: 24px; font-size: 0}
.sum-infobox .coupon-tit, .sum-infobox .coupon-txt, .sum-infobox .coupon, .sum-infobox .btn-coupon{ display: inline-block; *display:inline; *zoom:1; vertical-align: top;}
.sum-infobox .coupon-tit, .sum-infobox .coupon-txt, .sum-infobox .btn-coupon{ font-size: 14px}
.sum-infobox .coupon{ position: relative; color: #fff; font-size: 12px; padding-right: 5px; background: url(/ue1/a/mai/index/2016/img/bg-8.png) right -100px; margin-right: 10px}
.sum-infobox .coupon-in{ background: #ff3f3f; padding: 0 6px;}
.sum-infobox .coupon .triangle{ display:block; overflow:hidden; position:absolute; left: 0; top:0; width:0; height:0; font-size:0; border-bottom:4px dashed transparent; border-right:4px dashed transparent;  border-left-style:solid; border-left-width:4px; border-top-style:solid; border-top-width:4px; color: #ff8400;}
.sum-infobox .sum-infobox-tips{ margin-top: 10px}
.sum-infobox .checkbox-item{ margin-top: 10px;}
.sum-infobox .checkbox-item .checkbox{ margin: 1px 8px 5px 0; vertical-align: middle;}
.sum-infobox-ex2 .sum-c2{ padding:10px 0 0 55px; border-top:1px solid #e2e2e2}

.sum-infobox2{ overflow: hidden; *zoom:1; border-top:1px solid #e2e2e2; padding: 15px 0}
.sum-infobox2 .sum-c1{ float: left; padding-top: 10px;}
.sum-infobox2 .sum-c2{ float: right; text-align: right;}
.sum-infobox2 .price2{ margin-top:15px;}
.sum-infobox2 .submit{ font-size: 0; margin-top: 10px}
.sum-infobox2 .tip-box{ display: inline-block; color: #888; background: #f0f0f0; font-size: 14px; padding: 0  13px 0 16px; border-radius: 5px; line-height:36px; position: relative; margin: 5px 17px 0 0; *display: inline; *zoom:1; vertical-align: top;}
.sum-infobox2 .tip-box .triangle{ display:block; overflow:hidden; position:absolute; right: -12px; top:12px;  width:0; height:0; font-size:0; border-top:6px dashed transparent; border-right:6px dashed transparent; border-bottom:6px dashed transparent; border-left-style:solid; border-left-width:6px; color: #f0f0f0;}

/* count-box */
.count-box{ width: 32px; height: 28px; border: 1px solid #d5d5d5; padding: 0  23px; position: relative;  display: inline-block; *display: inline; *zoom:1; overflow: hidden;}
.count-box input{width:100%;height:28px;*margin-bottom:-1px;font-size:14px;color:#333;line-height:28px\9;border:0;background:0 0;outline:0; text-align: center;}
.count-box .btn{line-height: 30px; height: 30px; text-align: center; color: #aaaaaa; background: #f0f0f0; width: 22px; position: absolute; top:-1px; cursor: pointer; font-size:18px; font-weight: bold; font-family: SimSun}
.count-box .btn-subtract{ border-right:1px solid #d5d5d5; left: 0}
.count-box .btn-add{ border-left:1px solid #d5d5d5; right: 0}
.count-box-disable .btn:hover{ cursor: default;}
.count-box-disable input{ color: #ccc}

/* crumbs */
.crumbs{ color: #333; line-height: 50px}
.crumbs a{ color: #333}
.crumbs .sep{ margin: 0 10px; color: #888}
.crumbs-ex2{ color: #888;}
.crumbs-ex2 a{ color: #888}
.crumbs-ex2 .sep{ color: #888}
.crumbs-ex3{ color: #888;}
.crumbs-ex3 a{ color: #888}
.crumbs-ex3 .sep{ color: #888}

/* side-nav */
.side-nav{ width: 160px; padding: 20px 0;}
.list-side-nav .con{ display: inline-block; color: #333; line-height: 36px; white-space: nowrap; -webkit-transition:0.3s ease; -moz-transition-duration:0.3s ease; -ms-transition:0.3s ease;  -o-transition:0.3s ease; transition:0.3s ease;}
.list-side-nav .ico3{ -webkit-transition:0.3s ease; -moz-transition-duration:0.3s ease; -ms-transition:0.3s ease;  -o-transition:0.3s ease; transition:0.3s ease;}
.list-side-nav .con:hover{ text-decoration: none; color: #55e1d2}
.list-side-nav .con:hover .ico3-nav1{ background-position:-132px -110px}
.list-side-nav .con:hover .ico3-nav2{ background-position:-152px -110px}
.list-side-nav .con:hover .ico3-nav3{ background-position:-168px -110px}
.list-side-nav .con:hover .ico3-nav4{ background-position:-188px -110px}
.side-nav-fixed{ position: fixed; top:55px; left: 50%; margin-left: -500px; _position: absolute;}
.side-nav .side-nav-fixed{ width: 160px}

.side-nav2{ width: 210px; margin-right:10px}
.list-side-nav2 .nav-item{ background: #fff; margin-bottom:10px; *zoom:1;}
.list-side-nav2 .nav-tit{ background: #333; color: #fff; font-size:16px; padding: 13px 10px 13px 24px}
.list-side-subnav2 .subnav-tit{ color: #666; font-weight: bold; border-bottom: 1px solid #f3f3f3; padding:9px 10px 9px 24px}
.list-side-subnav2 .list-link{ padding: 6px 0  14px}
.list-side-subnav2 .list-link li{ padding: 7px 0}
.list-side-subnav2 .list-link .con{ display: block; color: #666; line-height: 16px; padding:0 10px 0 20px; border-left:4px solid #fff; height: 16px}
.list-side-subnav2 .list-link .con:hover{ color: #55e1d2; text-decoration: none;}
.list-side-subnav2 .list-link .current{ color: #55e1d2; border-color: #55e1d2}

.side-nav3{ width: 210px; margin-right:10px; padding-bottom: 1px} 
.side-nav3 .side-nav-box{ background: #fff;}
.list-side-nav3 li{ border-bottom:1px solid #f3f3f3; height: 49px}
.list-side-nav3 .con{ display: block; color: #666; font-size: 16px; line-height: 50px; height: 50px; padding: 0 8px 0 24px; margin-bottom: -1px}
.list-side-nav3 .con:hover{ color: #55e1d2; text-decoration: none;}
.list-side-nav3 .current{ border-left:6px solid #55e1d2; padding-left: 18px; color: #55e1d2}
.side-nav3 .side-nav-fixed{ width: 210px}

/* recommend-box */
.recommend-box{ background: #eee; padding: 2px 0 18px}
.recommend-box .box-in{ width: 1000px; margin: 0 auto}
.recommend-box .box-hd{ overflow: hidden; *zoom:1; line-height: 40px;}
.recommend-box .box-hd .tit{ float: left; color: #888; font-size: 16px; font-weight: bold;}
.recommend-box .more{ display: block; float: right; color: #888888;}
.recommend-box .more:hover{ text-decoration: none; color: #55e1d2}
.recommend-box .more:hover .ico2-change{ background-position:-22px -506px}
.recommend-box .box-bd{ width: 1000px; height: 160px; overflow: hidden; *position: relative;}
.recommend-box .list-goods{ width: 2000em}
.recommend-box .recommend-img{ float: right; padding: 2px 0; margin-right:20px}
.recommend-box .recommend-img img{ width: 166px; height: 36px}

/* goods-top-box */
.goods-top-box{ overflow: hidden; position:relative;*zoom:1;}
.goods-top-box .crumbs{ float: left;}
.goods-top-box .fliter-result-box{ float: left; padding: 11px 0; overflow: hidden; *zoom:1;}
.goods-top-box .btn-fliter{ display: block; float: left; color: #333; line-height: 26px; border: 1px solid #ebebeb; padding: 0 40px 0 10px; border-radius: 3px; height: 26px; margin-right: 10px; position: relative;}
.goods-top-box .btn-fliter .sep{ color: #cbcbcb; font-weight: bold; font-size:18px;position: absolute; right: 10px; top:0;}
.goods-top-box .btn-fliter:hover{ text-decoration: none; border-color:#ff3f3f;}
.goods-top-box .btn-fliter:hover .sep{ color: #ff3f3f}
.goods-top-box .result-box{ color: #888; padding-left: 5px; float: left; line-height: 50px}
.goods-top-box .result-txt{ display: inline-block;}
.goods-top-box .btn-clear{ margin-left: 10px; background: #ff3f3f}
.goods-top-box .btn-clear:hover{ background: #f12525}
.goods-top-box .link-goods{ position: absolute; right: 0; top: 10px; background: #5996f1; color: #fff; line-height: 30px; padding:0 26px 0 15px;border-radius:3px}
.goods-top-box .link-goods .tit{ display: block;}
.goods-top-box .link-goods .arrow u, .goods-top-box .link-goods .arrow b{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-bottom:6px dashed transparent; border-right:6px dashed transparent; border-top:6px dashed transparent; border-left-style:solid; border-left-width:6px}
.goods-top-box .link-goods .arrow{ position:absolute; top:9px; right:3px}
.goods-top-box .link-goods .arrow u{ top:0; right:0; color:#fff}
.goods-top-box .link-goods .arrow b{ top:0; right:2px; color:#5996f1; z-index: 2}
.goods-top-box .link-goods:hover{ text-decoration: none; background: #4886e3}
.goods-top-box .link-goods:hover .arrow b{ color: #4886e3}

/* goods-fliter-box */
.goods-fliter-box{ clear: both; position: relative; *zoom:1; border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; padding:0}
.goods-fliter-box .fliter-item{ overflow: hidden; *zoom:1; line-height: 42px;border-top:1px dashed #e2e2e2;position: relative;top:-1px}
.goods-fliter-box .fliter-item .tit{ float: left; font-weight: bold; color: #888}
.goods-fliter-box .fliter-item .detail{ overflow: hidden; *zoom:1; padding:7px 50px 7px 0 }
.goods-fliter-box .fliter-item a{ color: #333; margin:0 5px; white-space: nowrap; display: block;height: 28px; line-height: 28px; padding: 0 10px; float: left;}
.goods-fliter-box .fliter-item .current{ color: #fff; background: #ff3f3f}
.goods-fliter-box .fliter-item .current:hover{ text-decoration: none;}
.goods-fliter-box .expandable-section{position: relative;overflow: hidden;height: 42px; transition: height, .3s;top:-1px; *zoom:1;}
.goods-fliter-box .expanded-section{height: auto;}
.goods-fliter-box .fliter-item .btn-toggle{position: absolute;top: 7px;right: -8px;float: none; margin: 0}
.goods-fliter-box .classify_select, .goods-fliter-box .expandable-section{border-top:1px dashed #e2e2e2;position : relative;top:-1px; }
.goods-fliter-box .classify_select{ overflow: hidden; *zoom:1;}
.goods-fliter-box .ico_wrap{display: inline-block;position: relative;top: 3px;left: 2px;width: 16px;height: 16px;border: 1px solid #aaa;}
.goods-fliter-box .arr{color: #aaa;display: block;overflow: hidden;position: absolute;width: 0;height: 0;font-size: 0;border-bottom: 6px dashed transparent;border-right: 6px dashed transparent;border-left: 6px dashed transparent;border-top-style: solid;border-top-width: 6px;top: 5px;left: 2px;}
.goods-fliter-box .expanded-section .arr{border-top: 6px dashed transparent;border-right: 6px dashed transparent;border-left: 6px dashed transparent;border-bottom: 6px dashed #aaa;border-bottom-style: solid;border-bottom-width: 6px;top:-2px;}

/* goods-control-bar */
.goods-control-bar{ background: #f0f0f0; border: 1px solid #e2e2e2; padding:0 10px; height: 40px;  margin-top: 15px;  color: #aaaaaa;}
.goods-control-bar .list-goods-rank{ float: left; height: 41px; margin-bottom: -1px; width: 320px}
.goods-control-bar .list-goods-rank li{ float: left;}
.goods-control-bar .list-goods-rank .con{ display: inline-block; color: #888; line-height: 41px; height: 41px; padding: 0 26px; position: relative; *display: inline; *zoom:1;}
.goods-control-bar .list-goods-rank .ico2{ position: absolute; right: 13px}
.goods-control-bar .list-goods-rank .ico2-triangle-up{ top:15px;}
.goods-control-bar .list-goods-rank .ico2-triangle-down{ top:21px;}
.goods-control-bar .list-goods-rank .con:hover{ text-decoration: none; color: #55e1d2;}
.goods-control-bar .list-goods-rank .current{ padding:0 25px; color: #55e1d2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #fff;}
.goods-control-bar .list-goods-rank .up .ico2-triangle-up{ background-position:-47px -464px;}
.goods-control-bar .list-goods-rank .up .ico2-triangle-down{ background-position:-55px -470px;}
.goods-control-bar .list-goods-rank .down .ico2-triangle-up{ background-position:-55px -464px;}
.goods-control-bar .list-goods-rank .down .ico2-triangle-down{ background-position:-47px -470px;}
.goods-control-bar .price-group{ float: left; padding-top: 6px; width: 210px}
.goods-control-bar .title{ float: left; line-height: 40px;}
.goods-control-bar .title-price{ width: 125px; padding-left: 15px}
.goods-control-bar .title-inventory{ width: 60px}
.goods-control-bar .page{ float: right; font-size: 0}
.goods-control-bar .page-count{ display: inline-block; margin-right: 9px;  vertical-align: top; *display: inline; *zoom:1; font-size: 14px; line-height: 40px;}
.goods-control-bar .page-control{ display: inline-block; overflow: hidden; *zoom:1; border: 1px solid #e2e2e2; border-left:none; margin-top: 6px; *display: inline;}
.goods-control-bar .page-control .btn{ display: block; float: left; background: #fff; border-left: 1px solid #e2e2e2; width: 49px; height:26px; text-align: center;}
.goods-control-bar .page-control .btn:hover .ico2-arrow-p{ background-position:-19px -464px;}
.goods-control-bar .page-control .btn:hover .ico2-arrow-r{ background-position:-29px -464px;}
.goods-control-bar .page-control .disabled{ background: #f0f0f0; cursor: default;}
.goods-control-bar .page-control .disabled:hover .ico2-arrow-p{ background-position:0 -464px;}
.goods-control-bar .page-control .disabled:hover .ico2-arrow-r{ background-position:-10px -464px;}
.goods-control-bar .layout-control{ overflow: hidden; *zoom:1; float: right; margin-right: 15px; width: 60px;}
.goods-control-bar .layout-control .con{ display: block; float: left;}
.goods-control-bar .layout-control .current .ico2-layout1{ background-position: -38px -423px}
.goods-control-bar .layout-control .current .ico2-layout2{ background-position: -19px -423px}
.goods-control-bar .list-goods-rank2{ width:auto;}

/*.slide-box2 */
.slide-box2{ width: 360px; position: relative; height: 440px;}
.slide-box2 .slide-con .con{ display: block;}
.slide-box2 .slide-con img{ width: 360px; height:360px; display: block;}
.slide-box2 .slidetabs{ width: 360px; margin-top: 20px}
.slide-box2 .list-slidetabs{ margin-left: -8px; margin-right: -7px}
.slide-box2 .list-slidetabs li{ float: left; width: 60px; margin: 0 7px 0 8px; position: relative; *display: inline; *zoom:1;}
.slide-box2 .list-slidetabs a{ display: block; height: 60px; overflow: hidden; *position: relative;}
.slide-box2 .list-slidetabs a img{ width: 60px; height: 60px; position: relative;}
.slide-box2 .list-slidetabs .triangle{ display:none; overflow:hidden; position:absolute; top: -10px; left: 50%; margin-left: -5px; width:0; height:0; font-size:0; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px dashed transparent; border-bottom-style:solid; border-bottom-width:5px; color: #000;}
.slide-box2 .list-slidetabs a:hover, .slide-box2 .list-slidetabs .current a{ border: 2px solid #000; width: 56px; height: 56px;}
.slide-box2 .list-slidetabs a:hover img, .slide-box2 .list-slidetabs .current img{ left: -2px; top:-2px;}
.slide-box2 .list-slidetabs .current .triangle{ display: block;}

/*.slide-box3 */
.slide-box3{ width: 360px; position: relative;}
.slide-box3 .slide-con{ margin-top: 10px;}
.slide-box3 .slide-con .con{ display: block; cursor: url(/ue1/a/mai/index/2016/img/magnifying2.png),url(/ue1/a/mai/index/2016/img/magnifying2.cur),auto;}
.slide-box3 .slide-con img{ display: block; max-width: 600px; height: auto;}
.slide-box3 .slidetabs{ width: 360px;}
.slide-box3 .list-slidetabs{ margin-left: -8px; margin-right: -7px}
.slide-box3 .list-slidetabs li{ float: left; width: 60px; margin: 0 7px 0 8px; position: relative; *display: inline; *zoom:1;}
.slide-box3 .list-slidetabs a{ display: block; height: 60px; overflow: hidden; *position: relative;     cursor: url(/ue2/a/mai/index/2016/img/magnifying1.png),url(/ue2/a/mai/index/2016/img/magnifying1.cur),auto;}
.slide-box3 .list-slidetabs a img{ width: 60px; height: 60px; position: relative;}
.slide-box3 .list-slidetabs .triangle{ display:none; overflow:hidden; position:absolute; bottom: -10px; left: 50%; margin-left: -5px; width:0; height:0; font-size:0; border-left:5px dashed transparent; border-right:5px dashed transparent; border-bottom:5px dashed transparent; border-top-style:solid; border-top-width:5px; color: #000;}
.slide-box3 .list-slidetabs a:hover, .slide-box3 .list-slidetabs .current a{ border: 2px solid #000; width: 56px; height: 56px;}
.slide-box3 .list-slidetabs a:hover img, .slide-box3 .list-slidetabs .current img{ left: -2px; top:-2px;}
.slide-box3 .list-slidetabs .current .triangle{ display: block;}
.slide-box3 .list-slidetabs .current a{ cursor: url(/ue3/a/mai/index/2016/img/magnifying2.png),url(/ue3/a/mai/index/2016/img/magnifying2.cur),auto;}

/* list-assess */
.list-assess{ border-top: 1px solid #e2e2e2;}
.list-assess .list-item{ overflow: hidden; *zoom:1; line-height: 1.6; border-bottom: 1px solid #e2e2e2; padding: 19px 0 15px;}
.list-assess .c1{ float: left; width: 600px; padding: 5px 70px 0 0}
.list-assess .c2{ float: left; width: 200px; line-height: 2.2; font-size: 12px; padding-top: 3px}
.list-assess .c3{ float: right; width: 100px;}
.list-assess .img-box{ font-size: 0; margin-left: -5px; margin-right: -5px; padding-top: 10px}
.list-assess .img-box img{ width:80px; height: 80px; border-radius:5px; margin: 5px}
.list-assess .buyer{ text-align: center;}
.list-assess .buyer img{ width: 60px; height: 60px; border-radius: 100%}
.list-assess .buyer-name{ color: #888; font-size: 12px; padding-top: 5px}
.list-assess .slide-box3{ padding: 15px 0 5px}
.list-assess .slide-box3 .slide-con{ display: none;}

/* buy-box */
.buy-box{ padding:70px 550px 70px 0; background: url(/ue2/a/mai/index/2016/img/bg-buy1.jpg) right center no-repeat; margin-right: 40px}
.buy-box .box-c2{ overflow: hidden; *zoom:1; padding-top: 60px}
.buy-box .tit{ line-height: 34px; height: 34px; font-size: 24px; color: #5bc346; overflow: hidden; *zoom:1; font-weight: bold;}
.buy-box .sep{ width:34px; height: 34px; border-radius: 100%; background: #5bc346; text-align: center; margin-right: 10px; float: left;}
.buy-box .sep .ico2{ vertical-align: top}
.buy-box .info{ padding-top:16px}
.buy-box .info .txt{ line-height: 26px; font-size: 16px;}
.buy-box .link-box{ margin-top: 35px; overflow: hidden; *zoom:1;}
.buy-box .link-box a{ float: left; margin-right: 10px}
.buy-box-fail{ padding-top: 30px; padding-bottom: 30px; background-image:url(/ue1/a/mai/index/2016/img/bg-buy2.jpg); }
.buy-box-fail .tit{ color: #fa7000} 
.buy-box-fail .sep{ background: #fa7000}

/* countdown */
.countdown .count-line{ position: absolute; width: 100%; left: 0; top:50%; font-size: 0; border-top:1px solid #e2e2e2; z-index: -1}
.countdown .count-hd{ text-align: center; position: relative; z-index: 2; *zoom:1;}
.countdown .count-tit{ color: #888; font-size: 16px; display: inline-block; line-height: 30px; height: 30px; overflow: hidden; *display: inline; *zoom:1; background: #fff; padding: 0 22px}
.countdown .count-bd{ font-size: 0; text-align: center; padding-top: 10px}
.countdown .count-num, .countdown .count-sep, .countdown .count-day{ display: inline-block; *display: inline; *zoom:1; vertical-align: top}
.countdown .count-num{ color: #fff; width:62px; height: 46px; text-align: center; border-radius: 2px; position: relative; z-index: 2; background:#333; overflow: hidden; font: normal 40px/46px 'Impact'; }
.countdown .count-num .count-line{ border-top:1px solid #fff;}
.countdown .count-num-s{ width: 36px}
.countdown .count-day{ background: #333; width: 14px; height: 14px; text-align: center; border-radius: 100%; margin: 16px 6px 0 6px}
.countdown .count-sep{ font-size: 30px; color: #fd7979; width:4px; text-align: center; margin:16px 7px 0 7px;} 
.countdown .count-circle{ display: block; width: 4px; height: 4px; background: #333; border-radius: 100%; margin-top: 3px; overflow: hidden;}

/* pn-detail */
.pn-detail{ background: top center no-repeat;}
.pn-detail .pn-hd{ height:110px; position:relative;}
.pn-detail .pn-hd .link{ color: #fff; border: 1px solid #888; line-height: 30px; display: block; padding: 0 15px; border-radius: 16px; position: absolute; right: 0; top:40px;}
.pn-detail .pn-hd .link:hover{ text-decoration: none; background: #5996f1; border-color:#5996f1}
.pn-detail .pn-bd:after{ content: "\0020";visibility: hidden;display: block;font-size: 0;clear: both;height: 0}
.pn-detail .pn-bd{ *zoom:1; background: #fff; padding-left: 10px}
.pn-detail .pn-c1{ float: left; width: 360px; margin-right: 20px}
.pn-detail .pn-c2{ float: left; width: 380px}
.pn-detail .pn-c3{ float: right; width: 200px; min-height: 375px; _height: 375px}
.pn-detail .pn-c4{ float: right; width: 610px}
.pn-detail .title-box{ padding-bottom: 10px}
.pn-detail .title-box .tit{ color: #333; font-size: 16px; font-weight: bold; line-height: 36px}
.pn-detail .title-box .txt{ color: #888; margin-bottom: 10px}
.pn-detail .info-tit{ color: #888; min-width: 40px; _width: 40px; margin-right: 10px}
.pn-detail .info:after{ content: "\0020";visibility: hidden;display: block;font-size: 0;clear: both;height: 0}
.pn-detail .info{ *zoom:1; }
.pn-detail .info .info-tit{ float: left;}
.pn-detail .info .info-detail{ overflow: hidden; *zoom:1;}
.pn-detail .info-presell{ position: relative; padding-right: 80px;}
.pn-detail .presell-pop{ position: absolute; right: 20px; top: 0;}
.pn-detail .presell-pop .pop-hd{ color: #888}
.pn-detail .presell-pop .pop-bd{ display: none; position: absolute; top:20px; left: -304px; z-index: 100;}
.pn-detail .presell-pop .pop-in{ border: 1px solid #dddddd; box-shadow: 2px 2px 16px rgba(0,0,0,.1); background: #fff; padding: 10px 25px; margin-top: 15px; position: relative; width: 558px;}
.pn-detail .presell-pop .arrow u, .pn-detail .presell-pop .arrow b{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-left:10px dashed transparent; border-right:10px dashed transparent; border-top:10px dashed transparent; border-bottom-style:solid; border-bottom-width:10px} 
.pn-detail .presell-pop .arrow{ position:absolute; top:-20px; left:50%; margin-left: 15px;} 
.pn-detail .presell-pop .arrow u{ top:0; left:0; color:#ddd} 
.pn-detail .presell-pop .arrow b{ z-index:2; top:1px; left:0; color:#fff}
.pn-detail .presell-pop .pop-text{ overflow: hidden; *zoom:1; padding: 9px 0;}
.pn-detail .presell-pop .pop-text .t1{ float: left; margin-right: 10px;}
.pn-detail .presell-pop .pop-text .t2{ overflow: hidden; *zoom:1;}
.pn-detail .presell-pop:hover{ cursor: pointer;}
.pn-detail .presell-pop:hover .pop-bd{ display: block;}
.pn-detail .price-box{ padding: 6px 0 10px 10px; background:#f5f5f5 url(/ue2/a/mai/index/2016/img/bg-price.jpg) top center no-repeat; *position: relative; *z-index: 2}
.pn-detail .price-box .price2-num{ position: relative;}
.pn-detail .price-box .info{ margin-top: 5px}
.pn-detail .price-box .privilege{ display: inline-block; *display: inline; *zoom:1; margin:0 0 5px 50px; color: #ff6600; font-size: 12px; border: 1px solid #ff6600; line-height:16px; padding: 0 5px; font-family: 'SimSun';}
.pn-detail .price-box .presell-tip{ margin-left: 50px; color: #ff6600; height: 21px; overflow: hidden;}
.pn-detail .option-box{ padding:10px 0 0 10px; *position: relative; *z-index:1}
.pn-detail .info-goods{ overflow: hidden; *zoom:1; padding: 6px 0}
.pn-detail .info-goods .info-tit{ float: left; margin-top: 4px; line-height: 30px; display: block;}
.pn-detail .info-goods .list-goods5{ *display: inline; *zoom:1;}
.pn-detail .buy-num{ padding-top: 10px}
.pn-detail .link-box{ margin-left: -5px; margin-right: -5px; margin-top: 26px; *zoom:1; position: relative;}
.pn-detail .link-box:after{content: "\0020";visibility: hidden;display: block;font-size: 0;clear: both;height: 0}
.pn-detail .link-box a{ margin:0 5px; float: left;}
.pn-detail .link-box .comm-btn3{ padding: 0; width: 150px; text-align: center;}
.pn-detail .link-box .addcart{ position: absolute; left:275px; top:-15px; color: #ff6600; font-size: 16px; display: none;}
.pn-detail .link-box .comm-tag{ position: absolute; left: 15px; top:-23px}
.pn-detail .link-box .btn-box{ float: left; margin:0 5px; position: relative;}
.pn-detail .link-box .btn-box a{ margin: 0; float: none;}
.pn-detail .link-box .full .comm-tag{ left: auto; right: 0; top:-26px;}
.pn-detail .merchant{ text-align: center; color: #888;}
.pn-detail .merchant img{ width: 200px; height: 100px}
.pn-detail .merchant-tit{ line-height: 1.2; padding: 0 20px}
.pn-detail .assess{ margin: 20px 0 25px}
.pn-detail .assess .assess-tit{ color: #888; padding: 6px 0}
.pn-detail .assess .assess-item{ overflow: hidden; *zoom:1; line-height: 30px}
.pn-detail .assess .assess-txt{ float: left; margin-right: 10px}
.pn-detail .progress-bar{ float:left; width:100px; height: 10px; background: #f0f0f0; position: relative; margin-top: 10px} 
.pn-detail .progress-bar .bar-in{ position: absolute; left: 0; height: 10px; top: 0; background: #55e1d2; width: 10%; overflow: hidden;}
.pn-detail .assess-num{ color: #888; margin-left: 8px; float: left;}
.pn-detail .info2{ color: #888; line-height: 26px}
.pn-detail .message-box{ padding-top: 20px; background: url(/ue3/a/mai/index/2016/img/bg4.jpg) 0 0 repeat-x;}
.pn-detail .message-box .message-item{ overflow: hidden; *zoom:1; line-height: 20px; padding: 5px 0}
.pn-detail .message-box .message-tit{ float: left; color: #888888; min-width: 80px; _width: 80px; margin-right: 20px}
.pn-detail .message-box .message-detail{ overflow: hidden; *zoom:1;}
.pn-detail .countdown{ width:310px; margin-top: 35px;position: relative;z-index: 0}

/* tab-detail */
.tab-detail .tab2-bd{ padding-top: 20px}
.tab-detail .list-parameter{ border:1px solid #e2e2e2; padding: 8px 19px; margin-bottom: 10px}
.tab-detail .list-parameter li{ overflow: hidden; *zoom:1; line-height: 26px}
.tab-detail .list-parameter .tit{ width: 25%; float: left; padding-bottom: 8px; white-space: nowrap;}
.tab-detail .list-parameter .con{ width: 25%; float: left; color: #888}
.tab-detail .list-parameter .w1{ width: 10%; _width:68px;}
.tab-detail .list-parameter .w15{ width: 15%; _width:102px;}
.tab-detail .list-parameter .w2{ width: 20%; _width:136px;}
.tab-detail .list-parameter .w25{ width: 25%; _width:170px;}
.tab-detail .list-parameter .w3{ width: 30%; _width:102px;}
.tab-detail .list-parameter .w35{ width: 35%; _width:238px;}
.tab-detail .list-parameter .w4{ width: 40%; _width:272px;}
.tab-detail .parameter-box{ border: 1px solid #e2e2e2; padding:8px 20px; line-height: 26px; margin-bottom: 10px}
.tab-detail .list-parameter2{ overflow: hidden; *zoom:1; padding-top: 6px}
.tab-detail .list-parameter2 li{ float: left; width: 50%; color: #888;}
.tab-detail .list-parameter2 .tit{ padding-left: 12px; background: url(/ue3/a/mai/index/2016/img/s-8.png) -198px 0 no-repeat; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab-detail .comm-tab3 .tab3-hd{ padding-top: 0}
.tab-detail .detail-editor img{  max-width: 100%;}

.pn-notice img{ max-width: 100%;}

/* pn-article */
.pn-article{ padding-bottom: 20px}
.pn-article .pn-hd .tit{ font-size: 20px; line-height: 60px; padding-bottom: 0}
.pn-article .pn-bd{ line-height: 24px; padding-top:25px}
.pn-article .info{ padding-bottom: 20px}
.pn-article .title{ font-weight: bold; padding:4px 0}
.pn-article .txt{ color: #666;}
.pn-article .comm-table3{ margin: 6px 0 10px}
.pn-article p{ text-indent: 2em}

/* detail-editor */
.detail-editor b, .detail-editor strong{ font-weight: bold;}
.detail-editor i{ font-style: italic;}
.detail-editor p{ padding-bottom: 20px;}
.detail-editor h2{ font-weight: bold; font-size: 16px; padding-bottom: 20px}
.detail-editor .sj{ text-indent: 2em}
.detail-editor .p5{ padding-bottom: 5px}
.detail-editor .p50{ padding-bottom: 50px}
.detail-editor a{ color: #666}

/* pn-order-detail */
.pn-order-detail .mod-order-info p{ color: #666; line-height:28px; }
.pn-order-detail .mod-order-info .txt{ display: inline-block;}
.pn-order-detail .mod-order-info .btn-view{ margin-left:10px; vertical-align: top}
.pn-order-detail .comm-mod4{ padding: 15px 0 5px}

/* mod-relate */
.mod-relate{ margin-top: 20px}
.mod-relate .mod-bd{ overflow: hidden; padding-bottom: 8px}
.mod-relate .list-relate{ margin-top: -6px}
 
/* page-matter-order */
.page-matter-order .flowchart .flowchart-item1 .tit, .page-matter-order .flowchart .flowchart-item2 .tit{ color: #55e1d2}
.page-matter-order .flowchart .flowchart-item1 .flowchart-box{ background-position:0 -22px}
.page-matter-order .flowchart .flowchart-item1 .num, .page-matter-order .flowchart .flowchart-item2 .num{ color: #fff; background: #55e1d2}
.page-matter-order .flowchart .flowchart-item1 .line, .page-matter-order .flowchart .flowchart-item2 .line{ background: #55e1d2} 

.page-matter-order .pn-matter-order{ padding-bottom: 20px}
.page-matter-order .mod-address{ padding-bottom: 60px}

.page-matter-order .sum-infobox{ padding-bottom: 0}
.page-matter-order .sum-infobox .price2{ padding-bottom: 0}
.page-matter-order .sum-infobox-ex2 .price2{ padding-bottom: 10px}

.page-matter-order .list-pay{ overflow: hidden; *zoom:1; margin-right: -10px; margin-left: -10px;}
.page-matter-order .list-pay li{ float: left; margin: 0 10px; *display: inline-block; *zoom:1; padding-top: 15px;}
.page-matter-order .list-pay .con{ display: inline-block; color: #333; line-height: 46px; height: 46px; padding: 0 30px; border:2px solid #e2e2e2; border-radius:5px; position: relative;}
.page-matter-order .list-pay .ico3-choose-s{ position: absolute; right: -1px; bottom: 0; display:none}
.page-matter-order .list-pay .con:hover{ text-decoration: none; border-color: #54c66c;}
.page-matter-order .list-pay .current{  border-color: #54c66c; color: #54c66c}
.page-matter-order .list-pay .current .ico3-choose-s{ display: block;}

.page-matter-order .mod-presell-pay .mod-bd{ padding-bottom: 10px; color: #ff3f3f;}
.page-matter-order .mod-presell-pay .warn{ padding: 10px 0; height: 21px; overflow: hidden;}

/* page-virtual-order */
.page-virtual-order .flowchart .flowchart-item1 .tit{ color: #55e1d2}
.page-virtual-order .flowchart .flowchart-item1 .flowchart-box{ background-position:0 -22px}
.page-virtual-order .flowchart .flowchart-item1 .num{ color: #fff; background: #55e1d2}
.page-virtual-order .flowchart .flowchart-item1 .line{ background: #55e1d2} 

.page-virtual-order .pn-virtual-order{ padding-bottom: 30px}
.page-virtual-order .mod-goods .mod-bd{ padding: 15px 0 25px}
.page-virtual-order .goods-message{ overflow: hidden; *zoom:1;}
.page-virtual-order .goods-message .goods-c1{ width: 729px; float: left; padding-right: 20px; color: #888; border-right: 1px solid #e2e2e2;}
.page-virtual-order .goods-message .tit{ color: #333; font-size: 24px; font-weight: bold; display: inline-block; margin-top: -5px; padding-bottom:5px}
.page-virtual-order .goods-message .txt{ line-height: 30px}
.page-virtual-order .goods-message .goods-c2{ width: 250px; float: right; padding: 35px 0 45px; border-left: 1px solid #e2e2e2; margin-left: -1px;}
.page-virtual-order .goods-message .merchant-pic img{ width: 250px; height: 100px}
.page-virtual-order .goods-message .merchant{ text-align: center; color: #888; line-height: 22px}

.page-virtual-order .mod-message{ padding: 10px 0 40px}

/* page-virtual-list */
.page-virtual-list .goods-control-bar .title-price{ width: 115px}
.page-virtual-list .goods-control-bar .title-inventory{ width: 70px}

/* page-matter-cart */
.page-matter-cart .flowchart .flowchart-item1 .tit{ color: #55e1d2}
.page-matter-cart .flowchart .flowchart-item1 .flowchart-box{ background-position:0 -22px}
.page-matter-cart .flowchart .flowchart-item1 .num{ color: #fff; background:#55e1d2}
.page-matter-cart .flowchart .flowchart-item1 .line{ background: #55e1d2} 

.page-matter-cart .pn-matter-cart{ padding-bottom: 20px}
.page-matter-cart .pn-matter-cart .pn-bd{ margin-top: -10px}
.page-matter-cart .comm-table{ margin-top: 10px}

/* page-deal-cart */
.page-deal-cart .list-side-nav .con1{ color: #55e1d2; font-weight: bold;}
.page-deal-cart .list-side-nav .con1 .ico3-nav1{ background-position:-132px -110px}

.page-deal-cart .pn-deal-cart .pn-bd{ margin-top: -10px}
.page-deal-cart .comm-table{ margin-top: 10px}

/* page-deal-order */
.page-deal-order .list-side-nav .con2{ color: #55e1d2; font-weight: bold;}
.page-deal-order .list-side-nav .con2 .ico3-nav2{ background-position:-152px -110px}
.page-deal-order .order-code-input { width: 160px;}

.page-deal-order .inquire-box{ background: #f0f0f0; padding:15px 280px 15px 10px}
.page-deal-order .comm-tab{ margin-top: 20px}
.page-deal-order .comm-table2-box{ margin-top: 15px}

.page-deal-order .order-commodity-lsit tr:not(:last-child) .col4{ border-bottom: none}
.page-deal-order .order-commodity-lsit tr:not(:last-child) .col5{ border-bottom: none}
.page-deal-order .order-commodity-lsit tr:not(:last-child) .col6{ border-bottom: none}
.page-deal-order .success-trade-order tr:not(:last-child) .col6{ border-bottom: 1px solid #e8e8e8;} 


/* page-deal-collect */
.page-deal-collect .list-side-nav .con3{ color: #55e1d2; font-weight: bold;}
.page-deal-collect .list-side-nav .con3 .ico3-nav3{ background-position:-168px -110px}

.page-deal-collect .pn-deal-collect{ padding-bottom: 100px}
.page-deal-collect .pn-deal-collect .pn-hd{ border-bottom: 1px solid #e2e2e2}

/* page-deal-address */
.page-deal-address .list-side-nav .con4{ color: #55e1d2; font-weight: bold;}
.page-deal-address .list-side-nav .con4 .ico3-nav4{ background-position:-188px -110px}

.page-deal-address .pn-deal-address2 .pn-hd{ border-bottom: 1px solid #e2e2e2}
.page-deal-address .pn-deal-address2 .pn-bd{ padding:15px 160px 0 0}
.page-deal-address .pn-deal-address2 .comm-textarea{ width: 650px;}

/* page-matter-assess */
.page-matter-assess .list-side-nav .con2{ color: #55e1d2; font-weight: bold;}
.page-matter-assess .list-side-nav .con2 .ico3-nav2{ background-position:-152px -110px}

.page-matter-assess .pn-matter-assess{ padding-bottom: 120px}

.page-matter-assess .list-assess-choose{ overflow: hidden; *zoom:1; padding: 30px 0 20px}
.page-matter-assess .list-assess-choose li{ float: left; width: 200px}
.page-matter-assess .list-assess-choose .con{ display: inline-block; font-size: 0; color: #333}
.page-matter-assess .list-assess-choose .ico3{ vertical-align: top;}
.page-matter-assess .list-assess-choose .tit{ display: inline-block; font-size: 16px; line-height:32px; width: 100px; text-align: center; background: url(/ue2/a/mai/index/2016/img/bg-8.png) 0 0 no-repeat; margin-top: 4px}
.page-matter-assess .list-assess-choose .con:hover{ text-decoration: none; color: #4e88f2}
.page-matter-assess .list-assess-choose .con:hover .tit{ background-position: 0 -33px;}
.page-matter-assess .list-assess-choose .clicked .con{ color: #fff}
.page-matter-assess .list-assess-choose .clicked .tit{ background-position: 0 -66px}
.page-matter-assess .list-assess-choose .clicked .con:hover{ color: #fff}
.page-matter-assess .list-assess-choose .clicked .con:hover .tit{ background-position: 0 -66px;}

.page-matter-assess .upload-img-box{ margin-top: 15px}
.page-matter-assess .upload-img-box .upload-tit{ color: #333; font-size: 16px; padding-bottom:6px}
.page-matter-assess .upload-img-box .upload-txt{ color: #888; display: inline-block; vertical-align: bottom;}
.page-matter-assess .list-upload-img{ padding-top: 10px}
.page-matter-assess .list-upload-img li{ float: left; padding-right: 15px; width: 80px}
.page-matter-assess .list-upload-img .pic-box{ display: block; position: relative; *zoom:1;}
.page-matter-assess .list-upload-img .pic-box img{ width: 80px; height: 80px}
.page-matter-assess .list-upload-img .close{ position: absolute; color: #fff; font-size: 18px; background: #333; border-radius: 100%; text-align: center; width: 20px; height: 20px; line-height: 20px; _line-height: 24px; right: -10px; top:-10px; font-family: SimSun; overflow: hidden;}
.page-matter-assess .list-upload-img .pic-box:hover{ text-decoration: none;}
.page-matter-assess .list-upload-img .pic-box:hover .close{ background: #ff3f3f}
.page-matter-assess .list-upload-img .btn-upload{ display: block; border: 1px solid #e2e2e2; text-align: center; border-radius: 5px; position: relative; padding: 20px 0; *zoom:1;}
.page-matter-assess .list-upload-img .btn-upload input{ position: absolute; width: 78px; height: 78px; right: 0; top:0; background: none; border: none; opacity: 0; filter: alpha(opacity=0);}
.page-matter-assess .btn-assess{ margin-top: 25px}

/* page-matter-detail */
.page-matter-detail .tab-detail{ margin-top: 30px}
.page-matter-detail .pn-notice{ margin-top: 30px} 
.page-matter-detail .tab-detail .pn-notice{ margin-top: 0; margin-bottom: 20px}

/* page-virtual-detail */
.page-virtual-detail .pn-notice{ margin-top: 30px} 
.page-virtual-detail .tab-detail{ margin-top: 30px}
.page-virtual-detail .tab-detail .pn-notice{ margin-top: 0; margin-bottom: 20px}

.page-virtual-detail .pn-detail .pn-c3{ border-left: 1px dotted #e2e2e2; min-height: 360px; _height: 360px}
.page-virtual-detail .pn-detail .price2-txt{ width: 80px}
.page-virtual-detail .pn-detail .link-box{ margin-top:40px}

/* page-virtual-proof */
.page-virtual-proof .flowchart .flowchart-item1 .tit, .page-virtual-proof .flowchart .flowchart-item2 .tit{ color: #55e1d2}
.page-virtual-proof .flowchart .flowchart-item1 .flowchart-box{ background-position:0 -22px}
.page-virtual-proof .flowchart .flowchart-item1 .num, .page-virtual-proof .flowchart .flowchart-item2 .num{ color: #fff; background: #55e1d2}
.page-virtual-proof .flowchart .flowchart-item1 .line, .page-virtual-proof .flowchart .flowchart-item2 .line{ background: #55e1d2} 

.page-virtual-proof .content{ padding: 90px 0 220px}
.page-virtual-proof .proof-box{ background: #f0f0f0; width: 780px; margin: 0 auto; padding: 40px 60px 35px 60px; overflow: hidden; *zoom:1;}
.page-virtual-proof .proof-box .box-c1{ float: right; text-align: right; width: 360px}
.page-virtual-proof .proof-box .box-c2{ overflow: hidden; *zoom:1;}
.page-virtual-proof .proof-box .tit{ line-height: 34px; height: 34px; overflow: hidden; font-size: 24px; color: #5bc346; overflow: hidden; *zoom:1;}
.page-virtual-proof .proof-box .sep{ width:34px; height: 34px; border-radius: 100%; background: #5bc346; text-align: center; display: inline-block; margin-right: 16px; float: left;}
.page-virtual-proof .proof-box .info{ padding:18px 0 0 50px;}
.page-virtual-proof .proof-box .info .txt{ line-height: 26px; font-size: 16px;}
.page-virtual-proof .proof-box .link-box{ margin-top: 25px; overflow: hidden; *zoom:1;}
.page-virtual-proof .proof-box .link-box a{ float: left; margin-right: 10px}

/* page-virtual-protocol */
.page-virtual-protocol .pn-protocol .pn-bd{ width: 940px; padding-top: 30px}
.page-virtual-protocol .pn-protocol .info{ line-height:22px; padding-bottom: 20px}

/* page-help */
.page-help{ background: #f3f3f3}

/* page-notice */
.page-notice{ background: #f3f3f3}

/* page-matter-buy */
.page-matter-buy .flowchart .flowchart-item1 .tit, .page-matter-buy .flowchart .flowchart-item2 .tit, .page-matter-buy .flowchart .flowchart-item3 .tit{ color: #55e1d2}
.page-matter-buy .flowchart .flowchart-item1 .flowchart-box{ background-position:0 -22px}
.page-matter-buy .flowchart .flowchart-item1 .num, .page-matter-buy .flowchart .flowchart-item2 .num, .page-matter-buy .flowchart .flowchart-item3 .num{ color: #fff; background: #55e1d2}
.page-matter-buy .flowchart .flowchart-item1 .line, .page-matter-buy .flowchart .flowchart-item2 .line, .page-matter-buy .flowchart .flowchart-item3 .line{ background: #55e1d2} 

.page-matter-buy .content{ padding:60px 0 250px}

/* page-virtual-buy */
.page-virtual-buy .flowchart .flowchart-item1 .tit, .page-virtual-buy .flowchart .flowchart-item2 .tit{ color: #55e1d2}
.page-virtual-buy .flowchart .flowchart-item1 .flowchart-box{ background-position:0 -22px}
.page-virtual-buy .flowchart .flowchart-item1 .num, .page-virtual-buy .flowchart .flowchart-item2 .num{ color: #fff; background: #55e1d2}
.page-virtual-buy .flowchart .flowchart-item1 .line, .page-virtual-buy .flowchart .flowchart-item2 .line{ background: #55e1d2} 

.page-virtual-buy .content{ padding:60px 0 250px}

.wrap-virtual-currency .content{ padding: 30px 0 60px 0;}
.wrap-virtual-currency .mod-currency .mod-bd{ overflow: hidden; *zoom:1; padding:35px 0 70px 89px}
.wrap-virtual-currency .mod-currency .mod-c1{ float: left; margin-right: 70px; width: 220px}
.wrap-virtual-currency .mod-currency .mod-c2{ overflow: hidden; *zoom:1;}
.wrap-virtual-currency .mod-currency img{ width: 100%}
.wrap-virtual-currency .mod-currency .txt{ color: #888; text-align: center; margin-top: 15px}

/* mai-footer */
.mai-footer-in{ border-top: 2px solid #55e1d2; padding:20px 0 30px; position: relative;}
.mai-footer-in::after{ content: '' ; position: absolute; width: 100%; height: 2px; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1); left: 0; top:-2px;}