@charset "UTF-8";
.topbox, .headbox, .ind-void ul li, .ind-prod ul li, .footer-ico ul li, .search-sm { position: relative; }

.top-left, .top-rigt, .logo, .search, .search i, .mask, .play, .ind-prod-pic, .footer-ico ul li .img-ico, .search-sm i { position: absolute; }

.ind-prod-pic:hover img, .sub-prod1 ul li a:hover img, .sub-prod3 ul li a:hover img, .new2 ul li a:hover img, .favorite2 ul li a:hover img, .favoriteListp a:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

header.box { width: 100%; height: 98px; position: fixed; z-index: 999; background: #fff; }
.to-top{background: url(../../images/daerwei_v1/top.png) center no-repeat; width: 45px; height: 45px;}

.topbox { height: 40px; border-bottom: 1px solid #e2e2e2; }
.top-left { left: 0; height: 40px; font-size: 12px; line-height: 40px; }
.top-left a { display: inline-block; padding: 0 18px; border-right: 1px solid #e2e2e2; }
.top-left a:hover { font-weight:bold}

.top-rigt { right: 32px; }
.top-rigt ul li { float: left; margin-right: 15px; }

.top-ico { width: 24px; height: 24px; display: block; overflow: hidden; margin-top: 8px; background-image: url(../../images/daerwei_v1/top-chat.png); background-repeat: no-repeat; }

.top-chat { background-position: 0 0; }
.top-chat:hover { background-position: 0 -24px; }

.top-weibo { background-position: -72px 0; }
.top-weibo:hover { background-position: -72px -24px; }

.top-taobao { background-position: -48px 0; }
.top-taobao:hover { background-position: -48px -24px; }

.top-tell { background-position: -24px 0; }
.top-tell:hover { background-position: -24px -24px; }

.top-lang { width: 80px; height: 40px; font-size: 12px; line-height: 40px; position: relative; padding-left: 10px; padding-right: 10px; cursor: pointer;}
.top-lang i { width: 24px; height: 24px; }
.top-lang img { display: block; }
.top-lang .lang-qh { display: none; }
.top-lang:hover .lang-qh { display: block; }

.lang-china { position: absolute; left: 0; top: 8px; background: red; }

.lang-xl { width: 20px; height: 40px; background: url(../../images/daerwei_v1/lang-xl.jpg) center no-repeat; position: absolute; right: 0; top: 0px; cursor: pointer; }

.lang-qh { width: 100px; position: absolute; top: 40px; background: #fff; left: 0; z-index: 9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-top:1px solid #e2e2e2; border-radius:2px}
.lang-qh ul li a { height: 34px; display: block; position: relative; padding-left: 10px; line-height: 34px; }
.lang-qh ul li a:hover{color:#fff}
.lang-qh ul li:hover { width: 100px;height: 34px; display: block; position: relative; line-height: 34px; background:#333; border-radius:2px}

.headbox { height: 98px; }
.logo { width: 98px; height: 62px; left: 150px; top: 17px; }

.nav { width: 1000px; height: 98px; margin: 0 auto; font: 14px/98px "微软雅黑"; }
.nav > ul { text-align: center; }
.nav > ul > li { width: auto; height: 98px; display: inline-block; text-align: center; background: url(../../images/daerwei_v1/navline.png) right center no-repeat; padding:0 28px; }
/*.nav > ul > li { width: auto; height: 98px; display: inline-block; text-align: center; background: url(../../images/daerwei_v1/navline.png) right center no-repeat; padding-right: 25px; }*/
.nav > ul > li:last-child { background: none; padding-right: 0; }
.nav > ul > li > a {  color: #333; }
.nav > ul > li > a:hover, .nav > ul > li > a.nav-cur { color: #040A2B; border-bottom: 2px solid #1E2341; font-weight:bold; padding-bottom:16px}

.subList { position: absolute; width: 100%; left: 0; top: 98px; z-index: 9; text-align: left; padding: 20px 16%; box-shadow: 0 -1px 13px rgba(0, 0, 0, 0.1); padding-top: 40px; background: #fff; display: none; }
.subList ul { width: 1115px; margin: 0 auto; }
/*.subList ul li { width: 90px; float: left; border-right: 1px solid #e4e4e4; padding-left: 20px; }*/
.subList ul li { width: auto; float: left; border-right: 1px solid #e4e4e4; padding: 0 24px;}
.subList ul li:last-child { border-right: none; }
.subList ul li h3 { font-size: 16px; line-height: 28px; font-weight: bold; color: #333; }
.subList ul li p { font-size: 14px; line-height: 32px; margin-top: 15px; }
.subList ul li p a { color: #666; }
.subList ul li p a:hover { color: #040A2B; }

.search { width: 125px; height: 38px; border: 1px solid #AAA; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; -o-border-radius: 19px; border-radius: 19px; top: 29px; right: 32px; padding: 0 35px 0 20px; }
.search:focus { width: 145px; height: 38px; border: 1px solid #e2e2e2; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; -o-border-radius: 19px; border-radius: 19px; top: 29px; right: 32px; padding: 0 35px 0 20px; }
.search input { width: 100%; height: 38px; background: transparent; line-height: 38px; color: #333; }
.search i { width: 20px; height: 20px; top: 9px; right: 10px; background: url(../../images/daerwei_v1/ico-search.jpg) no-repeat; cursor: pointer; }

.fullSlide { width: 100%; position: relative; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd ul li { width: 100% !important; height: 496px; overflow: hidden; text-align: center; }
.fullSlide .bd ul li a { display: block; height: 496px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 56px; height: 3px; margin: 14px 7px; overflow: hidden; background: #000; filter: alpha(opacity=30); opacity: 0.3; line-height: 999px; }
.fullSlide .hd ul .on { background: #040A2B; }
.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; z-index: 1; width: 60px; height: 60px; background: url(../../images/daerwei_v1/slider-arrow.png) #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.fullSlide .prev { left: 5%; background-position: -122px -137px; }
.fullSlide .next { left: auto; right: 5%; background-position: 2px -137px; }

/*.ind-ad { padding-top: 38px; }*/
.ind-ad { padding-top: 6px; }
.ind-ad ul { margin-left: -24px; }
.ind-ad ul li { width: 384px; float: left; margin-left: 24px; }
.ind-ad ul li a img { width: 384px; height: 270px; }
.ind-ad ul li a:hover img { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); }

.ind-menu { padding: 80px 0; text-align: center; line-height: 1; }
.ind-menu h3 { font-size: 34px; color: #040A2B; }
.ind-menu h4 { font-size: 16px; margin-top: 20px; white-space: 100px; }

.ind-void ul { margin-left: -24px; }
.ind-void ul li { width: 588px; height: 360px; margin-left: 24px; float: left; }

.mask { width: 100%; height: 100%; background: rgba(27, 27, 27, 0.3); z-index: 1; }
.play { width: 100px; height: 100px; top: 50%; left: 50%; margin: -50px 0 0 -50px; }
.play:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.ind-prod ul { margin-left: -24px; margin-top: -24px; }
.ind-prod ul li { width: 382px; height: 228px; float: left; margin-left: 24px; margin-top: 24px; border: 1px solid #e7e7e7; padding-top: 248px; text-align: center; }
.ind-prod ul li h2 { font-size: 18px; margin-top: 20px; line-height: 36px; }
.ind-prod ul li p { margin: 0 24px; color: #777; line-height: 30px; }
.ind-prod-pic { width: 384px; height: 248px; left: -1px; top: -1px; overflow: hidden; }
.ind-prod-pic img { width: 384px; height: 248px; }

.diy img{ width: 100%}

.ind-prod-more { width: 150px; height: 40px; display: inline-block; border: 1px solid #6f6f6f; color: #333; font-size: 14px; line-height: 40px; text-align: center; margin-top: 20px; }
.ind-prod-more:hover { border: 1px solid #050B2D; background: #050B2D; color: #fff; }

.ad { padding: 52px 0; }

.footerbox { border-top: 1px solid #e7e7e7; background: #fafafa; }
.footer-ico { padding: 30px 0 36px 0; border-bottom: 1px dotted #e7e7e7; }
.footer-ico ul li { width: 186px; height: 62px; float: left; margin-left: 38px; padding-left: 74px; }
.footer-ico ul li .img-ico { width: 62px; height: 62px; left: 0; }
.footer-ico ul li a { line-height: 1; }
.footer-ico ul li a h2 { color: #333; font-size: 14px; padding-top: 14px; }
.footer-ico ul li a p { color: #999; font-size: 12px; margin-top: 8px; }

.footer-txt { text-align: center; padding-bottom: 20px; }
.footer-txt h2 { font-size: 28px; line-height: 80px; font-weight: bold; color: #333; }
.footer-txt p { color: #999; font-size: 14px; margin-bottom: 12px; }
.footer-txt p a { color: #999; margin: 0 12px; }
.footer-txt p a:hover { color: #040A2B; }
.footer-txt .footer-p1{ margin-top: 20px}
.footer-txt .footer-p2 { font-size: 12px; }

.sub-prod1 ul { margin-left: -24px; margin-top: -30px; }
.sub-prod1 ul li { width: 280px; border: 1px solid #e7e7e7; text-align: center; float: left; margin-left: 24px; margin-top: 30px; }
.sub-prod1 ul li a h2 { font-size: 16px; line-height: 54px; color: #333; }
.sub-prod1 ul li a:hover h2 { color: #040A2B; }
.sub-prodp { width: 280px; height: 280px; overflow: hidden; border-bottom: 1px solid #E7E7E7; }
.sub-prodp img { width: 280px; height: 280px; }

.sub-menu { padding: 60px 0; text-align: center; line-height: 1; }
.sub-menu h3 { font-size: 28px; color: #040A2B; }
.sub-menu h4 { font-size: 18px; margin-top: 20px; white-space: 100px; color: #777; }

.sub-prod2 ul { margin-bottom: -24px; }
.sub-prod2 ul li { height: 616px; border: 1px solid #e7e7e7; margin-bottom: 24px; }
.sub-prod2pic { width: 616px; height: 616px; overflow: hidden; }
.sub-prod2pic img { width: 616px; height: 616px; }

.sub-prod2txt { width: 454px; height: 616px; position: relative; }
.sub-prod2txt h2 { font-size: 40px; color: #d17340; padding-top: 146px; }
.sub-prod2txt .sub-prod2-p1 { font-size: 16px; color: #333; margin: 32px 0 24px; }
.sub-prod2txt .sub-prod2-p2 { font-size: 14px; line-height: 30px; color: #777; }
.sub-prod2txt .sub-prod2-p2 span { margin-left: 10px; }
.sub-prod2txt a { width: 148px; height: 38px; border: 1px solid #6f6f6f; position: absolute; bottom: 175px; font-size: 14px; line-height: 38px; text-align: center; }
.sub-prod2txt a:hover { border: 1px solid #040A2B; background: #040A2B; color: #fff; }

.sub-prod2p1 { padding: 0 116px 0 12px; }

.sub-prod2p2 { padding: 0 12px 0 116px; }

.sub-prod3 ul { margin-left: -24px; }
.sub-prod3 ul li { width: 382px; height: 184px; float: left; margin-left: 24px; border: 1px solid #e7e7e7; text-align: center; position: relative; padding-top: 384px; line-height: 1; margin-top: 24px; }
.sub-prod3 ul li h2 { margin: 28px 2px; width: 382px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height:30px}
.sub-prod3-pic { width: 384px; height: 384px; position: absolute; top: -1px; left: -1px; overflow: hidden; }

.zhankai { width: 384px; height: 38px; border: 1px solid #dedede; display: inline-block; margin: 45px auto; font-size: 14px; line-height: 38px; color: #777; }
.zhankai:hover { border: 1px solid #040A2B; }

.sub-menu1 { height: 54px; line-height: 54px; }
.sub-menu1 h3 { font-size: 18px; position: relative; padding-left: 13px; }
.sub-menu1 h3 i { width: 3px; height: 14px; position: absolute; left: 0; top: 50%; margin-top: -7px; background: #040A2B; }
.sub-menu1 a { font-size: 12px; color: #999; }
.sub-menu1 a:hover { color: #040A2B; }

.sub-menu3 { height: 34px; padding: 24px 0; border-bottom: 1px solid #e5e5e5; line-height: 34px; }
.sub-menu3 h3 { font-size: 18px; position: relative; padding-left: 13px; }
.sub-menu3 h3 i { width: 3px; height: 14px; position: absolute; left: 0; top: 50%; margin-top: -7px; background: #040A2B; }

.new1 { width: 1198px; height: 354px; border: 1px solid #eee; margin: 0 auto; }
.new1-txt { width: 582px; }
.new1-txt ul { padding-top: 5px; }
.new1-txt ul li { height: 78px; position: relative; padding-left: 96px; padding-right: 40px; border-bottom: 1px dotted #e5e5e5; padding-bottom: 18px; margin-top: 18px; }
.new1-txt ul li:last-child { border-bottom: none; }
.new1-txt ul li span { width: 78px; height: 44px; position: absolute; left: 0; display: block; text-align: center; font-size: 16px; line-height: 22px; padding: 17px 0; }
.new1-txt ul li h2 { font-size: 16px; line-height: 30px; }
.new1-txt ul li p { font-size: 14px; line-height: 22px; color: #777; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.new1-txt ul li a span { background: #f4f4f4; color: #b2b1b3; }
.new1-txt ul li a:hover h2 { font-weight: bold; }
.new1-txt ul li a:hover span { background: #040A2B; color: #fff; }

.new2 ul { margin-left: -24px; margin-top: 20px; }
.new2 ul li { width: 282px; float: left; margin-left: 24px; margin-bottom: 54px; }
.new2 ul li h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; font-size: 14px; line-height: 22px; }
.new2p { width: 280px; height: 218px; border: 1px solid #e7e7e7; margin-bottom: 12px; overflow: hidden; }
.new2p img { width: 280px; height: 218px; }

.about-menu { font-size: 20px; line-height: 56px; text-align: center; border-bottom: 1px dashed #e5e5e5; font-weight: bold; }

.about-article { font-size: 14px; line-height: 2; color: #333; padding-top: 26px; }

.favorite1-pic { width: 690px; height: 404px; overflow: hidden; position: relative; }
.favorite1-pic img { width: 690px; height: 404px; }
.favorite1-pic a { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 24px; background: rgba(0, 0, 0, 0.5); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; font-size: 14px; line-height: 28px; color: #fff; }
.favorite1-pic a:hover { color: #fff; text-decoration: underline; }

.favorite1-txt { width: 486px; margin-top: -24px; }
.favorite1-txt > ul > li { height: 102px; position: relative; padding-left: 120px; border-bottom: 1px dotted #e5e5e5; padding-bottom: 24px; margin-top: 24px; }
.favorite1-txt > ul > li:last-child { padding-bottom: 0; border-bottom: none; }
.favorite1-txt > ul > li img { width: 102px; height: 102px; position: absolute; left: 0; }
.favorite1-txt > ul > li h3 { font-size: 14px; line-height: 22px; }
.favorite1-txt > ul > li h3 a { font-size: 12px; color: #999; }
.favorite1-txt > ul > li h3 a:hover { color: #040A2B; }
.favorite1-txt > ul > li ul { padding-top: 10px; }
.favorite1-txt > ul > li ul li { font-size: 12px; line-height: 24px; }
.favorite1-txt > ul > li ul li a { color: #777 ；; }

.favorite2 ul { margin-left: -24px; margin-top: -24px; }
.favorite2 ul li { width: 280px; border: 1px solid #e7e7e7; text-align: center; float: left; margin-left: 24px; margin-top: 24px; }
.favorite2 ul li h2 { font-size: 16px; line-height: 54px; }

.favorite2pic { width: 280px; height: 218px; overflow: hidden; border-bottom: 1px solid #E7E7E7; }
.favorite2pic img { width: 280px; height: 218px; display: block; }

.favoriteList ul { margin-top: -24px; }
.favoriteList ul li { height: 318px; border: 1px solid #E7E7E7; position: relative; padding-left: 698px; padding-right: 50px; margin-top: 24px; }
.favoriteList ul li h4 { font-size: 24px; padding-top: 48px; font-weight: bold; }
.favoriteList ul li h2 { font-size: 24px; margin: 24px 0 18px; }
.favoriteList ul li p { font-size: 14px; line-height: 26px; color: #777; }

.favoriteListp { width: 600px; height: 318px; overflow: hidden; position: absolute; left: 0; }
.favoriteListp img { width: 600px; height: 318px; }

.fav-color1 { color: #e17aab; }

.fav-color2 { color: #999; }

.fund1 { width: 588px; }
.fund1c { width: 586px; border: 1px solid #eee; }
.fund1c img { width: 586px; height: 160px; }
.fund1c ul li { height: 78px; position: relative; padding-left: 116px; padding-right: 20px; border-bottom: 1px dotted #e5e5e5; padding-bottom: 18px; margin-top: 18px; }
.fund1c ul li:last-child { border-bottom: none; }
.fund1c ul li span { width: 78px; height: 44px; position: absolute; left: 20px; display: block; text-align: center; font-size: 16px; line-height: 22px; padding: 17px 0; }
.fund1c ul li h2 { font-size: 16px; line-height: 30px; }
.fund1c ul li p { font-size: 14px; line-height: 22px; color: #777; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; }
.fund1c ul li a span { background: #f4f4f4; color: #b2b1b3; }
.fund1c ul li a:hover h2 { font-weight: bold; }
.fund1c ul li a:hover span { background: #040A2B; color: #fff; }

.details1 { height: 550px; border-bottom: 1px solid #e5e5e5; }

.details1-pic { width: 420px; }
/*大图展示区域*/
.OriginalPicBorder { width: 418px; height: 418px; border: 1px solid #e7e7e7; margin-bottom: 18px; }

#OriginalPic { width: 418px; overflow: hidden; position: relative; font-size: 12px; }
#OriginalPic img { display: block; margin: 0 auto; width: 418px; height: 418px; }

/*小图预览和滑动*/
.ThumbPicBorder { width: 420px; margin: 0 auto; }

#ThumbPic img { border: 1px solid #e7e7e7; cursor: pointer; margin: 0 14px; width: 58px; height: 58px; display: block; }
#ThumbPic img.active { border: 1px solid #333; }

#btnPrev, #btnNext { width: 14px; height: 24px; cursor: pointer; padding: 18px 10px; }
#btnPrev img, #btnNext img { width: 14px; height: 24px; }

.details1-txt { width: 680px; margin: 0 50px; }
.details1-txt h4 { font-size: 20px; line-height: 28px; }
.details1-txt h2 { font-size: 24px; line-height: 42px; }
.details1-txt p { font-size: 14px; line-height: 26px; color: #777; margin-top: 30px; }
.details1-txt p span { color: #333; }
.details1-format { border-bottom: 1px dotted #e5e5e5; margin-top: 28px; padding-bottom: 32px; }
.details1-format li { min-width: 110px; height: 38px; border: 1px solid #dedede; font-size: 16px; line-height: 38px; padding: 0 24px; float: left; margin-right: 20px; background: #fff; cursor: pointer; }
.details1-format li span { font-weight: bold; }
.details1-format li.details1-select { border: 1px solid #040A2B; color: #040A2B; }

.details1-buy { width: 180px; height: 40px; display: inline-block; background: #040A2B;border: 1px solid #040A2B; color: #fff; margin: 30px 0; font-size: 14px; line-height: 40px; text-align: center; }
.details1-buy:hover { background: #fff; color: #040A2B; border: 1px solid #040A2B}

.details1-shejiao { border-top: 1px dotted #e5e5e5; padding-top: 30px; }
.details1-shejiao li { width: 44px; margin-right: 30px; float: left; }
.details1-shejiao li a { width: 44px; height: 44px; display: block; overflow: hidden; }

.details1-chat { background: url(../../images/daerwei_v1/details1-chat.png) left 0 no-repeat; }
.details1-chat:hover { background: url(../../images/daerwei_v1/details1-chat.png) left -44px no-repeat; }

.details1-weibo { background: url(../../images/daerwei_v1/details1-weibo.png) left 0 no-repeat; }
.details1-weibo:hover { background: url(../../images/daerwei_v1/details1-weibo.png) left -44px no-repeat; }

.details2 img {height: auto; display: inline-block; }

.sub-menu2 { text-align: center; padding: 50px 0; }
.sub-menu2 h2 { background: url(../../images/daerwei_v1/sub-menu2bg.jpg) center repeat-x; font-size: 28px; line-height: 32px; }
.sub-menu2 h2 span { background: #fff; padding: 0 20px; }
.sub-menu2 h4 { font-size: 16px; line-height: 28px; text-transform: uppercase; color: #999; margin-top: 5px; }

.search-sm { width: 128px; height: 32px; border: 1px solid #e3e3e3; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; padding-left: 20px; padding-right: 30px; margin-right: 44px; }
.search-sm input { width: 100%; height: 32px; background: transparent; font-size: 14px; color: #ccc; line-height: 32px; }
.search-sm i { width: 16px; height: 16px; top: 8px; background: url(../../images/daerwei_v1/ico-search-sm.png) no-repeat; right: 14px; cursor: pointer; }

.filter { height: 34px; line-height: 34px; }
.filter ul li { float: left; position: relative; }
.filter ul li i { width: 7px; height: 4px; position: absolute; right: 0; cursor: pointer; }
.filter ul .filter-item { padding-right: 14px; cursor: pointer; }
.filter ul .filter-line { font-size: 12px; margin: 0 20px; color: #dedede; }

.filter-top, .filter-top-check { top: 12px; }

.filter-top { background: url(../../images/daerwei_v1/filter/filter-top.png) no-repeat; }

.filter-top-check { background: url(../../images/daerwei_v1/filter/filter-top-check.png) no-repeat; }

.filter-btm, .filter-btm-check { bottom: 12px; }

.filter-btm { background: url(../../images/daerwei_v1/filter/filter-btm.png) no-repeat; }

.filter-btm-check { background: url(../../images/daerwei_v1/filter/filter-btm-check.png) no-repeat; }

.uboxstyle .select_box { width: 180px; height: 40px; }
.uboxstyle .tag_select, .uboxstyle .tag_select_hover, .uboxstyle .tag_select_open { line-height: 38px; background: url(../../images/daerwei_v1/select-lx.png) 155px no-repeat; padding-left: 10px; border: 1px solid #dadada; position: relative; color: #333; }
.uboxstyle .tag_select { border-radius: 3px; }
.uboxstyle .tag_select_hover { border-radius: 3px; }
.uboxstyle .tag_select_open { border-bottom: none; border-radius: 3px 3px 0 0; }
.uboxstyle .tag_options { position: absolute; background: #fff; list-style: none; width: 178px; border: 1px solid #dadada; border-top: none; border-radius: 0 0 3px 3px; }
.uboxstyle .tag_options li { line-height: 32px; color: #333; margin: 0 10px; }
.uboxstyle .tag_options li.open_hover { color: #040A2B; }
.uboxstyle .tag_options li.open_selected { color: #040A2B; }

.sub-prodm { height: 40px; margin-top: 30px; margin-bottom: 30px; }
.sub-prodm .filter { margin: 3px 0; }

#owl-demo { position: relative; width: 588px; height: 354px; }
#owl-demo .item { position: relative; display: block; }
#owl-demo img { display: block; width: 588px; height: 354px; }
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px; color: #fff; text-align: center; }

.owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center; }

.owl-page { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 5px; *display: inline; *zoom: 1; background: #000000; opacity: 0.3; filter: alpha(opacity=30); }

.owl-pagination .active { width: 25px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #040A2B; opacity: 1; filter: alpha(opacity=100); }

.popbox { width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; }

.pay-style { width: 550px; height: 430px; position: absolute; top: 50%; left: 50%; margin: -215px auto auto -225px; background: #fff; }
.pay-style h3 { font-size: 18px; line-height: 36px; text-align: center; margin: 75px 96px 30px; background: url(../../images/daerwei_v1/pay-style-line.jpg) center repeat-x; }
.pay-style h3 span { background: #fff; padding: 0 15px; }
.pay-style ul { margin: 0 96px; }
.pay-style ul li { margin-top: 24px; font-size: 16px; line-height: 48px; }
.pay-style ul li a { height: 48px; display: block; border: 1px solid #6f6f6f; position: relative; padding-left: 58px; background: url(../../images/daerwei_v1/pay-enter.png) 324px center no-repeat; }
.pay-style ul li a img { width: 26px; height: 26px; position: absolute; left: 16px; top: 11px; }
.pay-style ul li a:hover { background: url(../../images/daerwei_v1/pay-enter.png) 334px center no-repeat; padding-left: 68px; border: 1px solid #040A2B; }
.pay-style ul li a:hover img { left: 26px; }
.pay-style .pay-close { width: 24px; height: 24px; background: url(../../images/daerwei_v1/pay-close.png) no-repeat; position: absolute; top: 24px; right: 24px; }

.media-box { margin: 0 auto 50px; width: 840px; height: 473px; background: #000; }

.media-pic { position: relative; width: 100%; height: 100%; cursor: pointer; background: #f2f2f2 url(../../images/daerwei_v1/intro-media-pic.png) no-repeat center; }
.media-pic .mask { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
.media-pic .play { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url(../../images/daerwei_v1/play-video-intro.png) no-repeat center; }

.intro-box .media-iframe { display: none; width: 100%; height: 100%; }

.intro-box .show .media-pic { display: none; }

.intro-box .show .media-iframe { display: block; }

.dialog-mask { z-index: 100; }

.dialog-body { z-index: 101; }

/*2018-08-12*/
.add-footer-wx, .add-footer-app { position: relative; }
.add-footer-wx:hover .add-foot1, .add-footer-wx:hover .add-foot2, .add-footer-app:hover .add-foot1, .add-footer-app:hover .add-foot2 { display: block; }

.add-foot1, .add-foot2 { position: absolute; background: #e9e9e9; width: 200px; height: 200px; left: -70px; top: -210px; display: none; }
.add-foot1:after, .add-foot2:after { content: ""; content: ""; height: 0; width: 0; border-top: 10px solid #e9e9e9; border-left: 10px dashed transparent; border-right: 10px dashed transparent; left: 50%; margin-left: -10px; position: absolute; }
.add-foot1 img, .add-foot2 img { width: 196px; height: 196px; margin: 2px; }

.add-top-app { position: relative; }
.add-top-app:hover .add-top-ewm, .add-top-app:hover .add-top-ewm1 { display: block; }

.add-top-ewm, .add-top-ewm1 { width: 150px; height: 150px; background: #e9e9e9; position: absolute; left: 0; display: none; left: 50%; margin-left: -78px; top: 45px; z-index: 9; }
.add-top-ewm:before, .add-top-ewm1:before { content: ""; content: ""; height: 0; width: 0; border-bottom: 10px solid #e9e9e9; border-left: 10px dashed transparent; border-right: 10px dashed transparent; left: 50%; margin-left: -10px; position: absolute; top: -10px; }
.add-top-ewm img, .add-top-ewm1 img { width: 146px; height: 146px; margin: 2px; }

.add-top-chat { position: relative; }
.add-top-chat:hover .add-top-ewm1 { display: block; }

/*# sourceMappingURL=style.css.map */
