@charset "utf-8";
/* css Document */
.index-icos{ background-image:url(../Images/index-icos.png) ; background-repeat: no-repeat; }
.iconfont{ background-image: url(../Images/iconfont.png); background-repeat: no-repeat; display: inline-block;}
.iconfail {
    background-image: url(../Images/us-icon-unchecked.png);
    background-repeat: no-repeat;
    display: inline-block;
}
/*-----------------------------------导航-----------------------------------------------*//**/
/*导航用户信息*/
#site-nav { color: #808080; font-size: 12px; width: 100%; height: 36px; background: #000; position: relative; z-index: 999; }
.site-menu { float: right; font-family: Microsoft YaHei, SimHei, Verdana, Arial, sans-serif; margin-left:-5px; }
.site-menu.fl { float: left }
.site-menu li { float: left; height: 36px; line-height: 36px; padding: 0 15px; color: #999; position: relative }
.site-menu a { text-decoration: none }
.site-menu .c-red { color: #F20000 }
.site-menu .c-blue { color: #3778E8 }
.site-menu li.spl { color: #e4e4e4; padding: 0 5px;}
.site-menu li.blank { padding: 0; margin: 0;}
.site-menu li a { color: #999; }
.site-menu li a:hover{ text-decoration:underline;}
.site-menu li .phone{ color:#FFF;}
.site-menu li i{ display:inline-block; vertical-align:middle; background-image:url(../images/bg.png);}
.site-menu li .icon-arw-down{ margin-left:4px; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px dashed #999;}
.site-menu li .icon-pos{ vertical-align:-2px; background-position:-89px -508px; width:12px; height:15px; margin-right:7px;}
.site-menu li .icon-tel{ background-position:0 0; width:12px; height:14px; padding-right:7px;}
.site-menu li .icon-fav{ vertical-align:0; *vertical-align:middle; background-position:-76px -482px; width:12px; height:10px; margin-right:2px;}
.site-menu li .icon-cart{ display: none; vertical-align:-2px; *vertical-align:middle; background-position:-50px -665px; width:12px; height:11px; margin-right:3px;}
.site-menu li .icon-nav{ vertical-align:-1px; *vertical-align:middle; background-position:-50px -655px; width:14px; height:10px; margin-right:3px;}
.site-menu li .icon-lg{ vertical-align:-2px; *vertical-align:middle; background-position:-88px -457px; width:12px; height:12px; margin-right:6px;}
.site-menu li .num{ font-family:Arial, Helvetica, sans-serif;}
#site-nav .user-avatar{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:20px; height:20px; margin-right:10px; border-radius:50%;}
.navList_login { display:none; text-align:right; width:auto; height: 36px; cursor: pointer; position:absolute; right:0; top:30px; z-index:10;}
.site-menu li.member:hover .navList_login{ display:block;}
.navList_login .login_portrait { color:#BBB; width:auto; padding:0 10px; margin: 8px auto 0; }
.navList_login .login_portrait .ico { background: url(../images/top_ico.png) no-repeat 0 -135px; display: inline-block; width: 8px; height: 4px; margin-left: 13px }
.navList_login:hover .login_list { transition: all .6s; display: block }
.navList_login .login_list { font-size:14px; z-index: 100; text-align:left; border: 1px solid #e0e0e0; background-color: white; width: 150px; height: 146px; position: relative; top: 4px }
.navList_login .login_list li { width: 130px; padding:0 10px; margin: 0 auto; height: 36px; line-height: 36px; position: relative }
.navList_login .login_list li:hover { background-color:#F1F4F9;}
.navList_login .login_list li em { font-size: 12px; font-family: arial; background-color: #BB0000; color: #fff; min-width:14px; height: 14px; padding:0 2px; position: absolute; left: 36px; top: 6px; line-height: normal; text-align: center; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.navList_login .login_list li a { display:block; color: #333; font-size:14px; border-bottom: 1px solid #e0e0e0; }
.navList_login .login_list li:last-child a { border-bottom: 0 }
.navList_login .login_list li a i { display: inline-block; vertical-align:-2px; background-image: url(../images/top_ico.png); background-repeat: no-repeat; width: 18px; height: 16px; position: relative; top: 0; margin: 0 13px 0 16px }
.navList_login .login_list li a i.ico_shop { background-position: 0 0 }
.navList_login .login_list li a i.ico_order { background-position: 0 -37px }
.navList_login .login_list li a i.ico_collect { background-position: 0 -73px }
.navList_login .login_list li a i.ico_esc { background-position: 0 -109px }
.navList_login .login_list li a:hover { text-decoration: none; }
.navList_login .login_list li a:hover i { transition: all .2s; background-image: url(../images/top_ico_hover.png) }
#site-nav .nav-tip{ color: #424242; width: 180px; line-height: 20px; padding: 10px; border-radius: 5px; background-color: #FFF; position: absolute; top: 48px; right: 0; z-index: 11; box-shadow: 0 0 10px #CCC;}
#site-nav .nav-tip:before{ content: ''; border-left: 10px dashed transparent; border-right: 10px dashed transparent; border-bottom: 10px solid #E6E6E6;  position: absolute; right: 80px; top: -10px; z-index: 2;}
#site-nav .nav-tip:after{ content: ''; border-left: 8px dashed transparent; border-right: 8px dashed transparent; border-bottom: 8px solid #FFF;  position: absolute; right: 82px; top: -7px; z-index: 2;}
#site-nav .nav-tip .tip-close{ color: #47AFFF; font-family: Verdana; position: absolute; top: 0; right: 8px; z-index: 1; cursor: pointer;}

.site-menu li.deli{ padding:0 10px;}
.site-menu li.deli:hover{ background-color:#FFF;}
.site-menu li.deli:hover .deli_list{ display:block;}
.site-menu li.deli i{ transition:all 0.2s;}
.site-menu li.deli .deli_ico{ display:inline-block; vertical-align:middle; width:12px; height:14px; margin-right:4px; background:url(../images/bg.png) -64px -483px no-repeat;}
.site-menu li .deli_list{ display:none; width:322px; line-height:24px; padding:10px; margin-bottom:-4px; border:1px solid #eee; border-top:none; background-color:#FFF; position:absolute; left:-1px; top:36px; z-index:1000;}
.site-menu li .deli_line{ height:0; line-height:0; margin-bottom:2px; border-bottom:1px dashed #eee;}
.site-menu li .deli_list a{ color:#444; display:inline-block; *display:inline; *zoom:1; min-width:3em; line-height:24px; padding:0 10px; margin-right:2px; margin-bottom:4px;}
.site-menu li .deli_list a:hover{ color:#3778E8; text-decoration:none; background-color:#eee;}
.site-menu li .deli_list a.cur{ color:#FFF; background-color:#3778E8;}

#site-nav.company{ background: #333;}
#site-nav.company .site-menu li a{ color: #c3c3c3;}
#site-nav.company .site-menu li .icon-cart{ vertical-align: -5px; width: 22px; height: 20px; margin-right: 6px; background-position: -78px -180px;}
#site-nav.company .site-menu li.spl{ color: #424242; padding: 0 3px;}

/*导航菜单*/
#headerLayout { height:110px; background-color: #fff; position:relative; z-index:1000;}
#headerLayout.simple{ height: 150px;}
#headerLayout.fixed{ width:100%; height:80px; position:fixed; top:0; z-index:1000; box-shadow:0 0 5px #E4E4E4;}
#headerLayout.fixed .p-content{ height:80px;}
#headerLayout.fixed .logo{ background:url(../images/logo.png) 82px center no-repeat}
#headerLayout.fixed .logo a{ height:80px;}
#headerLayout.fixed .hot-query{ display:none;}
#headerLayout .p-content { height: 112px; position: relative }
#headerLayout .header{ overflow: hidden;}

#headerLayout.company{ height: 100px;}
#headerLayout.company .p-content { height: 100px;}

#head-search{ width: 216px; height: 39px; background-color: #FFF; position:absolute; right: 0; top:30px; z-index:1;}
#headerLayout.simple #head-search{ top: 50px; left: auto; right: 0;}
#head-search .seartch-type{ color: #59595a; font-size:13px; font-weight: bold; text-align:center; vertical-align:middle; width: 120px; height: 36px; overflow:hidden; border-right:1px solid #1C9DFF; border: 1px solid #e4e4e4; background: #f9f9f9; position:absolute; left: -174px; top: 0; z-index: 2;}
#head-search .seartch-type:hover{ overflow:visible;}
#head-search .seartch-type:after{ content:''; border-left: 6px dashed transparent; border-right: 6px dashed transparent; border-top: 6px solid #969696; position:absolute; right:10px; top:16px; z-index:2;}
#head-search .seartch-type .select-type{ width:86%; height:36px; line-height:36px; position:absolute; left:0; top:0; z-index:2;}
#head-search .seartch-type ul{ position:relative; top:37px; box-shadow:0 0 2px #ccc;}
#head-search .seartch-type li{ height:40px; line-height:40px; background-color:#FFF; cursor:pointer;}
#head-search .seartch-type li:hover{ background: #f9f9f9;}
#head-search .search-form{ border-radius: 30px; background: #F6F6F6;}
#head-search fieldset { position: relative;}
#head-search .search-input{ height: 30px; position: relative;}
#head-search .searchBox{float:left; height:34px;}
#head-search .s-input-wrap{height: 35px; position: relative; vertical-align: middle;}
#head-search .s-input-wrap .icon-isearch{ width: 13px; height: 13px; margin-left: 14px; background: url(../Images/bg.png) -60px -240px no-repeat; position: absolute; left: 0; top: 11px; z-index: 2;}
#head-search #mq{ font-family:Microsoft YaHei; font-size:14px; border: 0 none; box-sizing: content-box; height: 28px; line-height: normal; line-height: 22px\9; margin: 0; outline: 0 none; padding: 3px 3px 3px 5px; position: relative; left: 34px; width: 130px; z-index: 2;}
#head-search .s-box-input{font-size: 100%;overflow-y: visible;vertical-align: middle; color: #666;}
#head-search button{ font-size:16px; position:absolute; right: 8px; top: 4px; z-index:1; width: 38px; border:0; font-size:12px; cursor:pointer; color:#FFF; height: 26px; overflow:hidden; border-radius: 30px; background-color: #808080;}
#head-search button s{ display:inline-block; vertical-align: middle; width: 22px; height: 22px; background-position:0 -87px;}
#head-search .hot-query{ font-family:Microsoft YaHei; margin-top:5px; overflow: hidden; width: 100%;font-size: 12px; height: 25px;}
#head-search .hot-query li{float:left; color: #666; display: inline-block; height: 25px; line-height:25px; padding-right:12px; position:relative;}
#head-search .hot-query li a{color: #666;}
#head-search .hot-query li.hot{ padding-right:30px;}
#head-search .hot-query li.hot:after{ display:block; content:''; width:22px; height:13px; background:url(../images/bg.png) -80px 0 no-repeat; position:absolute; right:4px; top:2px; z-index:2;}
#head-search .hot-query li.hot a{color: #ee0405;}

#head-search.company{ height: 50px; left: auto; top: 25px; right: 0;}
#head-search.company .search-input{ height: 48px;}
#head-search.company #mq{ width: 478px; height: 42px; left: 14px;}
#head-search.company .search-form{ border-color: #E7E7E7;}
#head-search.company .icon-isearch{ width: 16px; height: 16px; background: url(../Images/ico.png) 0 -164px no-repeat; position: absolute; left: 0; top: 18px; z-index: 2;}
#head-search.company button{ width: 50px;  height: 50px; border-left: 1px solid #e7e7e7; background: none;}

.head-link{ color:#9C8164; font-size:14px; height:34px; line-height:34px; position:absolute; left:880px; top:16px; z-index:2;}
.head-link .btn{ display:inline-block; color:#9C8164; padding:0 12px; border:1px solid #9C8164; border-radius:5px;}
.head-link .btn:hover{ color:#FFF; text-decoration:none; background-color:#9C8164;}
.shop-cart{ color: #f30213; position:absolute; right: 0; top:30px; width: 90px; height:38px; line-height:38px; padding-left:30px; font-size:14px; border: 1px solid #e4e4e4; background: #f9f9f9;}
.shop-cart .p-icon{ display:inline-block; vertical-align:middle; width:21px; height:20px; margin-right: 6px; background-image:url(../images/bg.png); background-position:-100px -654px;}
.shop-cart a{ color:#f30213; letter-spacing: 1px; margin-left: -1px;}
.shop-cart a:hover{ color:#f30213;}
.shop-cart .cart_arw{ display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; line-height:0; border-top:4px dashed transparent; border-bottom:4px dashed transparent; border-left:4px solid #C30D23;}
.shop-cart span{ color:#FFF; font-size:12px; line-height:15px; border-radius:12px; padding:0 3px; background-color:#EF3D11; position:absolute; top:7px; right: 15px; z-index:2;}
.shop-cart span:after{/* display:block; content:''; width:0; height:0; line-height:0; border-left:4px dashed transparent; border-right:4px dashed transparent; border-top:4px solid #EF4011; position:absolute; bottom:-3px; left:6px; z-index:3;*/}
#headerLayout .logo{ position:absolute; left:0px; top:0; z-index:10; width:225px; height:110px; line-height:32px; background: url(../images/logo.png) left center no-repeat;}
#headerLayout .logo.index{ width:212px; height:174px; background: #FFF url(../images/logo-new.png) center center no-repeat; box-shadow: 0 0 10px #CCC; top:-40px;}
#headerLayout.simple .logo{ height: 150px;}
#headerLayout .logo a{ display:block; width:100%; height:100%;}
#headerLayout .logo-ad{ width:340px; height:100%; line-height:32px; background:url(../upload/logo-ad.gif) left center no-repeat; position:absolute; left:210px; top:0; z-index:0;}
#headerLayout .logo-ad-4{ width:340px; height:100%; line-height:32px; background:url(../upload/logo-ad-4.gif) left 46px no-repeat; position:absolute; left:210px; top:0; z-index:0;}
#headerLayout .logo-text{ color:#666; font-size:24px; line-height:24px; padding-left:10px; margin-top:8px; position:absolute; left:228px; top:50%; z-index:0;}
#headerLayout .logo-text::after{ content: ''; height: 38px; border-left: 1px solid #D1D1D1; position: absolute; left: 0; top: -6px; z-index: 1;}
#headerLayout .head-hotline{ color: #F14038; width: 212px; line-height:18px; padding: 14px 0 9px 0; background-color: #fff; position:absolute; right: 0; top: 108px; z-index: 0;}
#headerLayout .icon{ width: 36px; height: 36px; margin: 0 6px 0 16px; background-image: url(../Images/ico.png); background-position: -40px 0;}
#headerLayout .head-hotline .tel{ font-size: 20px; margin-bottom: 2px;}
#headerLayout .head-hotline .info{ font-size: 13px; text-align:justify; text-align-last: justify;}
#headerLayout .logo.company{ width: 278px; height: 100px; background: url(../images/logo-company-right.png) right center no-repeat;}
#headerLayout .logo.company .sub{ max-width: 106px; max-height: 110px;}
#headerLayout .logo.company a{ display: table-cell; height: 110px; vertical-align: middle;}
/*导航*/
#headNav{ color:#000; font-size:16px; width: 720px; height:39px; line-height:38px; overflow: hidden; position: absolute; left: 230px; top: 36px; z-index: 1000;}
#headNav:before,#headNav:after {display: table; content: ""; height:0; clear:both; visibility: hidden;}
#headNav .nav-tit{ display: none; float:left; color:#FFF; text-indent: 20px; width:190px; line-height: 38px; background-color:#fd3e1a;}
#headNav .nav-tit i{ display:inline-block; vertical-align:middle; width:18px; height:15px; margin-right:10px; background-image:url(../images/bg.png); background-position:-150px -620px;}
#headNav .nav-tit a{ display:block; color:#FFF; padding-left:20px;}
#headNav .nav-tit a:hover{ text-decoration:none;}
#headNav .nav-menu{ float:left; height:38px;}
#headNav .nav-menu .m-nav-item { float: left; height:38px; line-height: 38px; overflow:hidden; margin-right:10px; position:relative;}
#headNav .nav-menu .m-nav-item a{ display:block; color:#1b0a09; text-align:center; text-decoration:none; padding:0 10px; transition:none;}
#headNav .nav-menu .m-nav-item.m-has-sub a .awr{ display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; line-height:0; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px solid #FFF;}
#headNav .nav-menu .m-nav-item a:hover,#headNav .nav-menu .m-nav-item:hover > a { /*border:1px solid #EBEBEB;*/ border-bottom:none; color:#1b0a09;}
#headNav .nav-menu li a.curMenu{ color:#00A0E9;}
#headNav .nav-menu .m-nav-item .hot{ background:url(../images/bg.png) no-repeat -78px 0; width:22px; height:12px; display:block; position:absolute; top:0; right:0;}
#headNav .nav-menu .m-nav-item .m-sub-nav{ display:block; font-size:14px; width:650px; padding:14px; position:absolute; top:60px; left:0; z-index:1000; transition:all 0.2s;}
#headNav .nav-menu .m-nav-item .m-sub-nav ul{ width:110%; margin-bottom:-14px;}
#headNav .nav-menu .m-nav-item .m-sub-nav .bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background-color:#FFF; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#headNav .nav-menu .m-nav-item:hover{ overflow:visible;}
#headNav .nav-menu .m-nav-item:hover .m-sub-nav{ top:50px;}
#headNav .nav-menu .m-nav-item .m-sub-nav li{ float:left; width:152px; height:108px; margin-right:14px; margin-bottom:14px; position:relative;}
#headNav .nav-menu .m-nav-item .m-sub-nav li img{ width:152px; height:109px; border-radius:2px;}
#headNav .nav-menu .m-nav-item .m-sub-nav li b{ width:100%; height:100%; border-radius:0 0 2px 2px; background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);background:-webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%); background:-moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#cc000000, GradientType=0); transition:all ease .5s;-webkit-transition:all ease .5s; position:absolute; left:0; bottom:0; z-index:1}
#headNav .nav-menu .m-nav-item .m-sub-nav li h3{ color:#FFF; width:100%; height:50px; line-height:50px; position:absolute; left:0; bottom:0; z-index:2; transition:all ease .5s;}
#headNav .nav-menu .m-nav-item .m-sub-nav li h3 span{ display:inline-block; height:16px; line-height:16px; padding-left:8px; border-left:3px solid #FF535B;}
#headNav .nav-menu .m-nav-item .m-sub-nav li a{ display:block; color:#333; white-space:nowrap; height:109px; padding:0; border:none; box-shadow:none; transition:all 0.2s; position:relative;}
#headNav .nav-menu .m-nav-item .m-sub-nav li a:hover{ color:#FFF; border:none; background:none; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); position:relative; box-shadow:none;}
#headNav .nav-menu .m-nav-item .m-sub-nav li a:hover h3{ height:108px; line-height:108px;}
#headNav .nav-menu .m-nav-item .m-sub-nav li a:hover b{ height:100%;}
#headNav .hot-line{ display: none; float: right; height:38px; padding-right: 10px;}
#headNav .hot-line .p-icon{ display: inline-block; vertical-align: middle; margin-right: 2px; background: url(../Images/bg.png) no-repeat;}

/*顶部导航*/
#headerLayoutNav{ color:#000; font-size:20px; height:39px; line-height:38px; position: absolute; left: 342px; top: 30px; z-index: 2;}
#headerLayoutNav:before,#headerLayoutNav:after {display: table; content: ""; height:0; clear:both; visibility: hidden;}
#headerLayoutNav .nav-menu{ height:38px;}
#headerLayoutNav .nav-menu .m-nav-item { float: left; height:38px; line-height: 38px; overflow:hidden; margin-right:10px; position:relative;}
#headerLayoutNav .nav-menu .m-nav-item a{ display:block; color:#1b0a09; text-align:center; text-decoration:none; padding:0 10px; transition:none;}
#headerLayoutNav .nav-menu .m-nav-item.m-has-sub a .awr{ display:inline-block; vertical-align:middle; width:0; height:0; margin-left:4px; line-height:0; border-left:5px dashed transparent; border-right:5px dashed transparent; border-top:5px solid #FFF;}
#headerLayoutNav .nav-menu .m-nav-item a:hover,#headerLayoutNav .nav-menu .m-nav-item:hover > a { /*border:1px solid #EBEBEB;*/ border-bottom:none; color:#f30213;}
#headerLayoutNav .nav-menu li a.curMenu{ color:#f30213;}

.header .cart-title{ border-left:1px solid #d1d1d1; height:46px; font-size: 26px; color:#666666; padding:0 0 0 31px; margin:27px 0 0 38px;}

.sub-banner{ width: 100%; height: 382px; overflow: hidden;}
.sub-banner img{ margin-left: -960px; position: relative; left: 50%;}

/*--------------------版权-------------------*/
#footer{ width:100%; background-color:#F4F4F4;}
#foot-top{ font-family:'YueYuan',Microsoft YaHei; height:100px; /*margin-top:20px;*/ border-top: 1px solid #E6E5E5; background-color: #FFF;}
#foot-top .foot-top-item li{ float:left; color:#666; font-size:24px; text-indent:72px; width:25%; height:100px; line-height:100px; overflow:hidden; margin-left:-1px; border-bottom: 1px solid #F8F8F8; position:relative;}
#foot-top .foot-top-item li i{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:53px; height:53px; margin-right:10px; background:url(../images/foot-top.png) 0 0 no-repeat; transition:all 0.3s;}
/*#foot-top .foot-top-item li i:hover{ background-position:16px -110px;}*/
#foot-top .foot-top-item li i.i2{ background-position:-308px 0;}
/*#foot-top .foot-top-item li i.i2:hover{ background-position:-286px -110px;}*/
#foot-top .foot-top-item li i.i3{ background-position:-620px 0;}
/*#foot-top .foot-top-item li i.i3:hover{ background-position:-592px -110px;}*/
#foot-top .foot-top-item li i.i4{ background-position:-928px 0;}
/*#foot-top .foot-top-item li i.i4:hover{ background-position:-891px -110px;}*/
#foot-top .foot-top-item li a{ float:left; color:#333; margin-left:8px; cursor:default;}
#foot-top .foot-top-item li a:hover{ text-decoration:none;}
#foot-top .foot-top-item li a strong{ color:#666; font-size:14px; line-height:28px;}
#foot-top .foot-top-item li a span{ display:block; color:#999;}
#foot-bottom{ border-bottom: 1px solid #E5E5E9; zoom:1; background-color: #FFF;}
#foot-bottom .foot-bottom-help{ text-align:left; overflow:hidden; padding:20px 0; margin:0 auto;}
#foot-bottom .foot-help-item{ float:left; display:inline; width:125px; height:160px; padding:0 20px; overflow:hidden; color:#666; font-size:12px; position: relative;}
#foot-bottom .foot-help-item:after{ content: ''; height: 74px; /*border-right:1px solid #EEE;*/ position: absolute; right: 0; top: 24px; z-index: 2;}
#foot-bottom .foot-help-item.item2{}
#foot-bottom .foot-help-item.item3{ display:none; width:132px;}
#foot-bottom .foot-help-item.item4{ color: #333; width:132px; padding: 0 38px; border-right: none;}
#foot-bottom .foot-help-item.item4:after{ border-right: none;}
#foot-bottom .foot-help-item .tel{ color: #000; font-size: 18px; margin-bottom: 10px;}
#foot-bottom .foot-help-item .btn{ margin-top: 10px;}
#foot-bottom .foot-help-item .btn-service{ display: inline-block; vertical-align: middle; color: #fff; height: 34px; line-height: 34px; padding: 0 27px; border-radius: 30px; background-color: #000;}
#foot-bottom .foot-help-item .btn-service i{ display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 4px; background: url(../images/bg.png) -71px -508px no-repeat; filter: grayscale(100) brightness(100);}
#foot-bottom .foot-help-item .acc{ margin-top: 10px;}
#foot-bottom .foot-help-item .miniprom,
#foot-bottom .foot-help-item .wxacc{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 6px; background: url(../images/wxacc.png) no-repeat;}
#foot-bottom .foot-help-item .miniprom{ background: url(../images/miniprom.png) no-repeat;}
#foot-bottom .foot-help-item h3{ color:#666; margin-bottom:4px; height:22px; line-height:22px; font-size:14px;}
#foot-bottom .foot-help-item a{ color:#999; margin-bottom:2px; display:block;}
#foot-bottom .foot-attn{ float:left; width:202px; min-height:60px; margin-left:173px;}
#foot-bottom .foot-logo{ display:none;}
#foot-bottom .foot-wx-attn{ color:#888; font-size:14px; line-height:20px; margin-left:10px; margin-top:20px; position:relative;}
#foot-bottom .foot-wx-attn b{ font-size:18px; font-weight:bold;}
#foot-bottom .foot-wx-attn .ico-wx-attn{ width:44px; height:42px; margin-left:10px; background:url(../images/bg.png) 0 -654px no-repeat;}
#subfooter { color:#666;padding: 36px 0; text-align:center; border-top: 1px solid #efefef; background-color:#fff;}
#foot-bottom .foot-wx-layer{ position:absolute; left:0; top:0; z-index:1; transition:all 0.3s; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#foot-bottom .foot-wx-attn:hover .foot-wx-layer{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#subfooter .sf-p1 { font-size:12px; padding-bottom: 4px;}
#subfooter .sf-p1 a { padding-right: 15px; margin-right: 15px; color:#666; border-right: 1px solid #666;}
#subfooter .sf-p1 a:hover{ color:#666;}
#subfooter .sf-verify { padding: 10px 0;}
#subfooter p{}

/*在线客服*/
/*.m-sider-bar{ width:70px; margin-top:-190px; position:fixed; top:50%; right:0; z-index:10000;}
.m-sider-icon{ margin:0 0 5px 0; width:70px; height:70px; overflow:hidden; background-color: #65adf5; -webkit-border-radius:2px;  -moz-border-radius:2px;  border-radius:2px; position:relative; cursor:pointer;}
.m-sider-icon:hover{ background-color: #95c6f7;}
.m-sider-icon a{ color:#fff;}
.m-sider-icon .m-sider-link{ text-align: center; display:block; width:100%; height:100%;}
.m-sider-icon i{ background: url(../Images/customer.png) no-repeat;width:34px; height:34px; display: block;margin:9px auto 3px; }
.m-sider-icon.m-sider-tel i{ background-position: 0 0;}
.m-sider-icon.m-sider-cart i{ background-position: 0 -115px;}
.m-sider-icon.m-sider-dy i{ background-position: 0 -37px;}
.m-sider-icon.m-sider-top i{ background-position: 0 -82px; height:17px;margin:12px auto 10px;}
.m-sider-icon.m-sider-top{ background-color: #c0c0c0;}
.m-sider-icon.m-sider-top:hover{ background-color: #65adf5;}
.m-sider-icon.m-sider-cart em{
    position: absolute;
    top: 6px;
    right: 6px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    background: #f80404;
    min-width: 12px;
    padding:0 2px;
    text-align: center;
}*/
/*-----------------------------------当前位置-----------------------------------------------*/ /**/
.location {
    color: #666;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    margin-top: 6px;
}
.location a{ color:#808080;}

/*end   Tyy*/

/*-----------------------------------主体-----------------------------------------------*//**/
.main-container{ padding:0; position:static;}
.main-container:after{ display:block; content:""; width:100%; max-width:inherit; background-color:#FFF; bottom:0; top:0;}
.main-container .main-container-inner{ *background-color:#F2F2F2; position:relative;}
/*左边*/
.sidebar{ float:left; width:200px; background-color:#F4F4F4; position:absolute; left:0; top:0; bottom:0; z-index:1; transition:width 0.3s;}
/*.sidebar:before{ content:''; display:block; width:230px; background-color:#F2F2F2; position:fixed; bottom:0; top:0; z-index:-1; transition:width 0.3s;}*/
.sidebar.collapse,.sidebar.collapse:before{ width:0;}
.sidebar-ico{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:16px; height:16px; margin-right:4px; background:url(../images/ico-sidebar.png) 0 0 no-repeat;}
.sidebar-nav{ height:100%; overflow:auto;}
.sidebar-nav li h3{ color:#333; font-size:16px; height:50px; line-height:50px; padding-left:26px;}
.sidebar-nav li h3 a{ color:#333;}
.sidebar-nav-sub li{ height:36px; line-height:36px; position:relative;}
.sidebar-nav-sub li a{ display:block; color:#888; height:36px; padding-left:26px;}
.sidebar-nav-sub li a:hover{ color:#42C4F4;}
.sidebar-nav-sub li.on{ background-color:#FFF;}
.sidebar-nav-sub li.on .sidebar-arw{ display:block; height:100%; border-left:3px solid #42C4F4; position:absolute; left:0; top:0; z-index:1;}
.sidebar-nav-sub li.on .sidebar-arw:after{ content:''; margin-top:-4px; border-top:4px dashed transparent; border-bottom:4px dashed transparent; border-left:4px solid #42C4F4; display:block; position:absolute; left:0; top:50%; z-index:1;}
.sidebar-nav-sub li.on a{ color:#42C4F4;}
.sidebar-collapse{ width:8px; overflow:hidden; position:absolute; left:200px; top:50%; z-index:3; transition:all 0.2s;}
.sidebar-collapse .sidebar-ico{ width:8px; height:48px; background-position:-34px 0; cursor:pointer;}
.sidebar-collapse.on{ left:0;}
.sidebar-collapse.on .sidebar-ico{ background-position:-34px -48px;}
/*右边*/
.main-content{ min-height:100%; padding:15px 30px; margin-left:200px; *overflow:hidden; background-color:#FFF; transition:margin 0.2s;}
.main-content.wide{ margin-left:0;}
.page-content{ overflow:hidden;}
.page-tab-list{ height:30px; margin-bottom:15px; border-bottom:2px solid #1AADEB; position:relative;}
.page-tab-list ul{ white-space:nowrap; position:absolute; bottom:0; z-index:1;}
.page-tab-list li{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; height:30px; margin-right:10px; position:relative;}
.page-tab-list li a{ display:block; color:#888; height:30px; line-height:30px; padding:0 30px; padding-right:34px; border-radius:3px 3px 0 0; background-color:#F6F6F6;}
.page-tab-list li a:hover{ color:#1AADEB;}
.page-tab-list li.on a{ color:#FFF; background-color:#1AADEB;}
.page-tab-close{ color:#888; font-family:serif; font-weight:bold; position:absolute; right:6px; top:8px; z-index:1; cursor:pointer;}
.page-tab-list li.on .page-tab-close{ color:#FFF;}
.page-tab-content{ display:none; height:100%;}
.page-tab-content.on{ display:block;}
.page-tab-rmenu{ font-size:12px; width:80px; padding:10px; border:1px solid #CCC; border-radius:5px; background-color:#FFF; position:absolute; left:0; top:20px; z-index:6; opacity:.9;}
.page-tab-rmenu span{ display:block; text-align:center; height:20px; line-height:20px; cursor:pointer;}
.page-tab-rmenu span:hover{ color:#FFF; background-color:#1AADEB;}
.page-tab-awr{ display:none; color:#FFF; text-align:center; width:16px; height:30px; line-height:30px; background-color:#666; position:absolute; left:0; bottom:0; z-index:7; cursor:pointer;}
.page-tab-awr.right{ left:auto; right:0;}
.page-tab-list.over-more .page-tab-awr{ display:block; font-family:serif;}
/*通用工具*/
.tools-wrap{ padding:15px; margin-bottom:15px; border:1px solid #DFDFDF;}
.tools-item{ display:inline-block; color:#666; font-size:12px; margin:5px 50px 5px 0;}
.tools-item.last{ margin-right:10px;}
.btn-wrap{ margin:15px 0;}
.title-wrap{ line-height:30px; margin:15px 0;}
.title-main{ font-size:16px; padding-left:10px; border-left:3px solid #1AADEB;}
.chart-wrap { width: 100%; overflow: hidden; }
.ipt-common{ font-size:14px; width:auto; min-width:60px; height:34px; line-height:34px; padding:0 4px; border:1px solid #DFDFDF;}
.ipt-common.small{ width:30px;}
.ipt-op{ display:inline-block; *zoom:1; color:#333; font-size:18px; font-weight:bold; text-align:center; vertical-align:middle; width:30px; height:36px; line-height:36px; background-color:#EDEDED;}
.ipt-op.off{ color:#CCC;}
.select-common{ min-width:100px; height:34px; line-height:34px; border:1px solid #DFDFDF;}
.btn-common{ display:inline-block; *display:inline; *zoom:1; font-size:14px; text-align:center; vertical-align:middle; color:#FFF; min-width:82px; height:34px; line-height:34px; overflow:hidden; padding:0 10px; margin-right:10px; border-radius:3px; background-color:#7FC56C; position:relative;}
.btn-common input{ font-size:60px; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.btn-common.big{ height:40px; line-height:40px; padding:0 30px;}
.btn-common:hover{ background-color:#5FB748;}
.btn-common.blu{ background-color:#1AADEB;}
.btn-common.blu:hover{ background-color:#118DC2;}
.btn-common.red{ background-color:#F5614A;}
.btn-common.red:hover{ background-color:#F3371A;}
.btn-common.org{ background-color:#F59A4A;}
.btn-common.org:hover{ background-color:#F3801A;}
.btn-common.gray{ background-color:#A0A0A0;}
.btn-common.gray:hover{ background-color:#868686;}
.btn-common.disable,.btn-common.disable:hover{ background-color:#A0A0A0; cursor:default;}
.btn-common i{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:16px; height:16px; margin-right:4px; background:url(../images/ico-main.png) 0 60px no-repeat;}
.btn-common.default i{ display:none;}
.btn-common.search i{ background-position:0 -60px;}
.btn-common.export i{ background-position:0 -81px;}
.btn-common.add i{ background-position:0 0;}
.btn-common.up i{ background-position:0 -21px;}
.btn-common.down i{ background-position:0 -40px;}
.btn-common.del i{ background-position:0 -100px;}
.btn-common.ok i{ background-position:0 -157px;}
.btn-left{ display:inline-block; vertical-align:middle; width:14px; height:10px;  background:url(../images/arrow-l.png) no-repeat;}
.btn-right{ display:inline-block; vertical-align:middle; width:14px; height:10px;  background:url(../images/arrow-r.png) no-repeat;}
.btn-left.hide,.btn-right.hide{ display:none;}
.ztree-common.ztree{ height:100%; overflow:auto;}
.ztree-common.ztree .node_name{ font-size:14px;}
.ztree-common.ztree li{ line-height:24px;}
.ztree-common.ztree li a.curSelectedNode,.ztree-common.ztree li a{ height:24px;}
.field-title{ font-size:18px; font-weight:bold; line-height:40px; margin-bottom:20px; border-bottom:1px solid #DEDEDE;}
.field-list{ color:#333; margin-bottom:-10px;}
.field-list dt,.field-list dd{ float:left;/* height:36px;*/ line-height:36px; margin-bottom:10px;}
.field-list dt{ clear:both; font-weight:bold; text-align:right; min-width:120px; padding-right:10px;}
.field-list dd{ max-width:calc(100% - 130px);}
.field-list dd p{ margin-bottom:10px;}
.field-list dd label{ margin-right:20px;}
.field-list.fl dd{ min-width:240px; height:36px;}
/*通用表格*/
.table-wrap{ border:1px solid #DFDFDF;}
.table-common{ color:#797979; font-size:12px; width:100%;}
.table-common a:hover{ text-decoration:underline;}
.table-common th,.table-common td{ text-align:center; word-wrap:break-word; word-break:break-all; max-width:100px;/* height:40px; line-height:40px;*/ padding:10px;}
.table-common th{ font-weight:bold; background-color:#EDF3F6;}
.table-common tr:nth-child(even){ background-color:#FAFAFA;}
.table-common tr:hover{ background-color:#FEF8F2;}
.table-common td input{ text-align:center; height:30px;}
.table-common a{ white-space:nowrap;}
.table-border th, .table-border td { border: 1px solid #DFDFDF; }
/*通用标志*/
.sign-ball{ display:inline-block; color:#FFF; width:20px; height:20px; line-height:20px; margin:2px; border-radius:50%; background-color:#F5614A;}
/*通用步骤*/
.step{ height:46px; margin-bottom:20px;}
.step .step-item{ display:inline-block; *display:inline; *zoom:1; color:#666; font-size:12px; text-align:center; vertical-align:middle; height:46px; line-height:46px; padding:0 20px 0 40px; background-color:#F0F0F0; position:relative;}
.step .step-item:first-child{ padding-left:20px;}
.step .step-item:before{ display:block; content:''; width:0; height:0; border-top:25px dashed transparent; border-bottom:25px dashed transparent; border-left:18px solid #FFF; position:absolute; right:-18px; top:-2px; z-index:1;}
.step .step-item:after{ display:block; content:''; width:0; height:0; border-top:23px dashed transparent; border-bottom:23px dashed transparent; border-left:16px solid #F0F0F0; position:absolute; right:-16px; top:0; z-index:1;}
.step .step-item.on{ color:#AF7C00; background-color:#FFEDC1;}
.step .step-item.on:after{ border-left-color:#FFEDC1;}
.step-select-wrap{ display:inline-block; margin:10px 0;}
.step-select{ vertical-align:top; min-width:200px; margin-right:20px;}
.step-select:last-child{ margin-right:0;}
.step-tip{ line-height:40px; padding:0 10px; margin:20px 0; background-color:#FFEDC1; position:relative;}
.step-tip.up:after{ display:block; content:''; border-left:10px dashed transparent; border-right:10px dashed transparent; border-bottom:10px solid #FFEDC1; position:absolute; left:20px; top:-10px; z-index:1;}
/*选择项*/
.select-item{ display:inline-block; line-height:30px; padding:0 14px; margin-right:8px; border:1px solid #CFDAE2; position:relative;}
.select-item:hover{ text-decoration:none; border-color:#53B0FF;}
.select-item.on{ border-color:#53B0FF;}
.select-item i{ display:none; width:17px; height:14px; background:url(../images/bg.png) -19px 0 no-repeat; position:absolute; right:0; bottom:0; z-index:1;}
.select-item.on i{ display:block;}
/*左右*/
.left-wrap{ width:280px; padding:10px; border:1px solid #DFDFDF; position:absolute; left:0; top:0; bottom:0; z-index:1;}
.right-wrap{ margin-left:310px; border:1px solid #DFDFDF; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.right-wrap h2{ font-size:16px; font-weight:bold; height:40px; line-height:40px; padding:0 20px; border-bottom:1px solid #DFDFDF;}
.right-wrap .right-content{ line-height:36px; padding:20px;}

.inline-list-col{ display:table-row;}
.inline-list-wrap{ display:table-cell; *display:inline; *zoom:1; vertical-align:top; padding:10px; padding-top:20px; border:1px dotted #DFDFDF; position:relative;}
.inline-list-wrap .inline-list-title{ color:#FFF; font-size:14px; text-align:center; width:120px; height:30px; line-height:30px; margin-left:-60px; border-radius:5px; background-color:#66CCFF; position:absolute; left:50%; top:-15px; z-index:1;}
.inline-list-wrap .inline-list-title.bg02{ background-color:#FFAB66;}
.inline-list-wrap .inline-list-title.bg03{ background-color:#59E081;}
.inline-list-wrap .inline-list-title.bg04{ background-color:#EC5E93;}

/*产品分类*/
.product-cate{ width:100%; position:absolute; left:0; top:66px; bottom:20px; z-index:1;}

/*报价工具*/
.quote-tool{ display:table; width:99%; width:calc(100% - 2px); border-collapse:collapse; margin-top:20px;}
.quote-tool .inline-list-wrap{ width:48%; margin-top:26px;}
.quote-tool .quote-size-wrap{ width:60%; min-width:750px; min-height:230px;}
.quote-tool .quote-fee-wrap{ width:40%;}
.quote-tool .quote-pic{ position:absolute; right:10px; bottom:10px; z-index:1;}
.quote-tool .field-list{ display:table-row; margin-bottom:0;}
.quote-tool .field-list.hide{ display:none;}
.quote-tool .field-list dt,.quote-tool .field-list dd{ float:none; display:table-cell; line-height:34px; padding:5px 0;}
.quote-tool-table{ font-size:14px;}
.quote-tool-table .bg01{ background-color:#FFFEEC;}
.quote-tool-table .bg01 span{ display:inline-block; text-align:center; width:30%;}
.quote-tool-table td{ text-align:left;}
.quote-tool-table th{ background-color:#F2F2F2;}

/*设计选稿*/
.art-con{ color:#40475A; font-size:14px; padding:26px 33px 20px 33px;}
.art-con-box{ border:1px solid #DFDFDF; margin-bottom:20px; background-color:#FFF;}
.art-con-box h3{ color:#202B3D; font-size:16px; font-weight:bold; height:44px; line-height:44px; padding:0 33px; border-bottom:1px solid #E3EAF2; background-color:#F6F6F6;}
.art-con-box h4{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.art-con-box .c-blu{ color:#1AADEB;}
.art-con-box .title-num{ color:#FF7754; font-size:14px; font-weight:normal; padding:0 10px; margin-left:4px; border-radius:3px; background-color:#FFE8E2;}
.art-con-box .btn-art-down{ color:#FF7754; padding:0 4px; border:1px solid #FF7754; border-radius:3px;}
.art-con-box .btn-art-down:hover{ color:#FFF; background-color:#FF7754;}
.art-con-box .ico-arw{ display:inline-block; vertical-align:middle; width:12px; height:7px; margin-left:4px; background:url(../images/bg.png) 0 -19px no-repeat;}
.art-con-box .ico-arw.up{ background-position:-18px -19px;}
.art-con-iblock{ display:inline-block; width:240px; margin-right:16px;}
.art-con-item{ line-height:24px; padding:0 0 20px 0; margin-bottom:30px; border-bottom:1px dashed #DCDEE6; position:relative;}
.art-con-item:last-child{ border:none; margin-bottom:0;}
.art-con-fold{ color:#0165FB; position:absolute; bottom:20px; right:0;}
.art-con-top{ height:30px; line-height:30px; margin-bottom:24px;}

.art-con-filt{ padding:10px 33px; border-bottom:1px solid #DFDFDF;}
.art-con-filt.art-paper-filt{ padding:0; border:none; position:absolute; top:0; right:0; z-index:1;}
.art-con-filt a{ display:inline-block; padding:4px 12px; margin-right:10px; border-radius:3px;}
.art-con-filt a:hover{ background-color:#EEE;}
.art-con-filt a.on{ color:#FFF; background-color:#1AADEB;}

.art-con-item-dema{ height:130px; overflow:hidden;}
.art-con-item-atta{}
.art-down-list{ width:700px; margin-bottom:-10px;}
.art-down-list li{ float:left; width:300px; margin-right:40px; margin-bottom:10px;}
.art-down-list .c-blue{ color:#0066D0;}

.art-paper-con{ font-size:13px; padding:30px;}
.art-paper-con img{ max-width:100%;}
.art-con-paper{ padding:40px;}
.art-paper-top{ padding-bottom:20px; border-bottom:1px dashed #DCDEE6; position:relative;}
.art-paper-avt{ margin-right:20px;}
.art-paper-avt h5{ font-size:24px; margin-bottom:14px;}
.art-paper-avt img{ width:100px; height:100px;}
.art-paper-info{ color:#77818C; font-size:13px;}
.art-paper-info .state{ color:#40475A; font-weight:bold;}

/*数据信息*/
.info-ico{ display:inline-block; vertical-align:-4px; width:20px; height:20px; margin-right:4px; background:url(../images/bg.png) 0 -54px no-repeat;}
.info-ico.report{ background-position:-22px -54px;}
.info-ico.mid{ width:53px; height:53px; margin-right:12px; background-position:-56px 0;}
.info-ico.order{ background-position:-125px 0;}
.info-ico.money{ background-position:-194px 0;}
.info-ico.product{ background-position:-263px 0;}
.info-ico.order02{ background-position:-56px -68px;}
.info-ico.view{ background-position:-125px -68px;}
.info-ico.box{ background-position:-194px -68px;}
.info-ico.heart{ background-position:-263px -68px;}
.info-ico.zoom{ background-position:-56px -135px;}
.info-ico.refresh{ background-position:-125px -135px;}
.info-ico.equal{ background-position:-194px -135px;}
.info-ico.size{ background-position:-56px -201px;}
.info-ico.view02{ background-position:-125px -201px;}
.info-ico.member02{ background-position:-194px -201px;}
.info-list{ margin-top:10px;}
.info-box{ color:#333; border:1px solid #DFDFDF;}
.info-title{ color:#202B3D; height:44px; line-height:44px; padding:0 10px; border-bottom:1px solid #DFDFDF; background-color:#F6F6F6;}
.info-title .title{ font-size:16px; font-weight:bold;}
.info-content{ line-height:34px; padding:20px 40px;}
.info-cell{ display:table-cell; text-align:center; width:500px; border-left:1px solid #DFDFDF;}
.info-cell:first-child{ border:none;}
.info-cell .num{ font-family:Arial; font-size:18px;}
.info-total{ padding:20px; margin-top:20px; border:1px solid #DFDFDF; position:relative;}
.info-total-tip{ color:#999; position:absolute; top:2px; right:4px; z-index:2;}
.info-item{ display:table-cell; width:600px;}
.info-item h3{ line-height:24px;}
.info-item .num{ color:#33363F; font-family:Arial; font-size:26px;}
.info-visit{ padding:10px 20px; margin-top:20px; border:1px solid #DFDFDF;}
.info-visit h2{ color:#202B3D; font-size:16px; font-weight:bold; text-align:center;}
.info-visit .chart-box{ padding:20px 0;}

/*选项卡*/
.tab-ico{ display:inline-block; vertical-align:middle; width:24px; height:24px; margin-left:24px; background:url(../images/bg.png) 0 -86px no-repeat;}
.tab-ico.list.on{ background-position:-26px -86px;}
.tab-ico.bar{ background-position:0 -112px;}
.tab-ico.bar.on{ background-position:-26px -112px;}
.tab-ico.line{ background-position:0 -136px;}
.tab-ico.line.on{ background-position:-26px -136px;}
.tab-box{ margin-top:20px; border:1px solid #DFDFDF;}
.tab-title{ background-color:#F6F6F6; border-bottom:1px solid #DFDFDF;}
.tab-title-list li{ float:left; margin-left:-1px;}
.tab-title-list li a{ display:block; height:44px; line-height:44px; padding:0 30px;}
.tab-title-list li.on a{ height:46px; margin-top:-1px; margin-bottom:-1px; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; border-top:2px solid #1AADEB; background-color:#FFF;}
.tab-title-ico{ margin-top:14px; margin-right:20px;}
.tab-content{ padding:10px;}





/*弹出层*/
.popupBoxes{ display: none; background-color: rgba(0,0,0,.5); width:100%; height:100%; position: fixed; top:0;left:0; z-index: 1000;}
.popupBoxes .popupLayer{ background-color: #fff;border-radius: 8px; width:840px; position: absolute;left:0;right:0;bottom:0;top:0;margin:auto;}
.popupBoxes .popup-tit{ padding:20px 20px 0 20px; height:40px; border-bottom:1px solid #dfdfdf;}
.popupBoxes .popup-tit h2 {padding-left:10px; font-size: 18px;   float:left; border-left:3px solid #65adf5; height:20px; line-height: 20px;}
.popupBoxes .popup-tit .close {   float:right; cursor: pointer;}
.popupBoxes .popup-cont{padding:30px 20px 10px;}
.popupBoxes .popup-cont .popup-d-r{ min-width:500px; float:left; line-height: 36px}
.popupBoxes .popup-cont .popup-d-r input{ text-indent: 0.5em; border:1px solid #dfdfdf; border-radius:4px;}
.popupBoxes .popup-cont .popup-select{  height:36px; margin-right:10px; border:1px solid #dfdfdf; border-radius:4px;}
.popupBoxes .popup-cont .popup-label{ line-height: 36px; display: inline-block; float:left; text-align: right; color:#333333;}
.popupBoxes .popup-cont .popup-label em{ color:#E73030; }
.popupBoxes .popup-btn{  text-align: center;}
.popupBoxes .popup-btn .btn-cancel,.popupBoxes .popup-btn .btn-ok{width:224px; height:48px; line-height: 48px;border-radius: 4px; margin:0 10px; display: inline-block; text-align: center;  font-size: 18px;}
.popupBoxes .popup-btn .btn-ok{color:#fff; background-color: #3870D7; border:1px solid #3870D7;}
.popupBoxes .popup-btn .btn-cancel{ color:#65adf5; background-color: #f1f8ff; border:1px solid #9ccbfa; }
.popupBoxes .popup-d-r .tip{  color:#EC6C6C; font-size: 12px;padding:4px 0 0 0; display: inline-block; }
/*新收获地址*/
.add-address-popup{  z-index:1001;}
.add-address-popup .popupLayer{ height:690px;}
.add-address-popup .items{ width:600px; margin:0 auto;}
.add-address-popup li{ padding-bottom:20px;}
.add-address-popup .popup-label { width:100px;}
.add-address-popup .popup-d-r .txt{ display: block; width:400px; height:34px; line-height: 34px;}
.add-address-popup .popup-d-r .popup-select{ width:127px;}
/*企业用户修改账号*/
.admin-edit-popup .popupLayer{ height:660px;}
.admin-edit-popup .items{ padding:0 0 0 63px;}
.admin-edit-popup .popup-label{ width:100px;}
.admin-edit-popup li{ padding-bottom:20px;}
.admin-edit-popup .popup-cont .popup-d-r .txt{ width:300px; display: block; height:34px; line-height: 34px; }
.admin-edit-popup .popup-cont .popup-d-r #HidCusEName{ float:left; margin-right:10px;}
.admin-edit-popup .popup-cont .popup-d-r .popup-select{ width:100px; display: block; height:34px; line-height: 34px; }
.admin-edit-popup .popup-cont .popup-d-r p{ line-height: 36px;}
/*设置权限*/
.set-power-popup .popupLayer{ height:500px;}
.set-power-popup .items{ min-height:300px;}
.set-power-popup .popup-label{ width:100px;}
.set-power-popup .items dl input[type="checkbox"]{ margin:0 3px 0 0; }
#moduleList{ float:left; width:700px;margin:8px 0 0 0; height:280px; overflow-y:auto;}
.set-power-popup .items dl dt{ font-weight:bold;}
.set-power-popup .items dl dd{ padding-left:15px; padding-top:10px;}
.set-power-popup .items dl div,.set-power-popup .items dl ul {*zoom:1;}
.set-power-popup .items dl div:before,.set-power-popup .items dl div:after ,.set-power-popup .items dl ul:before,.set-power-popup .items dl ul:after {display:table; content:""; height:0; clear:both; visibility:hidden;}
.set-power-popup .items dl ul{ padding-left:15px;padding-top:10px;}
.set-power-popup .items dl ul li{float:left;margin:0 10px 10px 0;white-space:normal;    word-break : break-all;    word-wrap: break-word;}




.set-power-popup .popup-cont .popup-d-r{width:600px;}
.set-power-popup .popup-d-r .sp-list{ position:relative; width:180px; float:left; padding:0 15px 10px 0;word-wrap: break-word;}
.set-power-popup .popup-d-r .sp-list input[type="checkbox"]{ margin:0 3px 0 0; }
.set-power-popup .popup-d-r dd{ display: none; position: absolute;  width:100%; background-color: #fff; line-height: 20px; padding:0 0 0 16px; z-index: 10;    }
.set-power-popup .popup-d-r dd p{float:left;white-space:normal;    word-break : break-all;    word-wrap: break-word;}
.set-power-popup .popup-d-r dd label{ margin-right:15px;}
/*重置密码 删除*/
.admin-set-popup .popupLayer{height:230px; width:500px;}
.admin-del-popup .popupLayer{ height:200px; width:500px;}
.admin-set-popup .popupLayer .popup-cont,.admin-del-popup .popupLayer .popup-cont{ text-align: center; padding-bottom: 25px;}
.admin-set-popup .popup-btn .btn-cancel,.admin-set-popup .popup-btn .btn-ok,.admin-del-popup .popup-btn .btn-ok,.admin-del-popup .popup-btn .btn-cancel{width:120px; height:32px; line-height: 32px;}


/*授权登陆*/
.auth-header{ height: 50px; background-color: #4e81dc;}
.auth-header .logo{ display: table-cell; vertical-align: middle; height: 50px; line-height: 50px; position: relative; left: 300px;}
.auth-main{ width: 300px; padding: 50px 10px; margin: 0 auto;}
.auth-main .auth-avatar{ width: 74px; height: 74px; padding: 2px; margin-left: 38px; border: 1px solid #dcdcdc;}
.auth-main .auth-avatar img{ width: 100%; height: 100%;}
.auth-main .auth-uname{ color: #666; font-size: 16px; margin-top: 10px; margin-left: 38px;}
.auth-main .auth-detail{ color: #333; font-size: 12px; margin-top: 26px;}
.auth-main .auth-item{ padding: 12px 0; border-bottom: 1px dotted #CFCFCF;}
.auth-main .auth-item:last-of-type{ border-bottom: none;}
.auth-main .auth-item label{ margin-left: 12px;}
.auth-main .auth-bottom{ margin-top: 30px;}
.auth-main .auth-btn{ display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; height: 40px; line-height: 40px; padding: 0 42px; margin-right: 34px; border-radius: 3px; background-color: #f30213;}
.auth-main .auth-btn:hover{ background-color: #1B4DA7;}
.auth-main .auth-btn.link{ color: #f30213; padding: 0; background: none;}
.auth-main .auth-btn.link:hover{ text-decoration: underline;}