/* versions:v1.5.1 */

.page-index .content{ background: #f3f3f3 url(/ue3/a/mai/index/2016/img/bg1.jpg) center 420px no-repeat;}
.page-index .comm-pn{ margin-top: 19px}

/* pn-slide */
.slide-box{ width: 100%; background: #000; height: 420px}
.slide-box .box-in{ width: 1000px; margin: 0 auto; position: relative; z-index: 2;}

.si-wrap{position: relative;width: 100%;}
.si-wrap .si{width: 100%;height: 420px; position:absolute;}
.si-wrap .si a{display: block;width: 100%;height: 420px;background-repeat: no-repeat;background-position: center center; position: absolute; top: 0;left: 0;}
.si-wrap .points{position: absolute; top:390px; left: 0; width: 100%; text-align: center; line-height: 1}
.si-wrap .points a{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: #333; opacity: .2; filter: alpha(opacity=20); margin: 0 3px; *display: inline; *zoom:1; font-size: 0}
.si-wrap .points a:hover, .si-wrap .points .current{ text-decoration: none; background: #55e1d2; opacity: 1; filter: alpha(opacity=100);}
.si-wrap .si-btn{ position: absolute; width: 100%; top:172px; left: 0; height: 1px}
.si-wrap .si-btn-in{ position: relative; width: 1000px; margin: 0 auto}
.si-wrap .si-btn a{ display: block; width: 42px; height: 76px; position: absolute; top:0; text-align: center; color: #fff; font: normal 350%/76px "SimSun"; opacity: 0.6; _background: #000}
.si-wrap .btn-prev{ left: 200px}
.si-wrap .btn-next{ right: 240px}
.slide-box:hover .si-btn a{ background: #000; background: rgba(0,0,0,.25); opacity: 1} 
.si-wrap .si-btn a:hover{ text-decoration: none; background: #000; background: rgba(0,0,0,.5);}

.nav-box{ position: absolute; left: 0; top:0; z-index: 10;}
.nav{ width: 200px; height: 420px;}
.nav  .nav-item{ line-height: 30px; padding-top: 11px}
.nav  .nav-item1{ padding-top:6px}
.nav .tit{ color: #888; padding-left: 20px;}
.nav .sub-item{ cursor: pointer;}
.nav .sub-tit{ color: #fff; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; height: 30px}
.nav .sub-tit:hover, .nav .sub-nav .current{ text-decoration: none; background: #3e3e3e; color: #55e1d2}
.nav .sub-nav .ico{ margin:5px 15px 5px 0; -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;}
.nav .sub-tit:hover .ico-item1, .nav .sub-nav .current .ico-item1{ background-position: 0 -20px}
.nav .sub-tit:hover .ico-item2, .nav .sub-nav .current .ico-item2{ background-position: 0 -60px}
.nav .sub-tit:hover .ico-item3, .nav .sub-nav .current .ico-item3{ background-position: 0 -100px}
.nav .sub-tit:hover .ico-item4, .nav .sub-nav .current .ico-item4{ background-position: 0 -140px}
.nav .sub-tit:hover .ico-item5, .nav .sub-nav .current .ico-item5{ background-position: 0 -180px}
.nav .sub-tit:hover .ico-item6, .nav .sub-nav .current .ico-item6{ background-position: 0 -220px}
.nav-box .pane{ position: absolute; left: 180px; top:0; width: 360px; height:420px; display: none; z-index: -1; overflow: hidden;}
.nav-box .pane .pane-in{ padding: 0 20px;}
.nav-box .pane .mask{ background: #fff; opacity: 0.9; filter: alpha(opacity=90)}
.nav-box .item-box{ padding-top: 7px}
.nav-box .item-box .box-hd{ overflow: hidden; *zoom:1; border-bottom: 1px solid #aaa}
.nav-box .item-box .box-hd .tit{ padding-top: 2px; float: left; color: #333; font-weight: bold; line-height: 34px}
.nav-box .item-box .box-hd .ico2{ float: right;}
.nav-box .item-box .box-bd{ padding: 12px 0 7px; *zoom:1;}
.nav-box .list-link2{ overflow: hidden; *zoom:1; margin-left: -6px; margin-right: -6px}
.nav-box .list-link2 li{ float: left; width:71px; margin: 0 6px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #666; *display: inline; *zoom:1;}
.nav-box .list-link2 a{ color: #666; line-height:28px;}
.nav-box .list-link2 a:hover{ color: #55e1d2; text-decoration: underline;}
.nav-box .pane2 .pane-in{ margin-top: -1px}
.nav-box .pane2{ width: 210px}
.nav-box .game-box{ padding-bottom: 20px; border-top: 1px dashed #666666}
.nav-box .game-box .pic-box{ padding: 5px 0;}
.nav-box .game-box .pic-box img{ width: 170px; height: 80px}
.nav-box .game-box .game-name{ color: #333; font-weight: bold; text-align: center; line-height: 1.2; padding-bottom: 5px}
.nav-box .game-box .game-link{ overflow: hidden; *zoom:1; margin-left: -5px; margin-right: -5px}
.nav-box .game-box .game-link a{ display: block; float: left; width:80px; padding: 0; text-align: center; margin: 10px 5px 0 5px; *display: inline; *zoom:1;}
.nav-box .mask-nav{ width:200px; height: 420px; filter: alpha(opacity=70); opacity: 0.7}

.pn-slide .message-box{ position: absolute; right: 0; width: 216px; padding: 0 12px; background: #f0eefa; height: 420px}

.login-box{ padding-top: 24px; height: 126px}
.login-box .btn-login{ display: block; text-align: center;}
.login-box .link-box{ margin-left: -3px; margin-right: -3px; overflow: hidden; *zoom:1; margin-top: 10px}
.login-box .link-box .comm-btn{ width: 105px; text-align: center; margin: 0 3px; float: left;}

.logined-box{ overflow: hidden; *zoom:1; height: 150px}
.logined-box .user-box{ overflow: hidden; *zoom:1; padding: 20px 0 15px}
.logined-box .user-box .pic-box{ float: left; width: 60px; padding-right: 10px}
.logined-box .user-box .pic-box img{ width: 60px; height: 60px; border-radius: 100%}
.logined-box .detail-box{ overflow: hidden; *zoom:1;}
.logined-box .name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.logined-box .mail{ color: #aaaaaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px}
.logined-box .btn-logout{ color: #666; font-size: 12px}
.logined-box .btn-logout:hover{ text-decoration: none; color: #ff3f3f}
.logined-box .list-message{ overflow: hidden; *zoom:1; margin-left: -1px}
.logined-box .list-message li{ float: left; width: 25%}
.logined-box .list-message a{ display: block; color: #666; text-align: center; border-left: 1px solid #d5d5d5; line-height: 1;}
.logined-box .list-message .num{ display: block; font-weight: bold; color: #ff3f3f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.logined-box .list-message .tit{ display: block; margin-top: 2px;  font-size: 12px}
.logined-box .list-message a:hover{ text-decoration: none;}
.logined-box .list-message2{ overflow: hidden; *zoom:1; margin-left: 10px}
.logined-box .list-message2 li{ float: left; color: #666; padding-top: 10px; overflow: hidden; *zoom:1;}
.logined-box .list-message2 a{ float: left; color: #666;}
.logined-box .list-message2 .sep{ float: left; margin: 0 10px}

.pn-slide .mod-notice{ border-top: 1px dotted #666}
.pn-slide .mod-notice .mod-hd{ padding: 15px 0 10px}
.pn-slide .notice-link-box{ padding-top: 16px}
.pn-slide .notice-link-box .link{ margin-top: 12px; display: block;}
.pn-slide .notice-link-box .link img{ width: 216px; height: 120px}
.pn-slide .notice-link-box2 .link img{ width: 216px; height: 54px}

/* pn-recommend */
.pn-recommend .pn-hd{ padding-right: 90px}
.pn-recommend .recommend-img{ float: right; padding: 2px 0}
.pn-recommend .recommend-img img{ width: 166px; height: 36px}

/* pn-virtual */
.pn-virtual{ padding-bottom: 60px;}
.pn-virtual .pn-bd{ overflow: hidden;}

/* pn-expert */
.pn-expert .pn-bd{ overflow: hidden; *zoom:1;}
.pn-expert .pn-c1, .pn-expert .pn-c2{ float: left;}
.pn-expert .pn-c1{ width: 209px; height: 380px; padding-top: 20px; background: url(/ue1/a/mai/index/2016/img/bg-expert.jpg) no-repeat;}
.pn-expert .pn-c2{ width: 280px; padding-right: 1px}
.pn-expert .img-box img{ width:280px; height: 260px; display: block;}
.pn-expert .list-news{ margin-top: 15px; padding: 0 15px 0 16px}

/* pn-matter */
.goods-box{ overflow: hidden; *zoom:1;}
.goods-box .goods-c1, .goods-box .goods-c2, .goods-box .goods-c3, .goods-box .goods-c4{ float: left; overflow: hidden; *zoom:1; background: #fff}
.goods-box .goods-c1{ width: 281px}
.goods-box .goods-c2{ width: 719px;}
.goods-box .goods-c3{ width: 240px}
.goods-box .goods-c4{ width: 479px;}
.goods-box .goods-in{ overflow: hidden; *zoom:1; margin-left: -1px; margin-top: -1px;}
.goods-box a, .goods-box img{ display: block;}
.goods-box .goods-item{ float: left; width: 239px; background: #fff; overflow: hidden; border-left:1px solid #eaeaea; border-top: 1px solid #eaeaea; height: 229px; overflow: hidden;}
.goods-box .goods-item a{ position: relative; color: #888;}
.goods-box .goods-item img{ width:239px; height: 229px;}
.goods-box .goods-item .detail{ position: absolute; left: 0; top:13px; text-align: center; width: 100%}
.goods-box .goods-item .t1{ display: block; font-size: 22px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.goods-box .goods-item .t2{ display: block; font-size: 18px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.goods-box .goods-item .t3{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.goods-box .goods-item .price{ margin-top: 9px}
.goods-box .goods-item a:hover{ text-decoration:none;}
.goods-box .goods-item-l{ float: none; width: 280px; border: none;height: 459px}
.goods-box .goods-item-l a{ color: #fff;}
.goods-box .goods-item-l img{ width:280px; height: 459px}
.goods-box .goods-item-l .detail{ left: 20px; top:14px; text-align: left; width: 240px}
.goods-box .goods-item-l1{ background: #ffa98f}
.goods-box .goods-item-l2{ background: #91a3f2}
.goods-box .goods-item-s{ width: 129px; height: 64px}
.goods-box .goods-item-s a{ margin-top: 2px}
.goods-box .goods-item-s img{ width:129px; height: 60px}
.goods-box .goods-company{ position: relative; width: 280px}
.goods-box .company-img img{ width:280px; height: 459px}
.goods-box .goods-company .goods-logo{ position: absolute; left: 10px; bottom:10px; overflow: hidden; *zoom:1;}
.goods-box .goods-img{ float: left; border-left: 1px solid #fff;}
.goods-box .img-w1 img{ width: 239px; height: 460px}
.goods-box .img-w2 img{ width: 479px; height: 230px}
.goods-box .img-w3 img{ width: 719px; height: 230px}
.goods-box .img-w4 img{ width: 490px; height: 188px}
.goods-box .goods-item-bc2{ border-color:#fff}
.goods-box-ex2 .goods-in{ margin-top: 0;}
.goods-box-ex2 .goods-img{ border-left: none;}
.goods-box-ex2 .goods-item{ width: 244px; border-top-color: #fff;}

/* pn-showbox */
.pn-showbox .pn-hd{ width: 1000px; margin: 0 auto}
.showbox-wrap{ background: #151515;}

.show-box{ width: 1000px; margin: 0 auto; position: relative; height: 98px;}
.show-box .box-in{ height: 110px; overflow: hidden; position: absolute; top:-12px; width: 1000px;}
.show-box .show-con{ width: 20000em; position: absolute; height: 110px; top:0; left: 0; overflow: hidden; *zoom:1;}
.show-box .list-show{ overflow: hidden; *zoom:1; float: left;}
.show-box .list-show li{ float: left; width: 200px; height: 110px; text-align: center; cursor: pointer;}
.show-box .list-show .c1{ margin-top: 12px; padding:4px 2px; display: block;}
.show-box .list-show .pic-box{ position: relative; overflow: hidden; display: block;}
.show-box .list-show .pic-box .mask{ z-index: 2; cursor: pointer;}
.show-box .list-show .c1 img{ width: 196px; height:90px}
.show-box .list-show .c1:hover .mask{ display: none; fliter:none; position: static;}
.show-box .list-show .c2{ display: none; cursor: pointer; position: relative; background: #528bdf; width: 200px; text-align: center; height:110px}
.show-box .list-show .c2 .tit{ color: #fff; position: absolute; left: 0; width: 100%; text-align: center; bottom: 10px}
.show-box .list-show .c2 img{ width: 170px; height: 80px}
.show-box .list-show .current{ position: relative; z-index: 5;}
.show-box .list-show .current .c1{ display: none;}
.show-box .list-show .current .c2{ display: block;}
.show-box .btn-show{ position: absolute; display: block; background: #0a0a0a; background: rgba(0,0,0,0.5); color: #fff; width: 34px; height: 70px; text-align: center; line-height: 70px; top:14px; font-size: 36px; font-family:SimSun; z-index: 10}
.show-box .btn-prev{ left: -10px}
.show-box .btn-next{ right: -10px}
.show-box .btn-show:hover{ text-decoration: none; background: rgba(0,0,0,0.35);}

.show-detail .show-item{ display: none; background-image:url(/ue2/a/mai/index/2016/img/bg21.jpg); background-position: top center; background-repeat:no-repeat;}
.show-detail .item-in{ width: 1000px; margin: 0 auto; position: relative; height: 590px;}
.show-detail .bg-l{ display: none;}
.show-detail .bg-c{ position: absolute; top:0; left: 50%; margin-left: -100px; z-index: 1;}
.show-detail .link-box{ position: absolute; width: 100%; left: 0; text-align: center; bottom:20px; z-index: 2}
.show-detail .link-box .comm-btn{ color: #fff; border: 1px solid #fff; background: none}
.show-detail .link-box .comm-btn:hover{ background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1); border: none; padding: 1px 30px;}
.show-detail .detail{ position: relative; z-index:2; overflow: hidden; *zoom:1;}
.show-detail .detail-c1{ float: left; width: 380px}
.show-detail .detail-c2{ float: left; width: 240px}
.show-detail .detail-c3{ float: right; width: 380px}
.show-detail .list-detail li{ border-bottom: 1px dotted #fff; border-bottom: 1px dotted rgba(255,255,255,.3);}
.show-detail .list-detail a{ display: block; overflow: hidden; *zoom:1; color: #000}
.show-detail .list-detail .c1{ display: block; float: right; width: 180px}
.show-detail .list-detail .c2{ display: block; overflow: hidden; *zoom:1; padding-top: 35px}
.show-detail .list-detail img{ -webkit-transition:-webkit-transform .2s linear; -moz-transition:-moz-transform .2s linear; -o-transition:-o-transform .2s linear; -ms-transition:-ms-transform .2s linear; transition:transform .2s linear}
.show-detail .detail-c1 img, .show-detail .detail-c3 img{ display: block;}
.show-detail .list-detail .tit{ display: block; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.show-detail .list-detail .txt{ display: block; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.show-detail .list-detail .comm-btn3{ margin-top: 15px; cursor: pointer; color: #333; border: 1px solid #333; background: none; line-height: 28px;}
.show-detail .list-detail .comm-btn3:hover{ border:none; color: #fff; padding:1px 18px; background:#55e1d2\9; background:-webkit-linear-gradient(left,#6fd8e9,#84efc1); background:linear-gradient(to right,#6fd8e9,#84efc1);}
.show-detail .list-detail a:hover{ text-decoration: none;}
.show-detail .list-detail a:hover img{ -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); -o-transform:translateX(-10px); transform:translateX(-10px)}
.show-detail .list-detail .li-odd .c1{ float: left;}
.show-detail .list-detail .li-odd a:hover img{ -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); transform:translateX(10px)}
.show-detail .list-detail-c li{ border: none;}
.show-detail .list-detail-c a{ height: 510px; position: relative; text-align: center;}
.show-detail .list-detail-c .c1{ float: none; position: absolute; left: 0; width: 100%; bottom: 165px}
.show-detail .list-detail-c .c2{ position: absolute; left: 0; width: 100%; bottom: 30px}
.show-detail .list-detail-c a:hover img{ -webkit-transform:translateX(0); -moz-transform:translateX(-0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); transform:translateY(10px);}

/* pn-act */
.pn-act .pn-bd{ overflow: hidden; *zoom:1;}
.pn-act .pn-c1, .pn-act .pn-c2{ width: 49%;}
.pn-act .pn-c1{ float: left; overflow: hidden;}
.pn-act .pn-c2{ float: right;}