@charset "utf-8" html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, input { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { font-weight: normal; font-size: 12px; } * { padding: 0; margin: 0; } fieldset, img { border: 0 none; } img { display: block; } textarea { resize: none; outline: none; border: 0 none; border: 1px solid #ccc; } button { font-family: "Microsoft yahei" } ul, ol { list-style: none; -webkit-padding-start: 0px; -webkit-margin: 0px; } input, table { padding-top: 0; padding-bottom: 0; font-family: "微软雅黑"; outline-style: none; border: 0 none; border-collapse:collapse; } select, input, textarea { font-size: 12px; margin: 0; font-family: "Microsoft yahei" } html { width: 100%; } body { color: #666; font: 12px/1.5 Arial, Verdana, "Microsoft Yahei", "微软雅黑"; margin: 0; width: 100%; min-width: 1220px; } .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .clearfix { zoom: 1; } a { color: #666; text-decoration: none; font-family: "Microsoft Yahei", "微软雅黑"; } .nav li:hover a { color: #00af62; text-decoration: none; } .wrap { width: 1220px; margin: 0 auto; } .w41 { width: 41px; } i, em { font-style: normal; } select::-ms-expand { display: none; } .header { height: 35px; width: 100%; background-color: #f1f1f1; } .header-left { height: 35px; line-height: 35px; float: left; position: relative; } .header-left i:first-child { background: url(../images/i1.png); display: inline-block; width: 16px; height: 22px; margin-right: 8px; float: left; margin-top: 6px; } .header-left span, .header-right span { color: #dddddd; margin: 0 5px; } .header-left em { background: url(../images/cityem.png); width: 11px; height: 7px; display: inline-block; margin-right: 8px; } .cityheader:hover .sub_city { display: block; } .cityheader { display: inline-block; } .header-right { float: right; height: 35px; line-height: 35px; } .header-right .phone { margin: 0 15px; } .header-right a:last-child { margin-left: 15px; } .logo { height: 123px; } h1 { width: 390px; height: 100px; float: left; } .header-search { margin-top: 40px; height: 40px; width: 444px; border: 1px solid #00af62; padding-left: 15px; float: left; } .header-search p { float: left; display: inline-block; margin-right: 25px; line-height: 40px; } .header-search p em { background: url(../images/cityem.png); width: 11px; height: 7px; margin-left: 5px; display: inline-block; } .header-search input { float: left; height: 40px; width: 315px; } .bannerleft button:hover { background: #f04704; } .bannerright button:hover { background: #f04704; } .logo_l button:hover { background: #f04704; } .footer-phone a:hover { background: #f04704; } .header-search button { height: 40px; width: 53px; background-color: #00af62; border: none; float: right; padding: 0; cursor: pointer; } .header-search .icon1 { display: inline-block; height: 40px; width: 53px; background: url(../images/search.png) no-repeat center center; } .headerimg { background: url(../images/photoimg.png); width: 285px; height: 45px; float: right; margin-top: 37px; } .sub_city { display: none; width: 186px; padding: 10px; border: 1px solid #dfdfdf; position: absolute; left: 57px; top: 35px; z-index: 10; background: #fff; } .sub_city h2 { font-size: 14px; color: #ff5917; font-weight: bold; line-height: 28px; } .sub_city a { margin-right: 8px; margin-left: 2px; } .cityhot { line-height: 24px; overflow: hidden; } .sub_city p { text-align: center; margin-top: 5px; } .sub_city p a { display: inline-block; width: 150px; height: 30px; background: #ff5917; color: #fff; text-align: center; margin: 0 auto; line-height: 30px; font-size: 14px; } .nav { height: 40px; width: 100%; border-bottom: 2px solid #00af62; overflow: hidden; } .nav ul li { float: left; } .nav ul li.current { background: #00af62; color: #fff; box-shadow: 3px 6px 12px #507d68; -webkit-box-shadow: 3px 6px 12px #507d68; -ms-box-shadow: 3px 6px 12px #507d68; -o-box-shadow: 3px 6px 12px #507d68; -moz-box-shadow: 3px 6px 12px #507d68; } .nav ul li a { font-size: 16px; line-height: 40px; color: #222324; } .nav ul li.current a { color: #fff; } #banner { padding-left: 0; } .banner { height: 359px; padding-top: 19px; } .bannerleft { width: 224px; height: 357px; border: 1px solid #e8e8e8; float: left; text-align: center; } .bannerleft h2 { font-size: 14px; color: #fff; width: 214px; height: 38px; background-color: #ff5917; padding-left: 10px; line-height: 38px; text-align: left; } .bannerleft span { line-height: 49px; } .bannerleft span i { color: #ff5917; } .bannerleft p { width: 203px; height: 30px; border: 1px solid #e8e8e8; margin-bottom: 16px; margin-left: 10px; text-align: left; margin-top: 0; } .bannerleft p em { width: 32px; height: 33px; background: url(../images/user.png) center center no-repeat; border-right: 1px solid #e8e8e8; display: inline-block; float: left; } .bannerleft p span { width: 32px; height: 33px; background: url(../images/iphone.png) center center no-repeat; border-right: 1px solid #e8e8e8; display: inline-block; float: left; } .bannerleft p i { width: 32px; height: 33px; background: url(../images/pin.png) center center no-repeat; border-right: 1px solid #e8e8e8; display: inline-block; float: left; } .bannerleft p input { height: 30px; width: 158px; float: left; padding-left: 10px; font-size: 12px; } input[type="checkbox"] { border: 1px solid #e8e8e8; width: 12px; height: 12px; } .bannerleft button { margin-top: 16px; width: 117px; height: 38px; background: #ff5917; text-align: center; line-height: 38px; color: #fff; font-size: 14px; border: none; padding: 0; margin-bottom: 16px; cursor: pointer; cursor: pointer; } .bannerleft i { color: #ff5917; } .bannercenter { width: 732px; height: 359px; margin-left: 19px; float: left; overflow: hidden; position: relative; } .bannercenter ul { width: 400%; height: 100%; margin: 0; position: absolute; } .bannercenter ul li { float: left; } .bannercenter ol { position: absolute; left: 50%; margin-left: -34px; bottom: 12px; z-index: 1; } .bannercenter ol li { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #ff5917; width: 13px; height: 13px; float: left; margin-right: 15px; behavior: url(js/PIE.htc); cursor: pointer; } .bannercenter ol li.current { background: #fff; } .bannerright { width: 224px; border: 1px solid #e8e8e8; float: right; overflow: hidden; } .bannerright h2 { margin-bottom: 15px; height: 37px; width: 214px; background: url(../images/xuqiu.png) no-repeat; color: #fff; font-size: 14px; padding-left: 10px; padding-top: 10px; } .bannerright p { width: 195px; height: 27px; margin-bottom: 3px; margin-top: 0; line-height: 27px; border-bottom: 1px solid #e8e8e8; padding-left: 20px; margin-left: 10px; color: #00af62; } .bannerright .p1 { background: url(../images/1.png) no-repeat left center; } .bannerright .p2 { background: url(../images/2.png) no-repeat left center; } .bannerright .p3 { background: url(../images/3.png) no-repeat left center; } .bannerright .p4 { background: url(../images/4.png) no-repeat left center; } .bannerright .p5 { background: url(../images/5.png) no-repeat left center; } .bannerright button { width: 144px; height: 33px; background: #ff5917; margin: 14px auto 25px 41px; color: #fff; font-size: 14px; border: none; padding: 0; cursor: pointer; cursor: pointer; } .bannerright ul { margin-left: 15px; width: 500px; padding-left: 0; } .bannerright ul li { float: left; width: 48px; height: 55px; color: #00af62; text-align: center; margin-right: 24px; } .bannerright ul li .i1 { width: 33px; height: 31px; display: inline-block; padding-left: 6px; } .bannerright ul li .i2 { width: 27px; height: 31px; display: inline-block; padding-left: 7px; } .bannerright ul li .i3 { width: 36px; height: 29px; display: inline-block; padding-left: 6px; padding-top: 2px; } .scroll_r { text-align: center; right: 0; display: inline-block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 1; display: none; background: rgba(0, 0, 0, 0.5); behavior: url(js/PIE.htc); } .scroll_l { text-align: center; left: 0; display: inline-block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 1; display: none; background: rgba(0, 0, 0, 0.5); behavior: url(js/PIE.htc); } .scroll_r span { background: url(../images/banner.png)no-repeat -12px 0; width: 11px; height: 20px; margin: 15px auto; display: inline-block; } .scroll_l span { background: url(../images/banner.png)no-repeat 0 0; width: 11px; height: 20px; margin: 15px auto; display: inline-block; } .bannercenter:hover .scroll_r { display: block; } .bannercenter:hover .scroll_l { display: block; } .region { margin-top: 44px; height: 27px; border-bottom: 1px solid #eeeeee; } .region span { font-size: 18px; color: #333; margin-right: 72px; } .region i { color: #ff5917; margin-right: 40px; } .region a { margin-right: 49px; } .region a:hover { color: #ff5917; } .content { width: 974px; height: 520px; padding-top: 15px; float: left; } .aside { float: left; height: 319px; width: 169px; border: 1px solid #e8e8e8; } .aside ul li { height: 52px; width: 139px; border-bottom: 1px solid #e8e8e8; padding-left: 30px; padding-top: 11px; } .aside ul li:last-child { border: 0; } .aside ul li.current { background: #ff5917; } .aside span { float: left; } .aside1 { background: url(../images/city1.png) no-repeat; width: 40px; height: 40px; display: inline-block; } .aside1.current { background: url(../images/city1_2.png) no-repeat; } .aside2 { background: url(../images/city2.png) no-repeat; width: 40px; height: 40px; display: inline-block; } .aside2.current { background: url(../images/city2_2.png) no-repeat; } .aside3 { background: url(../images/city3.png) no-repeat; width: 40px; height: 40px; display: inline-block; } .aside3.current { background: url(../images/city3_2.png) no-repeat; } .aside4 { background: url(../images/city4.png) no-repeat; width: 40px; height: 40px; display: inline-block; } .aside4.current { background: url(../images/city4_2.png) no-repeat; } .aside5 { background: url(../images/city5.png) no-repeat; width: 40px; height: 40px; display: inline-block; } .aside5.current { background: url(../images/city5_2.png) no-repeat; } .aside a { line-height: 45px; float: left; padding-left: 10px; } .aside a.current { color: #fff; } .contentright { height: 320px; width: 802px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; float: left; overflow: hidden; } .contentright ul li a { vertical-align: middle; display: inline-block; } .lilogo a { vertical-align: middle; display: inline-block; } .contentright ul li img { max-width: 180px; max-height: 140px; } .lilogo img { max-width: 90px; max-height: 46px; margin: 0 auto; line-height: 56px; display: inline-block; } .contentright .logo2, .logo3, .logo4, .logo5 { display: none; } .contentright ul { width: 999px; } .contentright ul li { line-height: 159px; vertical-align: middle; text-align: center; float: left; width: 200px; height: 159px; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .contentbottom { height: 176px; width: 962px; border: 1px solid #e8e8e8; border-top: 0 none; float: left; background-color: #f5f5f5; padding-top: 20px; padding-left: 10px; } .logo_r { width: 234px; height: 138px; background-color: #fff; } .bottom_r { width: 234px; height: 176px; margin-right: 10px; float: left; } .bottom_r p { text-align: center; padding-top: 10px; } .logo_c { float: left; padding-left: 10px; height: 138px; width: 500px; } .logo_c h3 a { font-size: 16px; font-weight: bold; } .icon_zd { padding-top: 8px; height: 16px; line-height: 16px; margin-bottom: 8px; } .logo_c .icon_zd i { width: 16px; height: 16px; display: inline-block; margin-right: 5px; float: left; } .zd_1 { background: url(../images/zd_1.png); } .zd_2 { background: url(../images/zd_2.png); } .zd_3 { background: url(../images/zd_3.png); } .zd_4 { background: url(../images/zd_4.png); } .zd_5 { background: url(../images/zd_5.png); } .icon_zd a { line-height: 16px; float: left; margin-right: 5px; } .logo_c p i { background: url(../images/smollpin.png); display: inline-block; width: 8px; height: 11px; margin-right: 8px; } .xinxi { height: 500px; } .logo_c p { line-height: 22px; } .logo_c p:last-child { color: #ff5917; } .logo_l { height: 78px; width: 120px; text-align: center; float: right; margin-top: 27px; margin-right: 10px; } .logo_l p { color: #ff5917; margin-bottom: 15px; font-size: 14px; font-weight: bold; } .logo_l span { background: url(../images/5star.png); width: 90px; height: 13px; display: inline-block; margin-bottom: 20px; } .logo_l button { border: 1px solid #ff5917; height: 27px; width: 118px; background-color: #ff5917; color: #fff; font-size: 12px; cursor: pointer; } .hot_right { float: right; border: 1px solid #e8e8e8; height: 518px; width: 224px; margin-top: 15px; } .hot_right .ul1 { width: 100%; height: 35px; border-bottom: 1px solid #00af62; margin-bottom: 2px; } .hot_right .ul1 li { width: 112px; height: 35px; color: #00af62; font-size: 14px; float: left; line-height: 35px; text-align: center; cursor: pointer; } .hot_right .ul1 li:hover { background-color: #00af62; color: #fff; } .hot_right .ul1 li.current { background-color: #00af62; color: #fff; } .hot_right .ul2 li { height: 58px; width: 100%; margin-top: 18px; padding-left: 10px; } .hot_right .ul3 li { height: 58px; width: 100%; margin-top: 18px; padding-left: 10px; } .lilogo { line-height: 56px; text-align: center; vertical-align: middle; } .lilogo .logoa { vertical-align: middle; line-height: 66px; width: 101px; height: 56px; border: 1px solid #e8e8e8; margin-right: 10px; float: left; } .hot_right .ul2 li>a { float: left; line-height: 58px; } .hot_right .ul3 li>a { float: left; line-height: 58px; } .hot_right .ul3 { display: none; } .region2 { margin-top: 44px; height: 27px; border-bottom: 1px solid #e8e8e8; } .region2 a { font-size: 18px; color: #333; float: left; } .region2 span { float: right; font-size: 12px; color: #ff5917; margin-right: 20px; } .region2 em { float: right; } .region2 em a { font-size: 12px; color: #ff5917; } .tb, .tb1 { margin-top: 15px; font-weight: normal; } .tb thead, .tb1 thead { font-size: 14px; font-weight: none; } .tb thead tr, .tb1 thead tr { height: 40px; line-height: 40px; } .tb thead tr th, .tb1 thead tr th { border-bottom: 1px solid #e8e8e8; font-weight: normal; } .w490 { width: 490px; text-align: left; } .w120 { width: 120px; } .w200 { width: 200px; } .w182 { width: 182px; } .w108 { width: 108px; text-align: right; } .tb .can, .tb1 .can { width: 65px; height: 21px; line-height: 21px; float: right; } .tb .can a, .tb1 .can a { cursor: pointer; font-size: 12px; color: #ff5917; display: inline-block; width: 63px; height: 19px; border: 1px solid #ff5917; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; text-align: center; line-height: 19px; } .tb tbody tr, .tb1 tbody tr { height: 33px; line-height: 33px; } .tb tbody tr th, .tb1 tbody tr th { border-bottom: 1px solid #f2f2f2; font-weight: normal; font-size: 14px; } .tb tbody tr:hover { background: #f7f7f7; } .tb1 tbody tr:hover { background: #f7f7f7; } .tb tbody tr:hover .can a { background: #ff5917; color: #fff; font-size: 12px; } .tb1 tbody tr:hover .can a { background: #ff5917; color: #fff; font-size: 12px; } .shopcontenter { padding-top: 15px; height: 521px; } .shopleft { float: left; width: 224px; height: 519px; border: 1px solid #e8e8e8; overflow: hidden; } .shopleft .ul1 { border-bottom: 1px solid #00af62; height: 35px; } .shopleft .ul1 li { cursor: pointer; float: left; width: 112px; height: 35px; color: #00af62; font-size: 14px; float: left; line-height: 35px; text-align: center; cursor: pointer; } .shopleft .ul1 li.current { background: #00af62; color: #fff; } .shopleft .ul1 li:hover { background: #00af62; color: #fff; } .shopleft .ul2 li { cursor: pointer; height: 97px; width: 224px; border-bottom: 1px solid #e8e8e8; } .shopleft .ul3 li { cursor: pointer; height: 97px; width: 224px; border-bottom: 1px solid #e8e8e8; } .shopcenter { float: left; width: 762px; height: 519px; } .shopcenter .shopheader { width: 742px; height: 37px; background: #eee; padding-left: 20px; line-height: 37px; } .shopheader span { color: #00af62; margin-right: 30px; } .shopheader a { margin-right: 20px; } .shopheader a:hover { color: #00af62; } .shopcenter ul { padding-left: 11px; padding-top: 10px; width: 772px; overflow: hidden; } .shopcenter ul li { float: left; width: 180px; margin-right: 10px; height: 229px; border-bottom: 3px solid #bfbfbf; } .libox { overflow: hidden; width: 180px; height: 180px; background: #fff; } .libox a { vertical-align: middle; line-height: 180px; text-align: center; width: 180px; height: 180px; display: inline-block; } .libox a img { max-width: 180px; max-height: 180px; display: inline-block; } .shopcenter ul li:hover .libox { box-shadow: 3px 2px 10px #ccc; -webkit-box-shadow: 3px 2px 10px #ccc; -o-box-shadow: 3px 2px 10px #ccc; -moz-box-shadow: 3px 2px 10px #ccc; -ms-box-shadow: 3px 2px 10px #ccc; } .shopcenter p { line-height: 31px; color: #333; padding-left: 8px; } .shopcenter .money span { color: #ff5917; padding-left: 8px; float: left; } .shopcenter .money em { color: #666; text-decoration: line-through; float: right; } .shopright { float: right; } .shopright .top { height: 252px; width: 208px; background: #ccc; margin-bottom: 17px; } .shopright .bottom { height: 252px; width: 208px; background: #ccc; } .bbsbox { margin-top: 10px; overflow: hidden; } .bbsul { width: 1500px; } .bbsbox .bbsul>li { width: 282px; height: 412px; float: left; margin-right: 30px; } .bbsbox p { line-height: 31px; height: 31px; } .bbsbox p a { float: right; color: #00af62; } .bbsbox p span { float: left; } .bbsbox div { height: 150px; width: 282px; background: #ccc; margin-bottom: 6px; } .bbsbox div a { width: 282px; height: 150px; display: inline-block; } .bbsbox ul li ul li a:hover { color: #ff5917; } .bbsbox ul li ul li { line-height: 28px; padding-left: 10px; background: url(../images/yuandian.png) no-repeat left center; } .casebox { margin-top: 15px; overflow: hidden; } .casebox ul { width: 2000px; } .casebox ul li { width: 228px; height: 214px; float: left; margin-right: 20px; } .casebox ul li div { overflow: hidden; width: 228px; height: 171px; background: #ccc; margin-bottom: 10px; } .casebox ul li div:hover { box-shadow: 0px 5px 16px #666; } .casebox ul li div a { width: 228px; height: 171px; display: inline-block; } .casebox ul li p { text-align: center; } .footerbox { min-width: 1220px; background: #222324; width: 100%; height: 100px; padding-bottom: 50px; padding-top: 50px; } .footer-map { border-right: 1px solid #2d2e2f; width: 480px; height: 112px; float: left; } .footer-map dl { line-height: 28px; font-size: 14px; color: #a6a9a8; float: left; width: 160px; } .footer-map dt { color: #fff; } .footer-map dl dd a { font-size: 12px; } .erweima { float: left; padding-left: 50px; vertical-align: middle; border-right: 1px solid #2d2e2f; height: 112px; padding-top: 6px; width: 246px; } .erweima span { float: left; } .erweimabox { width: 100px; height: 100px; background: url(../images/erweima.jpg); display: inline-block; margin-right: 10px; float: left; } .footer-phone a { width: 140px; height: 30px; background: #ff5917; color: #fff; display: inline-block; line-height: 30px; text-align: center; margin-top: 10px; } .footer-phone { text-align: center; font-size: 14px; } .footer-phone dt { font-size: 24px; color: #fff; margin-bottom: 10px; } .wrapleft { width: 974px; float: left; } .region2 a:hover { color: #00af62; } .dark { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #333; display: none; opacity: 0.5; filter: alpha(opacity=50); } .toubiao { width: 664px; height: 555px; background: #fff; display: none; z-index: 100; box-shadow: 5px 5px 30px #333; position: fixed; left: 50%; top: 50%; margin-top: -252px; margin-left: -332px; } .toubiao h3 { margin-top: 20px; font-size: 18px; color: 666; margin-left: 20px; } .toubiao h3 span { color: #ff5917; } .shop2, .shop3, .shop4, .shop5, .shop6, .shop7, .shop8, .shop9, .shop10 { display: none; } .shopleft .ul2 li { overflow: hidden; background: #666; } .shopleft .ul3 li { overflow: hidden; background: #666; } .shopleft li img:hover { transform: scale(1.1, 1.1); opacity: 0.9; } .shopright .top a { display: inline-block; width: 208px; height: 252px; } .shopcenter ul li:hover { border-color: #ff5917; } .error { background: url(../images/error.png) no-repeat center center; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; } .toubiao .left { width: 365px; height: 234px; margin-top: 28px; padding-left: 20px; float: left; } .toubiao .left h4 { font-size: 14px; color: #3e3e3e; margin-bottom: 26px; } .toubiao { color: #666666; } .toubiao input { width: 208px; height: 30px; border: 1px solid #ccc; margin-left: 15px; padding-left: 12px; } .toubiao .left div { margin-bottom: 28px; } .toubiao .checkleft { float: left; height: 18px; } .toubiao .checkright { float: left; margin-left: 110px; } .check span { float: left; } .toubiao .check input { width: 18px; height: 18px; float: left; } .toubiao .right { width: 258px; float: left; margin-top: 28px; } .toubiao .right div { margin-bottom: 28px; } .toubiao .right h4 { font-size: 14px; color: #3e3e3e; margin-bottom: 26px; } .toubiao select { height: 32px; width: 138px; color: #666; padding-left: 10px; background: url(../images/sicon.png) no-repeat 115px center; border: 0 none; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #ccc; margin-left: 12px; } .toubiao select::-ms-expand { display: none; } .toubiao select option { color: #3e3e3e; } .toubiao .right input { width: 124px; height: 30px; padding-left: 12px; } .toubiao .bottom span { float: left; } .toubiao .bottom textarea { width: 558px; height: 80px; margin-left: 15px; float: left; border-color: #ccc; } .toubiao .bottom { margin-top: 6px; padding-left: 20px; width: 632px; height: 82px; } .toubiao .up { width: 70px; height: 26px; background: url(../images/up.png) no-repeat; display: inline-block; float: right; margin-top: 2px; color: #fff; text-align: center; line-height: 26px; cursor: pointer; } .toubiao p { margin-left: 82px; color: #ff5917; padding-top: 5px; } .toubiao button { width: 140px; height: 40px; background-color: #ff5917; color: #fff; font-size: 14px; border: none; position: absolute; left: 50%; bottom: 30px; margin-left: -70px; cursor: pointer; } /*str加了图形验证码*/ .auth_code{ position:absolute; height:78px; width:148px; background-color:#f6fff9; border:1px solid #d6ded9; left:200px; bottom:48px; } .auth_code label{display:block;overflow:hidden;margin:2px 4px;} .auth_code .passport{ width:90px; height:40px; float:left; } .auth_code .cha{ float:left; color:#00ad4d; display:inline; padding-top:10px; } .auth_code .text_mathcode{float:left;width:78px;height:26px;} .auth_code .abtn{cursor:pointer;text-indent:0;margin:1px 5px;float:right;border:1px solid #f36f20;background-color:#f36f20;width:45px;height:24px;color:#fff;} .auth_code em{border-color: #f6fff9 transparent transparent; border-style: solid dashed dashed;border-width: 10px;bottom: -19px;display:inline-block;font-size:0;height: 0;left: 75px;overflow: hidden;position: absolute;width: 0;z-index: 2;} .auth_code .arb{ border-color: #d8e0db transparent transparent; bottom: -20px; z-index: 1;} /*end加了图形验证码*/