@charset "UTF-8"; html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;} a{text-decoration:none} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} /*blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}*/ table {border-collapse: collapse;border-spacing: 0;padding-left:10px;padding-right:10px;} table .odd{background-color:rgb(252,252,252);} table td{font-size:14px !important;} table th{font-size:16px !important;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;} .clearfix { *zoom:1;} input{ box-sizing:content-box; outline:none;} .mem-item .ml349{margin-left:349px;float:none} /*公共*/ body{background-color:#F6F8F8;font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif;} body input{font-family: "Microsoft YaHei","\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif;} .header{margin-bottom:10px;box-shadow:0 0 10px #EEF0F0;background-color:#428c5b;} .content{margin-bottom:14px;} .container{width:1200px;margin-left:auto;margin-right:auto;} .hd-login{float:right;font:14px/40px "微软雅黑";COLOR:#fff} .hd-login a{color:#8EECB0;} .hd-login span{margin:0 20px;color:#FFF;} .hd-logo{float:left;margin-top:7px;} .hd-nav{float:right;margin:4px 0;} .hd-nav li{float:left;margin:0 8px;position: relative;} .hd-nav li>a{padding:0 20px;display:block;font:18px/60px "微软雅黑";color:#FFF;} .hd-nav li>a span{position:relative;height:18px;width:22px;display:inline-block;vertical-align: middle;margin-left:4px;} .hd-nav li>a:hover{color:#8EECB0;} .hd-nav li span em{position:absolute;top:-13px;right:-14px;width:17px;height:17px;font:10px/17px "";text-align:center;color:#45B587;} .hd-nav .active>a{color:#8EECB0;background:url(../images/member-img/nav-active.png) center bottom no-repeat;} .center{position:absolute;top:60px;width: 798px;border:1px solid #BABABA;right: -228px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;background-color:#FFF;z-index:2;display: none;} .center .title{font:14px/32px "微软雅黑";color:#191919;padding-left: 16px;border-bottom:1px solid #BABABA;} .center .title i{float: right;height:16px;width: 16px;margin: 8px 16px;cursor: pointer;} .center .list{padding-left: 56px;} .center .list-item {padding-top: 10px;padding-bottom: 4px;padding: 18px 20px 4px 0;border-bottom: 1px solid #F3F3F3;} .center .list-item-fl {position: relative;float: left;} .center .list-item-fl h3 {font: 18px/35px "微软雅黑";} .center .list-item-fl p {font: 14px/31px "微软雅黑";} .center .list-item-fl p span {margin-right: 60px;} .center .list-item-fl .radio {position: absolute;top: 10px;left: -36px;height: 15px;width: 15px;} .center .list-item-fr {float: right;text-align: center;} .center .list-item-fr h3 {font: 10px/30px "";} .center .list-item-fr a {font: 14px/32px "";color: #45B587;} .center .bottom{text-align: right;padding-right: 10px;position: relative;} .center .bottom a{font:16px/38px "微软雅黑";color: #45B587;} .center .bottom .btn{position: absolute;bottom:-25px;left: 50%;height:25px;width: 78px;margin-left: -39px;} .sub-nav{float:left;width:178px;border:1px solid #EAECEC;background-color:#FFF;} .sub-nav li a{padding-left:13px;font:16px/48px "微软雅黑";position:relative;color:#191919;border-bottom:1px solid #EAECEC;display:block;} .sub-nav li em{display:inline-block;height:20px;width:4px;overflow:hidden;background-color:#45B587;vertical-align:middle;} .sub-nav li span{margin-left:14px;vertical-align:middle;} .sub-nav li i{position:absolute;top:50%;right:12px;height:5px;width:10px;overflow:hidden;margin-top: -2.5px;} .sub-nav dl{display:none;} .sub-nav dd a{padding-left:40px;font:14px/48px "微软雅黑";background-color:#F2F2F2;} .sub-nav dd a:hover{color:#00c9ff;} .sub-nav dd strong{height:4px;width:4px;background-color:#45B587;position:absolute;top:50%;left:28px;overflow:hidden;margin-top:-2px;} .sub-nav .active{color:#00c9ff;} .basic-main, .main{width: 1018px;border: 1px solid #EAECEC;background-color:#FFF;float: right} .basic-main .title, .index-main .title, .main .title {color: #D2D2D2;border-bottom: 1px solid #EAECEC;} .basic-main .title a, .index-main .title a, .main .title a {display: inline-block;color: #191919;font: 18px/48px "微软雅黑";margin: 0 20px;} .tab-nav{border-bottom:2px solid #E6E6E6;} .tab-nav ul{height:62px;} .tab-nav li{float:left;color:#D2D2D2;position:relative;} .tab-nav li a{font:bold 18px/60px "微软雅黑";color:#191919;padding:0 46px;display:inline-block;} .tab-nav li a strong{color:#45B587;margin-left: 6px;} .tab-nav li span{position:absolute;bottom:-4px;left:0;height:2px;width:100%;background-color:#45B587 ;display:none;} .tab-nav .active span{display:block;} .tab-nav .active a{color:#00c9ff;} .fot-nav{text-align:center;padding:60px 0;color:#5C5C5C;} .fot-nav a{margin:0 10px;font:16px/24px "微软雅黑";color:#fff;} .footer{border-top:1px solid #DDDFDF;background-color:#428c5b;} .footer p{text-align:center;color:#fff;font:14px/54px "微软雅黑";} .footer .color{color:#fff;} .search-fy-fr{float:right;padding-top:15px;} .pagination{float:left;} .page{float:left;} .search-fy-fr a{display: inline-block;font-size:12px;padding:10px 12px;border:1px solid #EDEDED;margin:0 3px;vertical-align: middle;color:#000;background-color: #FFF;} .search-fy-fr .active{background-color:#45B587;color:#FFF;border-color:#45B587;} .search-fy-fr span{vertical-align: middle;padding:10px 6px;} .page-sum,.page-go{font:13px/34px "";} .page input{height:24px;width:38px;border:1px solid #EDEDED;margin:0 4px;text-align:center;outline:#45B587;} .fixed{position:fixed;left:92%;top:168px;height:120px;width:20px;border:1px solid #BABABA;background-color:#FFF;box-shadow:0 0 4px #F6E5E1;padding: 20px 7px 10px;cursor:pointer;z-index: 100;} .m-icon{height:22px;width:20px;} .fixed-font{font:12px/14px "微软雅黑";color:#333;text-align:center;margin: 8px 0 15px} .fixed-num{height:20px;width: 20px;font:10px/20px "";color:#FFF;text-align:center;} .fixed-pop{position:absolute;top:-1px;right:34px;width:298px;border:1px solid #BABABA;z-index: 10;padding:17px 14px 20px;background-color:#FFF;display: none;} .fixed-pop .total{padding-top: 34px;text-align: center;font:14px/40px "微软雅黑";color:#191919;} .fixed-pop table{width: 100%;text-align:center;font:14px/32px "微软雅黑"; } .fixed-pop table thead{font:14px/32px "微软雅黑"; } .fixed-pop table tr{border-bottom:1px solid #ECEEEE;} .fixed-pop table span{color:#45B587;} .fixed-pop tbody td{padding:12px 0;} .fixed-pop .total span{color:#45B587;} .fixed-pop .total a{display: inline-block;height: 30px;width: 70px;line-height: 30px;color:#FFF;} .fixed-click{background-color:#45B587;border-color:#45B587;} .fixed-click .fixed-font{color:#FFF;} .fixed-click .fixed-num{color:#45B587;} .center .bottom .btn,.center .list-item-fl .radio,.center .title i,.fixed-pop .total a,.fixed-num,.m-icon,.sub-nav .show i,.sub-nav li i,.hd-nav li span em,.hd-nav li a span{background-image:url(../images/icon.png);background-repeat:no-repeat;} .center .bottom .btn{background-position: -518px -240px;} .sub-nav li i{background-position:-136px 0; ; } .sub-nav .show i{background-position:-116px 0; } .hd-nav li span em{background-position:-170px 0; } .hd-nav li a span{background-position:-197px 0;} .m-icon{background-position: -268px -206px;} .fixed-num{background-position: -298px -206px;} .fixed-pop .total a{background-position: -371px -34px} .fixed-pop .total a:hover{background-position: -371px -74px} .fixed-click .m-icon{background-position: -338px -285px;} .fixed-click .fixed-num{background-position: -366px -286px} .center .title i{background-position:-18px 0;} .center .list-item-fl .radio{background-position: -274px -392px} .center .list-item-fl .checked{background-position: -299px -392px;} table{width:100%;text-align:center;} /*登录*/ .nav{width:1200px;margin:0 auto;padding: 20px 0 } .login-hd-logo{height: 80px;width: 186px;} .login-hd-nav{margin-left:350px; } .login-nav li{float: left; } .login-item a, .login-nav li a{display: inline-block;font: bold 20px/80px "微软雅黑";color:#fff;padding:0 18px;} .login-item{font-size: 12px;} .login-item a{font-size: 12px;padding: 0 14px} .login-item a:hover{color:#45B587;} .login-cont{padding: 82px 0 0 0;background-color: #fff;position: relative;} .loginCKU{text-align: center;margin-bottom: 34px;} .logintop{height: 592px;} .logintop .pos{position:relative;height: 100%;} .logintopform{width: 500px;background-color:#fff;border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;overflow: hidden;position: absolute;top:50%;left:50%;margin-left:-250px;margin-top:-238px;} .logintopform h3{font:20px/64px "";border-bottom:1px solid #EDEDED;text-align: center;color:#428c5b;margin-bottom: 30px;} .login-form { padding-left: 424px; } .newlogin-menu{text-align: center;font-size: 0;margin-top:20px;} .login-menu{width: 352px;} .login-menu a{ display: inline-block; font: 18px/44px "微软雅黑";} .newlogin-menu a{display: inline-block;font: 18px/46px "微软雅黑";color:#428c5b;background-color:#ddfee8;width: 136px;margin: 0 15px;border:1px solid #ddfee8;border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;} .newlogin-menu .active{background-color:#428c5b;color:#FFF;} .login-menu .active{color: #45B587; font-size: 22px;} .newlogin-list{position: relative;margin-bottom:8px;height: 46px;margin:16px 76px;border:1px solid #428c5b;border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;} .login-list{position: relative; margin-bottom: 8px; height: 46px; width: 340px; padding: 6px;} .login-botton{ padding:15px 26px;background-color:#F9F9F9;font:14px/20px "";margin-top: 30px } .loginicon, .login-radio-fl .radio, .login-list .yellow span, .login-btn a, .login-list .green span, .mailbox-form h3 span, .login-list{background-image:url(../images/loginiconfont.png);background-repeat:no-repeat;} .loginfirst{background-position: 0 -228px; height: 46px; padding: 12px 6px 6px;} .firstdown{background-position: 0 -300px}/* 鼠标移入*/ .loginshadow{background-position:0 -442px; } .loginlast{background-position: 0 -510px;} .lastdown{background-position: 0 -578px;border:none;} .validateCodeRefresh{color:#428c5b;margin-left:12px;text-decoration:underline;} .newlogin-list input,.login-list input{height: 100%;width: 270px;padding: 0 18px;border:none;background-color:transparent;font: 14px/46px "微软雅黑;";color:#B4B4B4;vertical-align: middle;} .newlogin-list .code{width: 82px;border:1px solid #428c5b;border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;} .login-list a{font-size:14px;margin-left: 8px;color:#45B587;text-decoration: underline;} .loginicon{height:22px;width: 11px;background-position: -106px -938px;position: absolute;right: 25px;top: 18px;display:none } .login-list img{vertical-align: middle;margin-left: 12px} .loginprompt{position: absolute;left: 100%;top:50%;margin-top: -24px;font:14px/46px "微软雅黑";color:#B4B4B4;width: 100%;margin-left: 12px;display: } .pt-4{padding-top:4px;} .login-list .green span, .login-list .yellow span{display:inline-block;height: 18px;width: 18px;margin-right: 8px;vertical-align: middle;} .login-list .yellow span{background-position:-78px -938px;} .login-list .green span{background-position:-50px -938px;} .login-list em{vertical-align: middle;} .login-btn{padding-top: 14px;} .login-btn a{display: inline-block;height: 66px;width: 358px;font: 18px/66px "微软雅黑";color:#FFF;text-align:center;} .login-btn a{background-position: 0 0} .loginlast input { width: 118px; } .login-btn .down{background-position: 0 -152px!important;} .login-btn a:hover{background-position: 0 -76px;} .login-radio{font: 14px/24px "微软雅黑";color:#B4B4B4;margin: 0 76px} .login-radio-fl .radio{vertical-align: middle;display: inline-block;height: 12px;width: 12px;margin-right: 4px;} .login-radio-fl .radio{background-position: -50px -966px;} .login-radio-fl .checked{background-position: -72px -966px;} .login-radio-fr a{color:#428c5b;} .login-radio-fr a:hover{text-decoration:underline;} .height{height: 116px;} .register{background-position: 0 -646px; height: 46px;padding:12px 6px 6px;} .registerdown{background-position: 0 -718px;} .activation{background-position:0 -866px;height: 46px;padding:12px 6px 6px;} .activationdown{background-position: 0 -792px;} .activ-list{margin-top: 35px;width: 340px;padding:0 6px;} .activ-list dl{font-family: "微软雅黑";color:#767676;} .activ-list dt{font-size:14px;line-height: 26px;} .activ-list dd{font-size:12px;line-height: 20px;} .login-menu .none{margin:0;} .mailbox-form{text-align: center} .mailbox-form p{font: 16px/40px "微软雅黑";color:#4c4c4c;margin-top: 48px;} .mailbox-form .height{height: 286px;} .mailbox-form h3{font:20px/40px "微软雅黑";margin:40px 0 66px;} .mailbox-form h3 span{display: inline-block;height: 40px;width: 40px;background-position: 0 -938px;vertical-align: middle;margin-right:14px;} .mailbox-form h3 em{vertical-align: middle;} /*新生犬登记申请*/ .code-list{font:14px/36px "微软雅黑";padding: 0 0 16px;} .code-list li{margin-top:28px;} .codefl{margin-right: 22px;} .codefl .codes{display: inline-block;text-align: right;width:140px; } .codeinput{height: 34px;width: 190px;border:1px solid #BABABA;} .codeinput input{float: left;height: 34px;width: 148px;padding: 0 0 0 10px;border:none;outline: none} .codeinput span{display: inline-block;height:34px;width: 32px;} .codefl .query, .code-btn a, .fee-btn a, .codeinput span{background-image: url(../images/icon.png);background-repeat: no-repeat;} .codeinput span{background-position:-44px 1px } .codefl .query{display: inline-block;height: 32px;width: 100px;font:14px/32px "微软雅黑";color:#FFF;text-align:center;margin-left: 10px;} .codefl .query{background-position: 0 -224px;} .codefl .query:hover{background-position: -110px -224px;} .codetabfl{width: 670px;} .codetabfl .name{display: inline-block;width: 310px;text-align: right} .code-list .label{display: inline-block;width:140px;text-align: right} .code-list .birthWidth{margin-right:10px; } .code-btn a{display: inline-block;height: 40px;width: 137px;color:#FFF;font: 14px/40px "微软雅黑";} .code-btn a{background-position: 0 -266px} .code-btn a:hover{background-position: -147px -266px} .birthWidth li{margin: 0} .code-table thead{font: 16px/60px "微软雅黑";border-top:1px solid #EEE ;} .code-table tbody{font: 14px/48px "微软雅黑";} .code-table table tr{border-bottom:1px solid #EEE;} .code-fee{font: 14px/38px "微软雅黑";padding: 36px 0 6px 0} .code-fee p{padding-left: 40px;} .code-fee strong{font-size:22px;color:#45B587; margin-left: 10px;} .fee-btn{text-align:center;} .fee-btn a{display: inline-block;height:45px;width: 247px;font: 18px/45px "微软雅黑";color:#FFF;} .fee-btn a{background-position:0 -34px;} .fee-btn a:hover{background-position:0 -89px;} /*出生证明申请*/ .birth-form{padding: 52px 40px 6px;font: 14px/36px "微软雅黑"} .birth-time{padding-left: 180px} .birth-list{margin-right: 100px;} .birth-input{height: 34px;width:190px;border:1px solid #BABABA; } .birth-input input{float: left;width:146px;padding:0 0 0 10px;border:none;height: 34px;} .birth-input span{display: inline-block;height: 34px;width: 32px;} .birth-num input{display: inline-block;height: 34px;width:58px;border:1px solid #BABABA;padding: 0;text-align:center; } .birth-num span{margin: 0 15px 0 4px;} .birth-table .pos a, .birth-input span{background-image: url(../images/icon.png);background-repeat: no-repeat;} .birth-input span{background-position:-267px -359px} .birth-table table{width: auto} .birth-table .pos{position: relative} .birth-table .pos a{position: absolute;top:0;left:40px;height:20px;width: 80px;font:12px/20px "微软雅黑"; color:#FFF; } .birth-table .pos a{background-position:0 -974px;} .birth-table input{width: 190px;height: 34px;border:1px solid #BABABA;text-align: center} .code-list .birthWidth{width:300px;} .birth-table .birthWidth{width:200px;text-align: left; } .birth-table th{padding: 12px 0} .birth-table td{padding-bottom:20px;} .newNav{padding:0 174px;} .newtit{font:18px/64px "";text-align: center;} .newicon ul{margin-right: -200px} .newicon li{float: left;width: 90px;position: relative;text-align: center;margin-right: 200px;font:14px/52px "";} .newicon div{height: 90px;width: 90px;background-image:url(../images/newiconfont.png);background-repeat:no-repeat;} .newicon .line{height: 6px;width: 157px;position: absolute;top:42px;left:113px;background-image:url(../images/newiconfont.png);background-repeat:no-repeat;} .newicon .line{background-position: 0 -100px} .newicon .icon{background-position: 0 0} .newicon .icon1{background-position: -300px 0} .newicon .icon2{background-position: -400px 0} .newicon .active .line{background-position:-167px -100px} .newicon .active .icon1{background-position:-100px 0 } .newicon .active .icon2{background-position:-200px 0 } .newicon .active .line2{background-position: -334px -100px} .newsuccess{padding:70px 0;text-align: center} .newsuccess .icon{height: 146px;width: 146px;background:url(../images/newiconfont.png) 0 -116px no-repeat;margin:auto;} .newsuccess h3{font:22px/76px "";color:#0098FF;} .newsuccess p{font:15px/30px "";color:#707070;} .newsuccess strong{font-size:20px;color:#FF6B6A;text-decoration: underline;} .newsuccess .btn{margin-top:80px;font-size:14px;color:#707070;} .newsuccess .btn a{color:#45B587;text-decoration:underline;margin:0 6px;} .newhzjg .zyts, .newsuccess .zyts{height: 26px;width: 657px;margin:44px auto;border:1px solid #F85E3E;border-radius:16px;position: relative;font:14px/26px "";color:#F85E3E;} .newhzjg .zyts span, .newsuccess .zyts span{position: absolute;top:-1px;left:0;height: 28px;width: 28px;background:url(../images/newiconfont.png) -463px -217px no-repeat;} .newhs,.newbl,.newyqinfo,.newpcinfo{margin:0 40px;border-top:1px solid #CBCBCB ;} .newcstit{font:16px/60px "";text-align: center} .newcslist li{font:14px/50px "";float: left;width: 33.33%;text-align: center} .newcslist .gong{border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;box-shadow:0 0 10px #EFF4F3;margin:18px 0;} .newcslist .mu{border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;box-shadow:0 0 10px #FBF2F5;margin-bottom:40px;} .newcslist i{height: 10px;width: 10px;border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;display: inline-block;} .newcslist strong{margin: 0 10px;font-weight: bold;font-size:18px;} .newcslist .gong i{background-color:#17DFB7;} .newcslist .mu i{background-color:#FF5B8A;} .newqylist li{font:14px/36px "";margin-bottom:22px;} .newqylist li span{display: inline-block;width: 188px;text-align: right;} .newqylist li input{height: 34px;width: 170px;padding:0 10px;border:1px solid #BABABA;} .newqylist .number input{width:38px} .newqylist .number em{margin:0 10px;} .newqylist li i{display: inline-block;height: 26px;width: 30px;background:url(../images/newiconfont.png) -461px -116px no-repeat;vertical-align: middle;margin-left:22px;} .newqylist table{font:18px/46px "";} .newqylist .error{background:url(../images/newiconfont.png) -421px -116px no-repeat;} .newcsinfo .error{background:url(../images/newiconfont.png) -421px -116px no-repeat;} .newqzinfo .error{background:url(../images/newiconfont.png) -421px -116px no-repeat;} .newqylist th a{display: inline-block;height: 20px;width:80px;font:12px/20px "";color:#FFF;background-color:#45B587;margin-left:12px; border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;} .newqylist input{height: 34px;width: 170px;padding:0 10px;border:1px solid #BABABA;} .newsele .select, .newqylist .select{height: 34px;width: 170px;padding:0 10px;border:1px solid #BABABA;position: relative;margin:0 auto;} .newsele .select a, .newqylist .select a{display: block;color:#000;border-bottom:1px solid #BABABA;line-height: 34px;text-align:center;} .newsele .select .qypop, .newqylist .qypop{position: absolute;top:34px;width: 100%;border:1px solid #BABABA;margin-left:-1px;left:0;background-color:#FFF;display: none} .newsele .select .selejt, .newqylist .selejt{position: absolute;top:50%;right: 8px;width: 12px;height: 7px;margin-top:-4px;background:url(../images/newiconfont.png) -479px -152px no-repeat;border-bottom:none!important;} .newsele td span, .newqylist td span{display: inline-block;height: 26px;width: 30px;background:url(../images/newiconfont.png) -461px -116px no-repeat;} .newbl{margin-top:20px;font:14px/30px "";} .newbl span{display:inline-block;width: 110px;} .newbl li a{display: inline-block;height: 14px;width: 14px;background:url(../images/newiconfont.png) -477px -169px no-repeat;vertical-align: middle} .newbl li em{margin:0 26px 0 10px;} .newbl li .active{background:url(../images/newiconfont.png) -477px -193px no-repeat ;} .newbl strong{font-size:16px;color:#F96546;} .newhs{margin-bottom:45px;} .newhs table{font:16px/46px "";} .newhs p{text-align: right;font:14px/54px "";} .newhs p strong{font-size:22px;font-weight: bold;color:#F96546;} .newhs .btn{text-align: center} .newhs .btn a{display: inline-block;height:45px;width: 247px;background-color: #F96748;font:18px/45px "";border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;color:#FFF;} .newhs .btn a:hover{background-color:#FB7A60;} .newhs table span{display: inline-block;height: 26px;width: 27px;background:url(../images/newiconfont.png) -431px -150px no-repeat;vertical-align: middle;margin-right:4px;} .newfy,.newhzjg,.newqz,.newdna,.newcsinfo{margin: 0 50px;border-top:1px solid #D2D2D2;} .newxtinfo{font:14px/36px "";padding:0 94px;} .newxtinfo ul{width: 50%;} .newxtinfo li{margin:12px 0;position: relative;} .newxtinfo input{height:34px;width: 168px;border:1px solid #BABABA;padding:0 10px;font:14px/34px "" ; } .newxtinfo li i{position: absolute;top:50%;right: 80px;height: 26px;width: 30px;margin-top:-13px;background:url(../images/newiconfont.png) -461px -116px no-repeat;} .newxtinfo li strong{margin-left:20px;color:#F86648;} .newdna{padding:0 88px;} .newdna p{font:14px/76px "";} .newdna a{display: inline-block;margin:0 12px;height: 15px;width: 14px;vertical-align: middle;} .newdna .radio{background:url(../images/newiconfont.png) -477px -169px no-repeat;} .newdna .checked{background:url(../images/newiconfont.png) -477px -193px no-repeat;} .newdna .checkbox{background:url(../images/newiconfont.png) -477px -255px no-repeat;} .newdna .checkboxck{background:url(../images/newiconfont.png) -477px -279px no-repeat;} .newdna em{vertical-align: middle} .newqz .newcstit span{color:#F86648;font-size:14px;} .newqzinfo{padding:0 84px;font:14px/36px "";} .newqzinfo p span{margin-right:30px;} .newqzinfo p input{height: 34px;width: 170px;border:1px solid #BABABA;font:16px/34px "";padding:0 10px;} .newqzinfo p em{display: inline-block;height: 26px;width: 30px;background:url(../images/newiconfont.png) -461px -116px no-repeat;vertical-align: middle;margin-left:20px;} .newqzinfo li{float: left;width: 33.33%;margin: 8px 0;} .newsele{padding:0 84px;} .newsele span{font:14px/36px "";} .newsele .select{margin-right: 22px;} .newsele i{float:left;height:26px;width: 30px;background:url(../images/newiconfont.png) -461px -116px no-repeat; } .newhzjg .zyts{margin:20px auto;text-align: center} .newfy p{padding-right: 62px;font:14px/94px "";text-align: right} .newfy p strong{font-size:22px;font-weight: bold;color:#F86648;} .newfy .btn{text-align: center;margin-bottom: 50px;} .newfy .btn a{display: inline-block;height:45px;width: 247px;background-color:#F75A3A;color:#FFF; border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;font:18px/45px "";} .newfy .btn a:hover{background-color:#FB7A60;} .cszmask{position: fixed;top:0;left:0;height: 100%;width: 100%;background:rgba(000,000,000,.2);} .tgcont{position: absolute;top:50%;left:50%;height: 490px;width: 700px;background-color:#FFF;margin-top:-245px;margin-left:-350px;border-radius:18px;-webkit-border-radius:18px;-o-border-radius:18px;-ms-border-radius:18px;-moz-border-radius:18px;overflow: hidden} .cszmask h3{color:#FFF;text-align: center;font:24px/70px "";background-color:#408C5B;} .cszmask .old{background:#F4CB5A;} .cszmask h3 span{color:#8EECB0;font-size:16px;margin-left:10px;} .tgcont .tglist{padding:7px 48px 35px;} .tgcont ul{padding:20px 0 12px;} .tgcont li{float: left;width: 50%;font:14px/44px "";} .tgcont .borb{border-bottom:1px solid #DBDBDB;} .tgcont .btn{text-align: center;} .tgcont .btn a{display: inline-block;height: 50px;width: 178px;background-color:#45B587;color:#FFF;font:18px/50px "";border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;} .tgcont .btn .old{background:#F4CB5A;} .tgcont .btn .xg{background:#C1C1C1;} .tgcont .close{height: 30px;width: 30px;position: absolute;top:20px;right: 25px;background:url(../images/close.png) center center no-repeat;} .tgcont .new a{margin:0 43px;} .tgcont input{height: 34px;width: 138px;padding:0 10px;font:14px/34px ""} .tgcont .inputredio{height: 15px;width: 30px;padding:0 10px;font:14px/34px ""} .tgcont .select{position: relative;width: 228px;height: 34px;border:1px solid #BABABA;margin-top:4px;font:14px/34px "";} .tgcont .cszse{position:absolute;top:34px;left:0;border:1px solid #bababa;width: 100%;background-color:#FFF;margin-left:-1px;display: none} .tgcont .select a{display: block;padding:0 10px;color:#000;border-bottom:1px solid #BABABA;} .tgcont .select .selejt{position: absolute;top:15px;right: 12px;height: 8px;width: 13px;background:url(../images/newiconfont.png) -479px -152px no-repeat;padding:0;border:none;} /*配种证明申请*/ .ber-form{padding:40px 40px 6px 40px;font: 14px/36px "微软雅黑";} .ber-form li{margin-bottom:22px;} .ber-form .name{float: left;} .ber-input-box, .ber-input{float: left;} .ber-input-box{height: 34px;width:190px;border:1px solid #BABABA; } .ber-input-box input{height: 34px;width: 148px;padding:0 0 0 10px;border:none;outline: none;float: left;color:#333;} .ber-input-box .date, .ber-input-box .fdj{display: inline-block;height:34px;width: 32px;} .ber-input .query{display: inline-block;height: 32px;width: 100px;background-position:0 -224px;text-align:center;color:#FFF;margin-left: 10px;vertical-align: middle;line-height: 32px;} .ber-input-box .date, .ber-input .query, .ber-radio a, .bre-btn a, .ber-input-box .fdj{background-image: url(../images/icon.png);background-repeat: no-repeat;} .ber-input-box .fdj{background-position: -44px 0} .ber-input-box .date{background-position:-268px -360px} .ber-input .query:hover{background-position: -110px -224px;} .ber-form li table{text-align: left;} .ber-radio a{display: inline-block;height:14px;width: 14px;vertical-align: middle;} .ber-radio a{background-position:-220px -224px;} .ber-radio .radio{background-position: -244px -224px;} .ber-radio span{margin: 0 26px 0 10px;vertical-align: middle;} .ber-radio p{line-height: 34px;} .ber-input .money strong{font-size:22px; margin-left: 15px;} .bre-btn{text-align: center} .bre-btn a{display: inline-block;height: 45px;width: 247px;color:#FFF;font: 18px/45px "微软雅黑"} .bre-btn a{background-position: 0 -34px;} .bre-btn a:hover{background-position:0 -89px;} /*证书换发申请*/ .renewal-form{padding: 40px 0 22px;border-bottom:1px solid #EEE;} .renewalfl{width:496px;float: left;} .renewalfr{float: left;width: 332px;padding-left:76px;} .renewal-list{font: 14px/34px "微软雅黑;"} .renewal-list dd{margin-bottom:20px; } .renewal-list .name{width: 132px;text-align:right;float: left;} .renewal-input{margin-left:152px;} .ren-text input{display: inline-block;height:34px;width: 158px;border:1px solid #BABABA;padding: 0 10px;} .ren-text-box input{width: 78px;margin-right: 14px;} .ren-radio span{margin-right: 26px;} .renewal-btn{padding-top:12px;text-align:center;} .renewal-btn a{display: inline-block;height:40px;width: 127px;font:14px/40px "微软雅黑";color:#FFF; background-image: url(../images/icon.png);background-repeat:no-repeat;background-position: 0 -366px;} .renewal-btn a:hover{background-position:-137px -367px;} .lose-table .lose-money .pb0{padding-bottom:0;} .ren-open{font: 14px/40px "微软雅黑";padding:0 40px 36px;} .ren-open h3{border-bottom:1px solid #EEE;} .ren-open h3 a{color:#45B587;} .ren-open h3 span{margin-left: 6px;vertical-align: middle; } .ren-open li{color:#4F4D4D;position: relative;} .ren-open li span{position: absolute;top:18px;left: -10px;height: 4px;width: 4px;background-color:#4F4D4D;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;} /*修改密码*/ .mailbox{padding:20px 62px 84px;} .mailboxnav{text-align:center;} .mailboxnav a{display: inline-block;height: 44px;width: 145px;position: relative;font: 16px/44px "微软雅黑";color:#313232;} .state{padding: 30px 0 70px;} .state li{float: left;width: 33.33%;position: relative;text-align:center;} .state li span{display: inline-block;height: 48px;width: 48px;position: relative;z-index:2;margin: 9px 0} .state li .line{height: 6px;width: 102%;background-color:#D8D8D8;position: absolute;top:30px;left:0;border-radius:10px;} .state .active .line{background-color:#45B587;z-index:1;} .state li p{font: 12px/18px "微软雅黑";color:#B2B2B2;} .state .active p{color:#45B587;} .mail-form li{margin-bottom: 22px;} .mail-form .name{float: left;width: 378px ;font: 16px/36px "微软雅黑";text-align: right;} .mail-form .name span{color:red;} .mail-form .input{margin-left:390px;} .mail-form .input input{vertical-align: middle;height: 34px;width: 170px;border:1px solid #BABABA;color:#B2B2B2;padding: 0 10px;line-height: 34px;} .mail-form .input span{margin-left: 16px;font: 12px/34px "微软雅黑";color:#45B587;} .mail-form .input em{display: inline-block;height: 18px;width: 18px;margin-right: 6px;vertical-align: middle;} .mail-form .input strong{vertical-align: middle;} .mail-submit{text-align:center;padding-top:53px;} .mail-submit a{display:inline-block;height: 45px;width: 247px;font: 18px/45px "微软雅黑";color: #FFF;} .mail-submit a, .mail-form .input em{background-image: url(../images/icon.png);background-repeat:no-repeat;} .mail-form .input em{background-position: -432px -732px;} .mail-submit a{background-position: 0 -34px;} .mail-submit a:hover{background-position: 0 -89px;} /*第二部*/ .suc-submit{text-align:left;padding-top:53px;} .suc-submit a{display:inline-block;height: 45px;width: 247px;font: 18px/45px "微软雅黑";color: #FFF;text-align:center;} .validate a, .validate strong{color:#45B587;text-decoration:underline;} .successbox{padding-left:323px;} .successbox h3{font:bold 20px/36px "微软雅黑";color:#45B587;position: relative;} .successbox h3 span{position: absolute;top:0;left:-50px;height: 36px;width: 36px;} .successbox p{font:14px/36px "微软雅黑";color:#605F5F;} .successbox .tiao{display: inline-block;height: 10px;width: 100px;border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;background-color:#E1E1E1;margin: 0 8px; position: relative;overflow: hidden;box-shadow:inset 0 0 0 1px ;-webkit-box-shadow:inset 0 0 0 1px ;-o-box-shadow:inset 0 0 0 1px ;-moz-box-shadow:inset 0 0 0 1px ;-ms-box-shadow:inset 0 0 0 1px ;} .successbox .tiao em{width: 70%;background-color:#45B587;display: inline-block;height: 100%;position: absolute;left:0;top:0;} .successbox .green{color:#45B587;} .successbox h3 span, .suc-submit a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .suc-submit a{background-position: -345px -866px;} .suc-submit a:hover{background-position: 0 -920px;} .state .active .complete{height: 66px;width: 66px;margin: 0;background-position: -152px -844px;} .successbox h3 span{background-position: -390px -470px;} /*----------------------*/ .vali-submit{text-align:center;padding-top:53px;} .vali-submit a{display:inline-block;height: 45px;width: 247px;font: 18px/45px "微软雅黑";color: #FFF;} .validate{padding-left:323px; } .validate p{font: 14px/24px "微软雅黑";} .validate .font{font-size:20px;margin:26px 0;} .validate a, .validate strong{color:#45B587;text-decoration:underline;} .vali-submit a, .mailboxnav a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .mailboxnav .phone{background-position: -368px -633px;} .mailboxnav .mail{background-position: -181px -744px;color:#FFF;} .state li .identity{height: 66px;width: 66px;background-position:0 -844px;margin: 0} .state li .password{background-position: -228px -862px;} .state li .complete{background-position: -287px -862px;} .vali-submit a{background-position: 0 -34px;} .vali-submit a:hover{background-position: 0 -89px;} /*手机改密*/ .phone-form li{margin-bottom: 22px;} .phone-form .name{float: left;width: 378px ;font: 16px/36px "微软雅黑";text-align: right;} .phone-form .name span{color:#45B587;} .phone-input{margin-left:388px;} .phone-input input{vertical-align: middle;height: 34px;width: 98px;border:1px solid #BABABA;color:#B2B2B2;padding: 0 10px;line-height: 34px;margin-right: 18px;} .phone-submit{text-align:center;padding-top:53px;} .phone-submit a{display:inline-block;height: 45px;width: 247px;font: 18px/45px "微软雅黑";color: #FFF;} .phone-submit a, .phone-input .btn-code, .phone-input .ac-btn-code, .state li span{background-image: url(../images/icon.png);background-repeat:no-repeat;} .phone-submit a{background-position: 0 -34px;} .phone-submit a:hover{background-position: 0 -89px;} .state .active .password{height: 66px;width: 66px;margin: 0;background-position: -76px -844px;} .phone-input .ac-btn-code, .phone-input .btn-code{vertical-align:middle;display: inline-block;height: 34px;width: 120px;font:14px/34px "微软雅黑";color:#FFF;text-align: center;} .phone-input .btn-code{background-position:-337px -754px;} .phone-input .btn-code:hover{background-position:-468px -754px;} .phone-input .ac-btn-code{background-position:-519px -633px;} .phone-time{font:12px/28px "微软雅黑";color:#B2B2B2;} .phone-time span{color:#F75B39;} .phone-input .number{font:14px/36px "微软雅黑"} .phone-input img{vertical-align: middle;height: 30px;width: 92px;} .phone-input .replace{color:#B2B2B2;font-size: 12px;} .phone-input .replace a{color:#45B587;} .phone-input .pass-text{width:170px;} /*会员充值*/ .re-main{border:none;width: 1020px;background-color:#F6F8F8;} .main-top{border:1px solid #EAECEC;padding-bottom:22px;margin-bottom:10px;background-color:#FFF;} .re-input{padding:50px 370px 0;font: 14px/36px ""} .re-input li{margin-bottom: 24px;} .re-input li span{float: left;} .input-container{margin-left: 85px;} .input-container span{color:#00c9ff;font-size: 14px;} .input-container strong{font-size: 18px;font-weight: bold;margin-right: 6px;} .input-container input{display: inline-block;height:34px;width: 170px;border:1px solid #BABABA;padding: 0 10px;line-height: 34px;} .main-top .recharge-btn{text-align: center;padding: 36px 0} .main-top .recharge-btn a{display: inline-block;height: 44px;width: 185px;margin: 0 10px;font: 18px/44px "微软雅黑";color:#FFF;} .main-bottom{background-color:#FFF;border:1px solid #EAECEC;} .main-top .recharge-btn a{background-image:url(../images/icon.png);background-repeat:no-repeat;} .main-top .re-zfb{background-position: -0 -470px;} .main-top .re-wx{background-position: -195px -470px;} .main-top .re-zfb:hover{background-position: -0 -524px;} .main-top .re-wx:hover{background-position: -195px -524px;} /*业务订单处理*/ .all-table .mail{display: inline-block;height: 22px;width: 26px;} .all-table .mail{background-image: url(../images/icon.png);background-repeat: no-repeat;} .all-table .mail{background-position: -598px -160px;} /*业务订单代付款*/ .pay-nav-total{float:right;padding: 28px 10px 0;font: 14px/26px "微软雅黑";} .pay-nav-total strong{margin:0 10px;color:#F86647;} .pay-nav-total a{display: inline-block;height: 26px;width: 58px;font: 14px/26px "";color:#FFF;text-align:center;} .all-table table .deng{display: inline-block;height:14px;width: 12px;} .all-table table .deng, .pay-nav-total a{background-image: url(../images/icon.png);background-repeat: no-repeat;} .pay-nav-total a{background-position: -324px 0} .pay-nav-total a:hover{background-position: -392px 0} .all-table table .deng{background-position:-294px -266px;} /*业务订单充值记录*/ .order-ss{float: left;margin-left:20px;} .order-ss a{display: inline-block;height: 32px;width: 100px;font:14px/32px "微软雅黑";color:#fff;text-align: center;} .time-search span, .order-ss a{background-image: url(../images/icon.png);background-repeat: no-repeat;} .order-ss a{background-position: 0 -224px;} .order-ss a:hover {background-position: -110px -224px;} /*业务订单所有订单*/ .all-time {padding: 22px 24px 10px 30px;border-bottom: 1px solid #eee;} .all-search-list{padding: 7px 40px;font: 14px/32px "微软雅黑";border-bottom: 1px solid #EAECEC;} .all-search-list a {margin-left: 18px;display: inline-block;height: 32px;/*width: 62px;*/padding: 0 15px;color: #000;text-align: center;} .all-search-list li {padding: 4px 0;} .time-search {float: left;position: relative;margin-left:14px;height: 34px;width: 251px;border:1px solid #BABABA;} .time-search input{display: inline-block;height: 34px;width:148px;font: 15px/34px "微软雅黑";color:#B2B2B2;padding: 0;outline: none;vertical-align: middle;border:none;float: left;padding:0 10px;} .time-search a{display: inline-block;vertical-align: middle;height: 34px;width: 82px;text-align:center;border-left:1px solid #BABABA;float: right} .time-search span{display: inline-block;height:16px;width: 16px;} .all-table table tr {border-bottom: 1px solid #eee;} .all-search-list .active{background-color:#45B587;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;} .time-search span{background-position:-52px -9px;} .orderMask{position:fixed;width:100%;height:100%;top:0;left:0;} .orderMask .orderMaskDiv{width:100%;height:100%;background: rgba(0,0,0,0.3);} .orderpop{padding-bottom:50px;position:absolute;top:50%;left:50%;width:800px;overflow-x:auto;height:500px;border:1px solid #DADADA;background:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;box-shadow: 0 0 3px #DADADA;margin-left: -400px;margin-top: -250px;} .orderpop p{font-size: 14px;margin-top: 10px;margin-bottom: 10px;position:relative;padding: 0 20px; color:#666;line-height: 36px;margin: 0;} .orderpop p span{margin: 0 20px 0 6px;font-weight: bold;color:#333;} .orderpop p a{display:inline-block;height: 32px;width: 32px;position: absolute;top:-16px;right: -16px;background:url(../images/icon.png);background-position:-511px -921px;background-repeat: no-repeat;} .orderpop p.title{font-size: 16px;font-weight: bold; color: #000;line-height: 36px;margin: 0;background: #eee;} .closeOrderMask a{ border-color: #4898d5;background-color: #2e8ded;color: #fff;padding: 5px 15px;border-radius: 3px;position: absolute;right: 25px;bottom: 10px;color: #fff; height: 28px;line-height: 28px;margin: 0 6px;padding: 0 15px;border: 1px solid #dedede;background-color: #f1f1f1;color: #333;border-radius: 2px;font-weight: 400;cursor: pointer;text-decoration: none;} .orderMask .orderTable{overflow-x: auto;height: 450px;} .orderpop thead{font-size:14px;line-height:36px;background-color:#EDEDED; } .orderpop tbody{font-size:14px;line-height:62px; } .orderpop tbody td{padding: 0 10px;max-width:200px;} .orderpop .applyForA,.orderpop .applyForA:active{color:#66CCFF;} .orderpop .applyForA:disabled{color:#999999;} /*业务信息核对地址*/ .check-address{padding: 30px 30px 28px 68px;} .check-address li{position: relative;font: 15px/38px "微软雅黑";padding-left: 126px;padding-right: 10px;} .check-address .first{border:1px solid #45B587;background-color:#FFF7F5;margin-bottom:15px;} .check-address .first .modify{display: block;} .check-address li:hover{background-color:#FFF7F5;} .check-address li:hover .modify{display: block;} .check-address .info{float: left} .check-address .info span{margin-right: 10px;} .check-address .info .gray{color:#666362;} .check-address .info .radio{display: inline-block;height: 14px;width: 14px;margin-right: 20px;vertical-align: middle;} .check-address .modify{float: right;display: none;} .check-address .modify a{color:#31C386;margin-left:18px;} .check-address .modify a:hover{color:#45B587;} .c-mode-list{font: 14px/44px "微软雅黑";} .c-mode-list .name{float: left;width: 102px;text-align: right;} .c-mode-list .modefr{margin-left: 126px; } .c-mode-list .modefr a{display: inline-block;height: 14px;width: 14px;margin-right: 6px;vertical-align: middle;} .c-mode-list .modefr span{display: inline-block;width: 118px;vertical-align: middle;} .check-address .icon{position:absolute;top:0;left:10px;font: 12px/38px "微软雅黑";color:#45B587;} .check-address .icon span{display: inline-block;height: 19px;width: 14px;margin-right: 10px;vertical-align: middle;} .c-submit{text-align:center;padding: 50px 0} .c-submit a{display: inline-block;height:45px; margin: 0 25px ;font: 18px/45px "微软雅黑";color:#FFF;} .c-submit .ljfk{width: 197px;background-position: 0 -416px;} .c-submit .ljfk:hover{background-position: -207px -416px;} .c-submit .return{width: 157px;background-position: -300px -795px;} .c-submit .return:hover{width: 157px;background-position: -467px -795px;} .c-mode-list .modefr a, .stop span, .check-address .icon span, .check-address .info .radio, .c-submit a, .mode .checked{background-position: -244px -224px;} .check-address .info .radio{background-position:-220px -224px;} .check-address .info .checked{background-position: -244px -224px;} .check-address .icon span{background-position: -624px -765px;} .stop span{background-position: -136px 0} .c-mode-list .modefr a{background-position:-220px -224px;} .c-mode-list .modefr .radio{background-position: -244px -224px;} /*业务信息核对*/ .payment-info{padding-bottom: 50px;} .cart-table .tit,.order-info .tit, .payment .tit{padding: 28px 0 0 20px;font: 18px/30px "微软雅黑";border-bottom:2px solid #EEE;} .check-mode{padding: 100px 0 94px 146px;} .check-mode .zfb,.check-mode .wx,.check-mode .ye{float:left;margin-right:170px;} .ye span{font: 18px/35px "微软雅黑";vertical-align: middle;} .ye strong{color:#45B587;} .zfb img, .wx img {vertical-align: middle;} .check-table table tr{border-bottom:1px solid #EEE;} .check-table table .radio{height: 15px;width: 15px;display: inline-block;} .totalfr{float: right;border-top:none;font: 14px/78px "微软雅黑";padding: 0 40px;border-left:1px solid #EEE;border-bottom:1px solid #EEE;} .totalfr span{margin: 0 40px 0 18px;font-weight: bold;color:#45B587;} .totalfr strong{font-weight: bold;color:#45B587; margin: 0 10px;display:inline-block;} .check-submit{text-align:center;padding: 50px 0} .check-submit a{display: inline-block;height:45px; margin: 0 25px ;font: 18px/45px "微软雅黑";color:#FFF;} .check-submit .ljfk{width: 197px;background-position: 0 -416px;} .check-submit .ljfk:hover{background-position: -207px -416px;} .check-submit .return{width: 157px;background-position: -300px -795px;} .check-submit .return:hover{width: 157px;background-position: -467px -795px;} .check-submit a, .check-table table .radio{background-position: -274px -392px;} .check-mode .checked{background-position: -244px -224px;} .check-table table .checked{background-position:-299px -392px;} .check-mode .zfb a, .check-mode .wx a, .check-mode .ye a, .check-submit a, table .radio{background-image: url(../images/icon.png);background-repeat: no-repeat;} .check-mode .zfb a, .check-mode .wx a, .check-mode .ye a{display:inline-block;height:14px;width:14px;margin-right:20px;vertical-align:middle;} .check-mode .checked{background-position:-244px -224px;} .check-padd{padding:40px 130px 20px;} .check-padd li{float:left;width:50%;margin-bottom:20px} .check-padd li span{display:inline-block;font:14px/36px "微软雅黑";width:100px;text-align:right } .check-padd li input{display:inline-block;height:34px;width:170px;border:1px solid #BABABA;padding:0 10px;line-height:34px;box-sizing:content-box} .width190{width:190px;} .common-table table th .radio, .common-table table td .radio{display:inline-block;height:16px;width:15px;} .common-table table th .radio, .common-table table td .radio{background-position:-274px -392px} .common-table table th .checked, .common-table table td .checked{background-position:-299px -392px} /*消息中心系统通知*/ .new-notice{border-bottom:1px solid #E6E6E6;} .notice-nav{padding-top:20px;float: left;} .notice-nav a{display: inline-block;font:18px/58px "微软雅黑";padding:0 48px;color:#000;position:relative;} .notice-nav strong{color:#00c9ff;margin-left:6px;} .notice-nav span{height:2px;width:100%;background-color:#45B587;position:absolute;bottom:-2px;display: none;left:0;} .notice-nav .active{color:#00c9ff;} .notice-nav .active span{display:block;} .notice-search{float: right;padding:21px 24px 21px 0;} .notice-search input{display:inline-block;height:34px;width:208px;border:1px solid #BABABA;padding: 0 10px;font:15px/34px "";color:#B2B2B2;margin-right: 20px;vertical-align: middle;} .notice-search a{display:inline-block;height:32px;width:100px;vertical-align: middle;font:14px/32px "微软雅黑";color:#FFF;text-align:center;} .new-list{padding-left:55px;padding-bottom:40px;} .list-item{padding-top:18px;padding-bottom: 4px;padding:18px 20px 4px 0;border-bottom:1px solid #F3F3F3;} .list-item-fl{position:relative;float: left} .list-item-fl h3{font:18px/35px "微软雅黑";} .list-item-fl p{font:14px/31px "微软雅黑";} .list-item-fl h3 span{display: inline-block;height: 18px;width:22px;vertical-align: middle;margin-left: 10px;display: none;} .list-item-fl .show{color:#00c9ff;} .list-item-fl .show span{display: inline-block} .list-item-fl p span{margin-right: 60px;} .list-item-fl .radio{position:absolute;top:10px;left:-36px;height:15px;width: 15px;} .list-item-fr{float: right;text-align:center;} .list-item-fr h3{font:10px/30px "";} .list-item-fr a{font:14px/32px "";color:#45B587;} .flipPadding{padding:2px 0 20px;} .list-item-fl .radio, .list-item-fl h3 span, .notice-search a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .notice-search a{background-position: -328px -206px;} .notice-search a:hover{background-position: -328px -248px;} .list-item-fl h3 span{background-position: -197px 0} .list-item-fl .radio{background-position:-274px -392px; } .list-item-fl .checked{background-position:-299px -392px; } /*会员注册*/ .mem-item{padding-top:30px;font:14px/36px "微软雅黑";color:#4F4E4E;} .mem-item li{margin-bottom:14px;} .mem-item li span{width:315px;display:inline-block;text-align:right;float:left;} .mem-item li .form-f{margin-left:349px;} .mem-item li .form-f input{height:34px;width:170px;padding:0 10px;border:1px solid #BABABA;color:#4F4E4E;line-height: 34px;} .mem-item li .radio a{display:inline-block;height:14px;width:14px;margin-right:10px;vertical-align: middle} .mem-item li .sediv{height:34px;width:190px;border:1px solid #BABABA;font:14px/34px "微软雅黑";color:#1A1A1A;position:relative;} .mem-item li .sediv p{padding-left:14px;cursor: pointer;} .mem-item li .sediv span{height:7px;width:12px;position:absolute;right:8px;top:14px;} .mem-item li .sediv dl{position:absolute;top:34px;left:-1px;width:100%;border:1px solid #BABABA;background-color:#FFFFFF;display: none;} .mem-item li .sediv dd{padding-left:13px;position:relative;cursor: pointer;} .mem-item li .sediv dd span{width:16px;height:10px;display: none;} .mem-item li .sediv .active{background-color:#EEEEEE;color:#45B587;} .mem-item li .sediv .active span{display:block;} .mem-item li .file{position:relative ;height:144px;width:148px;border:1px solid #BABABA;background-color:#FAFAFA;} .mem-item li .file input, .mem-item li .file a{position: absolute;bottom:0;left:0;width:100%;height:46px;text-align:center;font:18px/46px "微软雅黑";color:#605F5F;border-top:1px solid #BABABA;} .mem-item li .file input{padding:0;opacity:0;z-index:10;cursor: pointer;filter:alpha(opacity:0)} .mem-item li .file .file-list{position:absolute;left:158px;bottom:0;width: 500px;font:14px/18px "微软雅黑";color:#4F4E4E;} .mem-item li .file .file-list strong{color:#45B587;} .mem-item li .clause{padding-left:162px;} .mem-item li .clause h3 a{display:inline-block;height:15px;width:15px; vertical-align: middle;margin-right:10px;margin-bottom:5px;} .mem-item li .clause h3 strong{color:#45B587;margin-left:18px;cursor: pointer;} .mem-item li .clause h3 em{display: inline-block;height:5px;width:10px;vertical-align: middle;margin-left:6px;} .mem-item li .clause-list a{color:#45B587;} .mem-item li .btn{text-align:center;} .mem-item li .btn a{display:inline-block;height:45px;width:247px;font:16px/45px "微软雅黑";color:#FFF;} .mem-notice, .file-pop{position:fixed;top:0;left:0;height:100%;width:100%;display:none;z-index:11;} .file-pop .pop{position:absolute;top:50%;left:50%;width:596px;height:464px;border:1px solid #BABABA;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin-left:-298px;margin-top:-232px;background-color:#FFF;overflow:hidden;} .mem-notice .title, .file-pop .title{font:14px/32px "微软雅黑";color:#101010;padding-left:16px;background-color:#F3F3F3;border-bottom:1px solid #BABABA;border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;overflow:hidden;} .mem-notice .title a, .file-pop .title a{float:right;height:16px;width:16px;margin:8px 16px 0 0;} .file-pop .img-box{padding:32px 26px 0;} .file-pop .img-box img{height:350px;} .mem-notice .pop{position:absolute;top:50%;left:50%;height:745px;width:798px;border:1px solid #BABABA;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin-left:-399px;margin-top:-372px;background-color:#FFF;overflow:hidden;} .notice-hide{height:656px;overflow-y:auto;padding:28px 50px;font:14px/20px "微软雅黑";color:#595959;} .notice-hide ul{margin-bottom:20px;} .notice-hide p{text-align:right;} .notice-hide span{display:inline-block;font:14px/20px "";height:10px} .mem-item li .btn a, .mem-notice .title a, .file-pop .title a, .mem-item li .clause h3 a, .mem-item li .clause h3 em, .mem-item li .sediv dd span, .mem-item li .sediv span, .mem-item li .radio a{background-image:url(../images/icon.png);background-repeat:no-repeat;} .mem-item li .btn a{background-position:0 -34px;} .mem-notice .title a, .file-pop .title a{background-position:-18px 0;} .mem-item li .sediv dd span{background-position:-294px -296px;} .mem-item li .sediv span{background-position:-220px -248px;} .mem-item li .radio a{background-position:-220px -224px; } .mem-item li .radio .active{background-position:-244px -224px;} .mem-item li .clause h3 em{background-position:-136px 0;} .mem-item li .clause h3 .show{background-position:-116px 0;} .mem-item li .clause h3 a{background-position:-274px -392px;} .mem-item li .clause h3 .active{background-position:-299px -392px;} .mem-item li .btn a:hover{background-position:0 -89px;} /*用户协议*/ .agreement{padding:40px;font-family: "微软雅黑";} .agreement h3{border-bottom:2px solid #45B587;color:#11b371;font-size: 18px;line-height: 40px;font-weight:bold;} .agcont{padding: 40px 80px;} .agcont p{font-size: 16px;line-height: 30px;margin:15px 0;} .agcont .line{height: 20px;border-top:1px dashed #333;} /*引导页*/ .guide{padding: 70px 276px 128px ;background-color:#FFF;font-family: "微软雅黑";margin-bottom:20px;} .guide h3{font-size:30px;line-height:70px;font-weight:bold; color:#428c5b;} .guide p{font-size:16px;line-height:24px;} .guidebtn{margin-top:40px;text-align:center;} .guidebtn a{display:inline-block;height:48px;width: 200px;margin:0 30px;font-size: 18px;line-height:48px;color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;} .guidebtn .joincku{background-color:#36B07D;} .guidebtn .joincku:hover{background-color:#31C386;} .guidebtn .verification{background-color:#3A99BD;} .guidebtn .verification:hover{background-color:#3da6ce;} /*犬舍注册*/ .ken-item{padding:34px 0 0; } .ken-item li{font:14px/36px "微软雅黑";color:#4F4E4E;margin-bottom:14px;} .ken-item li span{float:left;width:442px;text-align:right;margin-right:20px;} .ken-item .radio a{display:inline-block;height:14px;width:14px;vertical-align: middle;margin-right:10px;} .ken-item li input{height:34px;width:170px;border:1px solid #BABABA;padding:0 10px;} .clause{margin-left:340px;font: 14px/36px "微软雅黑";color: #4F4E4E;} .clause h3 a {display: inline-block;height: 15px;width: 15px;vertical-align: middle;margin-right: 10px;margin-bottom: 5px;} .clause h3 strong {color: #45B587;margin-left: 18px;cursor: pointer;} .clause h3 em {display: inline-block;height: 5px;width: 10px;vertical-align: middle;margin-left: 6px;} .clause-list {width: 600px;border-top: 1px solid #BABABA;padding: 0 50px;display: none; } .clause-list dd {position: relative;font: 14px/36px "微软雅黑";color: #4F4E4E;padding-left:10px;} .clause-list .spot {position: absolute;top: 15px;left: 0;height: 5px;width: 5px;background-color: #000;color: #4F4E4E;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;} .clause-list dd strong{color:#45B587;} .clause-btn{text-align:center;margin-top:30px;margin-bottom:52px;} .clause-btn a{display:inline-block;height:44px;width:247px;font:16px/44px "微软雅黑";color:#FFF;} .clause-btn a, .clause h3 em, .clause h3 a, .ken-item .radio a{background-image:url(../images/\icon.png);background-repeat:no-repeat;} .ken-item .radio a{background-position:-220px -224px;} .ken-item .radio .active{background-position:-244px -224px;} .clause h3 a {background-position: -274px -392px;} .clause h3 .active {background-position: -299px -392px;} .clause h3 em{background-position: -136px 0;} .clause h3 .show{background-position: -116px 0;} .clause-btn a{background-position:0 -34px;} .clause-btn a:hover{background-position:0 -89px;} /*我的犬舍*/ .ken-mask{height:100%;width:100%;position:fixed;top:0;left:0;} .ken-pop{position:absolute;top:50%;left:50%;height:408px;width:648px;margin-left:-324px;margin-top:-204px;background-color:#FFF;border:1px solid #BABABA;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;} .pop-mian{padding-top:23px;} .pop-mian li{font:14px/36px "微软雅黑";color:#4F4E4E;} .pop-mian li label{float:left;width:247px;margin-right:20px;text-align:right;} .pop-mian li input{height:34px;line-height:34px;border:1px solid #BABABA;padding:0 10px;} .pop-mian li .mb{margin-bottom:14px;} .pop-mian .btn{text-align:center;padding-top:16px;} .pop-mian .btn a{display:inline-block;height:30px;width:62px;margin:0 5px;font:14px/30px "微软雅黑";color:#FFF;} .ken-pop .tit a, .pop-mian .btn a{background-image:url(../images/icon.png);background-repeat:no-repeat;} .pop-mian .btn .confirm{background-position:0 -144px;} .pop-mian .btn .close{background-position:-72px -144px;} .pop-mian .btn .confirm:hover{background-position:0 -184px;} .pop-mian .btn .close:hover{background-position:-72px -184px;} .ken-pop .tit a{background-position: -18px 0;} .ken-pop .tit {font: 14px/32px "微软雅黑";color: #181818;padding-left: 15px;text-align: left;border-bottom: 1px solid #BABABA;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;} .ken-pop .tit a {float: right;height: 16px;width: 16px;margin: 8px 16px 8px 0;} /*会员信息管理*/ .by-item{padding:66px 0 0 160px;min-height:334px;} .item-name{float:left;width:450px;} .item-name ul,.item-phone ul{padding-left:14px;} .item-phone{margin-left:450px;} .item-name,.item-phone{position:relative;} .item-name .border,.item-phone .border{height:18px;width:4px;overflow:hidden;position:absolute;top:4px;left:0;background-color:#45B587;} .item-name li,.item-phone li{font:14px/26px "微软雅黑";color:#4F4E4E;margin-bottom: 8px;} .item-phone li a{display:inline-block;height:26px;width:46px;vertical-align: middle;margin-left: 20px;font:14px/26px "微软雅黑";color:#FFF;text-align:center;} .item-phone li .upgrade{background-position:-144px -144px;} .item-phone li .fee{background-position:-144px -144px;} .item-phone li .upgrade:hover{background-position:-200px -144px;} .item-phone li .fee:hover{background-position:-200px -144px;} .by-mask{height:298px;width:298px; border:1px solid #BABABA;position: absolute;top:50%;left:50%;margin-left:-149px;margin-top:-149px;background-color:#FFF;display:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .by-mask .tit{font:14px/32px "微软雅黑";color:#181818;padding-left:15px;border-bottom:1px solid #BABABA;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .by-mask .tit a{float:right;height:16px;width:16px;margin:8px 16px 8px 0;} .by-mask ul{padding:34px 0 0 82px;font:14px/34px "微软雅黑";} .by-mask ul em{display:inline-block;height:9px;width:8px;overflow:hidden;margin:0 8px;} .by-mask ul a{display:inline-block;height:30px;width:62px;margin:20px 10px 0 0;font:14px/30px "微软雅黑";color:#FFF;text-align:center;} .by-mask ul .close:hover{background-position:-72px -184px;} .by-mask ul .confirm:hover{background-position:-0 -184px;} .by-mask ul .confirm, .by-mask ul .close, .by-mask ul em, .by-mask .tit a, .item-phone li a{background-image:url(../images/icon.png);background-repeat:no-repeat;} .by-mask ul .confirm{background-position:0 -144px;} .by-mask ul .close{background-position:-72px -144px;} .by-mask ul em{background-position:0 0;} .by-mask .tit a{background-position:-18px 0;} /*管理收货地址*/ .ad-modify-form {padding: 0 0 18px;font: 14px/36px "微软雅黑";} .ad-modify-form li {margin-bottom: 16px;} .ad-modify-form .name {float: left;width: 296px;text-align: right;} .ad-modify-form .name em {vertical-align: middle;display: inline-block;height: 4px;width: 6px;overflow: hidden;margin-right: 5px;} .ad-modify-form .formfr {margin-left: 316px;} .ad-modify-form .name .yellow {color: #45B587;} .later {border-top: 1px solid #BABABA;font: 13px/36px "微软雅黑";color: #D2D2D2;} .later a {margin: 0 20px 0 6px;color: #4B4A4A;} .ad-btn {text-align: center;} .ad-btn a {display: inline-block;height: 45px;width: 247px;color: #FFF;font: 18px/45px "微软雅黑";} .ad-modify-form .tit{font: 18px/30px "微软雅黑";padding:30px 0 0 20px;border-bottom:1px solid #EEE;} .have .tit{padding: 18px 0 0 20px;border-bottom: 1px solid #EEE; font: 18px/30px "微软雅黑";} .have-list{padding: 14px 0 30px 20px;font: 18px/30px "微软雅黑";} .have-list h3{font:14px/32px "微软雅黑";color:#45B587;} .have-list li{float: left;height: 64px;width: 192px;border:1px solid #EBEBEB;margin: 0 14px 20px 0;position: relative;padding: 16px 20px 22px;} .have-list h4{font: 14px/22px "微软雅黑";} .have-list p{font: 12px/16px "微软雅黑";margin-top:12px;} .have-list .sj{position: absolute;bottom:0;right: 0;height: 26px;width: 26px;display: none;} .have-list .button{position: absolute;top: 6px;right: 6px;display: none;} .have-list .button a{display: inline-block;height: 15px;width: 15px;vertical-align: middle;margin-left:8px;} .have-list .show{border-color:#45B587;color:#45B587;} .have-list .show .sj{display: block} .have-list .show .button{display: block} .ad-modify-form .nameWidth{width: 160px;} .ad-modify-form .formfrM{margin-left:180px;} .padding{padding-top:18px;} .modify-tit a,.have-list .button a,.have-list .sj,.ad-btn a{background-image: url(../images/icon.png);background-repeat: no-repeat;} .ad-modify-form .name em {background-position: -116px -15px;} .ad-btn a {background-position: 0 -34px;} .ad-btn a:hover {background-position: 0 -89px;} .have-list .sj{background-position: -454px -317px;} .have-list .button .delete{background-position: -460px -375px;} .have-list .button .edit{background-position:-460px -350px;} .have-list li:hover{border-color:#45B587;color:#45B587;} .have-list li:hover .sj{display: block} .have-list li:hover .button{display: block} .modify-tit a {background-position: -18px 0;} /*购物车*/ .cart-table table{width:100%;text-align:center;} .cart-table tr{border-bottom:1px solid #EAECEC;} .cart-table thead{font: 16px/42px "微软雅黑";color:#343434;} .cart-table tbody td{padding:20px 0;} .cart-table .checkbox{display:inline-block;height:15px;width:15px;vertical-align: middle;margin-right:14px;} .cart-table img{vertical-align: middle} .cart-table .number{border:1px solid #AAA;display: inline-block;} .cart-table .number a{display:inline-block;height:24px;width:24px;font:16px/24px "";color:#B7B7B7;vertical-align: middle;background-color:#F0F0F0;} .cart-table .number strong{font: 12px/24px "";color:#191919;display:inline-block;width:39px;border-left:1px solid #AAAAAA;border-right:1px solid #AAA;} .cart-table .width{width:300px;} .cart-table .yellow{color:#F86647;} .cart-table .bold{font-weight:bold;} .billing{background-color:#F6F8F8;} .billing-fl{float:left;font:12px/38px "微软雅黑";padding-left:7px;} .billing-fl a{display:inline-block;vertical-align: middle;} .billing-fl .checkbox{margin:0 4px;} .billing-fl span{vertical-align: middle;margin-right:30px;} .billing-fl .delete{color:#171717;} .billing-fr{float:right;} .billing-fr-yx,.billing-fr-hj,.billing-fr-js{float:left;font:12px/40px "微软雅黑";color:#343434;} .billing-fr-yx{margin-right: 36px;} .billing-fr-hj strong{color:#45B587;margin:0 10px;} .billing-fr-hj strong em{font-size:8px;} .billing-fr-hj strong span{font:14px/40px "微软雅黑";} .billing-fr-js a{display:block;height:40px;width:104px;text-align:center;color:#FFF;} .shop-banner .tit{padding-top:12px;border-bottom:2px solid #E6E6E6;} .shop-banner .tit h3{width:124px;padding-left:20px;font: 18px/58px "微软雅黑" ;color:#191919;border-bottom:2px solid #45B587;margin-bottom:-2px;} .banner-main{padding:20px 41px 0;position:relative;} .swiper-slide ul{margin-right:-40px;margin-bottom:84px;} .swiper-slide li{float:left;width:202px;margin-right:40px;box-shadow: 0 0 9px #EBEBEB;padding:1px;} .swiper-slide li:hover{border:1px solid #45B587;padding: 0;border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;overflow: hidden} .discount h3{font: 16px/38px "微软雅黑";text-align: left;} .discuntbox{text-align:left;} .discuntbox .hover{display: inline-block;height: 22px;width: 58px;color:#FFF;text-align:center;font: 14px/22px "微软雅黑";margin-right: 10px;vertical-align: middle;} .discount{margin-top:22px;position: relative;padding-left:146px;height: 64px} .discount img{position: absolute;left:40px;top:-20px;} .discuntbox .icon{display: inline-block;height: 9px;width: 7px;margin-left:2px;} .discuntbox .man{font: 14px/22px "微软雅黑";color:#45B587;} .discountpop{position: absolute;top:72px;left:0;border:1px solid #EEE;width: 100%;background-color:#FFF;} .relative{position: relative;height: 100%;width: 100%;} .discountpop .sj,.discountpop .sj1{position: absolute;left: 18px;height: 0;width: 0;overflow:hidden;border-width: 10px;border-style: dashed dashed solid dashed;} .discountpop .sj{top:-19px;border-color:transparent transparent #EEE transparent;} .discountpop .sj1{top:-18px;border-color:transparent transparent #FFF transparent;} .discountpop .set{padding: 0 20px;text-align:left;} .discountpop .set img{height:30px;width: 30px; margin-right: 10px;vertical-align: middle} .discountpop .set li{font: 14px/30px "微软雅黑";border-bottom:1px dashed #EEE;padding: 10px 0;vertical-align: middle; } .discountpop .set li em{float: right} .sethover{cursor: pointer;} .sethover:hover{background-color:#F0F0F0;} .zp{display: inline-block;height: 18px;width: 40px;border:1px solid #45B587;font: 12px/18px "微软雅黑";color:#45B587;} .shop-img{text-align:left;} .shop-img img{height: 30px;width: 30px;vertical-align: middle;margin-right: 10px;} .shop-img span{vertical-align: middle;font: 14px/30px "微软雅黑";} .one{font-size: 12px;} .discountpop .set .last{border:none;} .discuntbox .icon, .discuntbox .hover, .swiper-cont p a, .billing-fr-js a, .cart-table .checkbox{background-image:url(../images/icon.png);background-repeat:no-repeat;} .cart-table .checkbox{background-position:-274px -392px;} .cart-table .checked{background-position: -299px -392px;} .billing-fr-js a{background-position: -258px -34px;} .billing-fr-js a:hover{background-position: -258px -84px;} .swiper-cont p a{background-position: -257px -134px;} .swiper-cont p a:hover{background-position: -257px -170px;} .discuntbox .hover{background-position:-336px -730px;} .discuntbox .icon{background-position:-464px -333px;} .bor{border-left: 1px dashed #EAECEC} .kd{font: 14px/34px "微软雅黑";} .order-info{border-bottom:1px solid #eee;} .order-info-cont{padding: 0 0 22px 40px} .order-list{padding: 20px 0;font:14px/34px "微软雅黑";position:relative;} .order-list em{display: inline-block;width: 95px} .order-list li{float: left;} .order-list .code{display: inline-block;width:270px;} .order-list .zfff{display: inline-block;width:174px; } .countdown{position: absolute;right:20px;top:20px;height: 44px;width: 194px;background-image: url(../images/icon.png);background-repeat:no-repeat;background-position: -257px -921px;padding-left: 50px;font:20px/44px "微软雅黑";color:#45B587;} .paying{margin:20px 0;} /*商品详情*/ .details{padding: 40px 0 22px 30px;} .detailsfl{float:left;width: 468px;} .detailsimg{height: 280px;width: 468px;margin-bottom:14px;} .details-menu img, .detailsimg img{height: 100%;width: 100%;} .details-menu{height: 80px;width: 468px;overflow: hidden;position: relative} .details-menu ul{position: absolute;top:0;left:0;height: 80px;width: 10000px} .details-menu li{float: left;height: 78px;width: 112px;margin-right: 4px;padding: 1px;} .details-menu .active{border:1px solid red;padding: 0} .details-menu .right, .details-menu .left{position: absolute;height: 20px;width: 13px;top: 50%;margin-top: -10px;z-index:2;} .details-menu .left{left: 4px;} .details-menu .right{right: 4px;} .detailsfr{float: right;width: 452px;padding-right: 38px;} .detailsfr dl{border-bottom:1px dashed #EEE;} .detailsfr dt{font: 20px/40px "微软雅黑";margin-bottom:24px;} .detailsfr dd{margin-bottom:24px;} .detailsfr .name{float: left;font: 14px/30px "微软雅黑";} .detailsfr .shop-money{color:#45B587;} .shop-money span{font: bold 18px/30px "微软雅黑";} .shop-money strong{font: bold 22px/30px "Arial";} .dscount{float: left;padding:2.5px 0} .dscount span{height: 23px;padding: 0 6px;font: 14px/23px "";display: inline-block;margin: 1px} .dscount span:hover{border:1px solid #45B587;margin: 0;color:#45B587;} .sp-number{float: left;position:relative;} .sp-number input{height: 29px;width: 31px;border:1px solid #BABABA;text-align:center;font: 14px/29px "";padding: 0 5px;margin-right: 32px;} .sp-number a{position: absolute;left: 47px;height: 12px;width: 16px;border:1px solid #BABABA;} .sp-number .up{top:0;background-position: -588px -612px;} .sp-number .down{bottom:0;background-position: -613px -612px;} .sp-number span{font-size: 14px;} .postage{float: left;padding: 5px 0} .postage span{height: 18px;padding: 0 6px;display: inline-block;font: 10px/18px "";margin: 1px;} .postage span:hover{border:1px solid #45B587;margin: 0;color:#45B587;} .join{padding: 24px 0 24px 66px;border-bottom:1px dashed #EEE;} .join .submit{text-align:center;float: left;} .join .submit a{display: inline-block;height: 36px;width: 140px;font: 14px/36px "";color:#FFF;} .online{float:left;} .online a, .online span{font: 14px/36px "";margin-left:24px;color:#333;} .online .phone, .online .qq{display: inline-block;height: 17px;width: 16px;vertical-align: middle;margin-right: 4px;} .shop-title{font: 18px/58px "微软雅黑";border-bottom:1px solid #EEE;} .shop-title h3{width: 124px;border-bottom:2px solid #45B587;margin-bottom:-2px;padding-left:20px;} .recommend-box{padding: 18px 41px 0 ;} .banner{width:100%;height: 330px;} .swiper-container {width: 100%;height: 100%;} .swiper-slide {text-align: center;font-size: 18px;background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-slide ul {margin-right: -40px;margin-bottom: 62px;} .swiper-slide li {float: left;width: 202px;margin-right: 40px;box-shadow: 0 0 9px #EBEBEB;padding: 1px;} .swiper-slide li:hover{padding: 0;border:1px solid #45B587;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;overflow:hidden;} .swiper-cont .shop-money {float: left;} .swiper-cont p a {display: inline-block;height: 26px;width: 169px;font: 14px/26px "微软雅黑";color: #FFF;text-align: center;margin-top: 8px;} .banner .swiper-container .posbottom{bottom:22px;} .detail-box{padding: 18px 64px 26px;font:14px/20px "微软雅黑";color:#838383;} .detail-box h3{font: 16px/60px "微软雅黑"} .detail-box p{margin-bottom:20px;} .detail-box .yellow{color:#45B587;} .online .phone, .online .qq, .join .submit a, .sp-number a, .details-menu .right, .details-menu .left{background-image: url(../images/icon.png);background-repeat:no-repeat;} .details-menu .left{background-position:-590px -579px;} .details-menu .right{background-position:-612px -579px;} .car-cont .to-total a:hover {background-position: -371px -74px;} .join .submit a{background-position: 0 -798px;} .join .submit a:hover{background-position: -150px -798px;} .online .qq{background-position:-598px -738px;} .online .phone{background-position:-624px -738px;} .online .show{color:#45B587;} .online .show .qq{background-position: -598px -765px;} /*购物车结算*/ .shop-confirm {border-bottom:1px solid #EEE;padding: 30px 30px 0 20px;} .shop-confirm h3{font: 18px/30px "微软雅黑";float: left;} .shop-confirm a{float: right;font: 14px/32px "微软雅黑";color:#38B27F;} .set-address{padding: 30px 30px 28px 68px;} .set-address li{position: relative;font: 15px/38px "微软雅黑";padding-left: 126px;padding-right: 10px;} .set-address .first{border:1px solid #45B587;background-color:#FFF7F5;margin-bottom:15px;} .set-address .first .modify{display: block;} .set-address li:hover{background-color:#FFF7F5;} .set-address li:hover .modify{display: block;} .set-address .info{float: left} .set-address .info span{margin-right: 10px;} .set-address .info .gray{color:#666362;} .set-address .info .radio{display: inline-block;height: 14px;width: 14px;margin-right: 20px;vertical-align: middle;} .set-address .modify{float: right;display: none;} .set-address .modify a{color:#31C386;margin-left:18px;} .set-address .modify a:hover{color:#45B587;} .stop{padding-left: 126px;font: 14px/38px "微软雅黑";} .stop a{color:#45B587;} .stop span{display: inline-block;height: 5px;width: 10px;vertical-align: middle;margin-left: 4px;} .set-address .icon{position:absolute;top:0;left:10px;font: 12px/38px "微软雅黑";color:#45B587;} .set-address .icon span{display: inline-block;height: 19px;width: 14px;margin-right: 10px;vertical-align: middle;} .order .tit{font: 18px/30px "微软雅黑";padding-left:20px;border-bottom:2px solid #EEE;} .set-table table tr{border-bottom:1px solid #EEE;} .set-table thead{font: 16px/56px "微软雅黑";} .set-table tbody{font:14px/48px "微软雅黑"; } .set-table tbody td{padding: 20px 0} .set-table tbody .yellow{color:#45B587;} .set-table tbody .green{color:#45B587;} .set-table table .radio{height: 15px;width: 15px;display: inline-block;} .set-table tbody img{height:82px;width: 82px;display: inline-block;vertical-align: middle;} .set-mode{border-bottom:1px solid #EEE;} .mode-main{padding: 10px 60px 10px 442px;font: 16px/36px "微软雅黑";} .mode-main .set-money{float: right;color:#45B587;} .set-total{padding: 30px 30px 50px 0;} .totalbox{float: right;} .totalbor{width: 398px;border:1px solid #45B587;text-align:right;padding: 20px 40px 10px 0;font: 14px/ 34px "微软雅黑";} .totalbor .name{font-size:16px;font-weight:bold;margin-right: 14px;} .totalbor strong{font-size: 20px;font-weight:bold;color:#45B587;} .totalbtn{text-align:right;} .totalbtn .submit{display: inline-block;height: 45px;width: 197px;font: 18px/45px "微软雅黑";color:#FFF;text-align: center;} .totalbtn span{margin-right: 62px;font: 16px/ 45px "微软雅黑";} .totalbtn span a{color:#808080;} .totalbtn span em{display: inline-block;height: 15px;width: 17px;vertical-align: middle;margin-right: 6px;} .setbox .setdl .active span, .setbox p span, .set-btn a, .radio a, .modify-form .name em, .modify-tit a, .totalbtn span em, .totalbtn .submit, .mode-list .modefr a, .stop span, .set-address .icon span, .set-address .info .radio, .set-table table .radio, .zfb a,.wx a,.ye a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .zfb a,.wx a,.ye a{background-position:-220px -224px;} .set-mode .checked{background-position: -244px -224px;} .set-table table .radio{background-position: -274px -392px;} .set-table table .checked{background-position:-299px -392px;} .set-address .info .radio{background-position:-220px -224px;} .set-address .info .checked{background-position: -244px -224px;} .set-address .icon span{background-position: -624px -765px;} .stop span{background-position: -136px 0} .mode-list .modefr a{background-position:-220px -224px;} .mode-list .modefr .radio{background-position: -244px -224px;} .totalbtn .submit{background-position:0 -416px;} .totalbtn span em{background-position:-404px -733px;} .modify-tit a{background-position: -18px 0} .modify-form .name em{background-position:-116px -15px;} .radio a{background-position:-274px -395px;} .radio .checked{background-position:-324px -395px;} .set-btn a{background-position: 0 -34px;} .set-btn a:hover{background-position: 0 -89px;} .setbox p span{background-position: -220px -248px;} .setbox .setdl .active span{background-position:-294px -296px;} .modify-pop{position: fixed;height: 100%;width: 100%;top: 0;left: 0;z-index: 100} .modify-box{height: 628px;width: 748px;border:1px solid #BABABA;position: absolute;top:50%;left:50%;margin-top:-314px;margin-left:-374px;background-color:#FFF;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;} .modify-tit{font: 14px/32px "微软雅黑";padding: 0 16px 0 14px;border-bottom:1px solid #BABABA;border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;-ms-border-radius: 0 0 4px 4px;-o-border-radius: 0 0 4px 4px;} .modify-tit a{float: right;height: 16px;width: 16px;margin-top: 8px;} .modify-form{padding:18px 0 54px;font: 14px/36px "微软雅黑";} .modify-form li{margin-bottom:16px;} .modify-form .name{float: left;width: 160px;text-align: right;} .modify-form .name .yellow{color:#45B587;} .modify-form .name span{vertical-align: middle;} .modify-form .name em{vertical-align: middle;display: inline-block;height: 4px;width: 6px;overflow:hidden;margin-right: 5px;} .modify-form .formfr{margin-left: 180px;} .setbox{float: left;position: relative;height: 34px;border:1px solid #BABABA;margin-right: 20px;} .formfr .setWidth{width: 108px;} .formfr .setWidth1{width: 348px;} .setbox .setdl a, .setbox p a{display: block;height: 100%;padding: 0 14px;color:#000;position: relative;} .setbox p span{position: absolute;top:14px;right: 9px;height: 7px;width: 13px;} .formfr .setWidth dl{position: absolute;top:34px;width: 100%;left:-1px;border:1px solid #BABABA;border-bottom:none;background-color:#FFF;} .formfr .setWidth .setdl dd{border-bottom:1px solid #BABABA;} .formfr .setWidth .setdl .active{color:#45B587;background-color:#EEE;} .formfr .setWidth .setdl .active span{position: absolute;top:12px;right: 6px;height: 10px;width: 16px;} .formfr .setWidth .setdl a:hover{color:#45B587;background-color:#EEE;} .setTab{position: absolute;top:34px;left:-1px;width: 100%;border:1px solid #BABABA;background-color:#FFF;} .setTabnav{padding:12px 12px 0;border-bottom:1px solid #45B587;} .setTabnav a{display:block;height: 23px;float: left;width: 58px;border:1px solid #45B587;font: 14px/23px "微软雅黑";color:#5D5A5A;background-color:#FEF2F0;margin: 0 10px;text-align:center;vertical-align: middle;margin-bottom: -1px;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;} .setTabnav .active{border-bottom:1px solid #FFF;background-color:#FFF;color:#45B587;} .tabsetDiv{padding: 10px 10px 8px;} .tabsetDiv li{margin:0;float: left;width: 33.33%;text-align:center;height: 28px;} .tabsetDiv li a{color:#4B4A4A;display: inline-block;padding: 0 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;vertical-align: top;font: 14px/24px "微软雅黑";} .tabsetDiv li a:hover{background-color:#45B587;color:#FFF;} .tabsetDiv li .active{background-color:#45B587;color:#FFF;} .setlist{display: none} .setlist dt{float: left;font: 10px/24px "微软雅黑";} .setlist dd{margin-left:34px;font-size: 0} .setlist dd a{float: left;width: 54px;height: 24px;font: 14px/24px "微软雅黑";color:#4B4A4A; vertical-align: top;text-align:center;margin-right: 3px;margin-bottom:3px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;} .setlist dd a:hover{background-color:#45B587;color:#FFF;} .setlist dd .active{background-color:#45B587;color:#FFF;} .show{display: block;} .later{border-top:1px solid #BABABA;font: 13px/36px "微软雅黑"; color:#D2D2D2;} .later a{margin: 0 20px 0 6px;color:#4B4A4A;} .text input{height: 34px;width: 170px;border:1px solid #BABABA;padding: 0 10px;outline: none;line-height: 34px;} .textarea textarea{height: 58px;width: 458px;border:1px solid #bababa;outline: none;padding: 10px;resize:none;display: block} .radio a{display: inline-block;height: 12px;width: 12px;margin-right: 6px;vertical-align: middle;} .set-btn{text-align:center;} .set-btn a{display: inline-block;height: 45px;width: 247px;color:#FFF;font: 18px/45px "微软雅黑";} /*商城所有订单*/ .shop-time{padding:22px 24px 10px 30px;border-bottom:1px solid #eee;} .time-set{float:left;height:34px;width:142px;border:1px solid #BABABA;position:relative;font:14px/34px "微软雅黑";color:#1A1A1A;background-color:#FFF;} .time-set p{padding-left:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .time-set .pop em, .time-set p em{position:absolute;right:9px;top:14px;width:12px;height:7px; } .time-set .pop em{width:16px;height:10px; top:10px;display:none;} .time-set .pop{position:absolute;top:34px;border:1px solid #BBB8B7;width:100%;margin-left: -1px;background-color:#FFF;/*display: none;*/} .time-set .pop li{position:relative;} .time-set .pop li a{display:block;padding-left: 12px;color:#A1A1A1;} .time-set .pop .active{color:#45B587;background-color:#eee;} .time-set .pop .active em{display:block;} .time-cont{float:right;font:16px/36px "微软雅黑";} .time-cont em,.time-start,.time-over{float: left;position:relative;} .time-start,.time-over{height:34px;width:174px;border:1px solid #BABABA;padding:0 6px 0 10px;margin-left:10px;} .time-start input,.time-over input{border:none;color:#B2B2B2;padding:0;vertical-align: middle;width:148px;} .time-start span,.time-over span{display: inline-block;height:20px;width:21px;vertical-align: middle;} .search-list{padding:7px 40px;font:14px/32px "微软雅黑";border-bottom:1px solid #EAECEC;} .search-list .spanwidth{width:42px;} .all-table thead{font:bold 16px/52px "微软雅黑";color:#30353A;} .all-table tbody{text-align: center;font:14px/50px "微软雅黑";color:#191919;} .all-table table tr{border-bottom:1px solid #eee;} .all-table table .radio{display:inline-block;height:15px;width:15px;} .tabWidth{width:40px;} .delete{color:#45B587;} .fee{color:#45B587;} .fee,.delete{margin:0 4px;} .flip-main{padding:16px 20px;} .all-table table .radio, .search-list .active, .time-start span,.time-over span, .time-set .pop em, .time-set p em{background-image:url(../images/icon.png);background-repeat:no-repeat;} .time-set p em{background-position: -220px -248px;} .time-set .pop em{background-position: -294px -296px;} .time-start span,.time-over span{background-position:-274px -366px;} .search-list .active{background-position:0 -144px;} .all-table table .radio{background-position:-274px -392px;} .all-table table .checked{background-position:-299px -392px;} /*商城首页*/ .main-container{padding-top: 22px;padding-bottom:52px;} .top-img{margin-bottom: 20px;} .top-img img{width: 100%;} .search{padding:6px 30px 6px 250px;} .search-input{height:32px;width:536px;background-color:#45B587;padding:2px;position:relative;float: left;} .search-input .text{background-color:#FFF;border:none;height:32px;width:434px;padding:0 12px;font:15px/32px "微软雅黑";color:#B2B2B2;vertical-align: middle;} .search-input .btn{position:absolute;right:2px;top:2px;} .search-input .btn input{height:32px;width:80px;padding:0;margin:0;border:none;vertical-align: middle;background-color:#45B587;color:#FFF;font:16px/32px "微软雅黑";cursor: pointer} .search-list li{padding:4px 0;} .search-list a{margin-left:18px;display:inline-block;height:32px;width:62px;color:#000;text-align:center;} .search-list .active{color:#FFF;} .list-main{padding:14px 40px 0;} .list-main ul{margin-right:-40px;} .list-main li{width:202px;float:left;margin:0 40px 35px 0;box-shadow: 0 0 9px #EBEBEB;padding: 1px;height:276px} .list-main li:hover{border:1px solid #45B587;padding: 0;border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;overflow:hidden;} .swiper-cont{padding:8px 16px 12px;} .swiper-cont span{font:14px/28px "微软雅黑";color:#45B587;} .swiper-cont .money{float:left;} .swiper-cont .fold{float:right;} .swiper-cont .swiper-tit{font:12px/16px "微软雅黑";text-align:left;} .swiper-cont p a{display:inline-block;height:26px;width:169px;font:14px/26px "微软雅黑";color:#FFF;text-align:center;margin-top:8px;} .search-fy-pad{padding-right:40px;} .swiper-cont p a, .search-list .active, .car-cont .to-total a{background-image:url(../images/icon.png);background-repeat: no-repeat;} .car-cont .to-total a{background-position:-371px -34px;} .car-cont .to-total a:hover{background-position:-371px -74px;} .search-list .active{background-position:0 -144px;} .swiper-cont p a{background-position: -257px -134px;} .swiper-cont p a:hover{background-position: -257px -170px;} /*商城订单代付款*/ .tab-nav-total, .tab-nav-fl{float:left;} .tab-nav-fr{float:right;padding:12px 12px 12px 0;} .tab-nav-total{padding-top:9px; font:14px/26px "微软雅黑";} .tab-nav-total strong{color:#45B587;margin:0 10px;} .tab-nav-total a{display: inline-block;height:26px;width:58px;font:14px/26px "";text-align:center;color:#FFF;} .car{float:right;position:relative;height:36px;width:138px;margin-left:14px;} .car-main a{display:block;font:14px/34px "微软雅黑";color: #181818;text-align:center;background-color:#FFF;border:1px solid #ECEEEE;} .car-main span{vertical-align: middle;} .car-main .icon-car{display: inline-block;height:14px;width:16px;} .car-main .icon-jt{display: inline-block;height:11px;width:5px;} .car-main .prompt{position:absolute;height:16px;width:20px;right:16px;top:-6px;font:9px/16px "";text-align:center;color:#FFF;} .min-car{margin:0 20px 0 10px;} .car-cont{position:absolute;top:35px;right:0;width:248px;border:1px solid #ECEEEE;z-index:1;background-color:#FFF;} .car .show a{position:relative;z-index:2;} .car .show .car-cont{display:block;} .car-cont table tr{border-bottom:1px solid #ECEEEE;} .car-cont table td{padding:10px 0;} .car-cont thead{font:14px/33px "微软雅黑";color:#191919;padding-top: 6px;} .car-cont tbody img{height:46px;width:46px;} .car-cont table .number{display:inline-block;height:18px;width:66px;border:1px solid #AAAAAA;text-align:center;} .car-cont .number a{display:inline-block;height:18px;width:18px;font:10px/18px "微软雅黑";color:#C5C5C5;} .car-cont .number .num{display:inline-block;height:18px;width:28px;border-left:1px solid #AAAAAA;border-right:1px solid #AAAAAA;vartical-align:middle;line-height:18px;} .car-cont strong{color:#45B587;font-size: 10px} .car-cont .close{display:inline-block;height:14px;width:14px;} .car-cont .total{padding:38px 0 16px;text-align:center;} .car-cont .total p{font:14px/40px "微软雅黑";color:#181818;} .car-cont .total p strong{color:#45B587;} .car-cont .to-total a{display:inline-block;height:30px;width:70px;font:14px/32px "微软雅黑";color:#FFF;} .shop-table table .radio{display: inline-block;height:15px;width:15px;} .shop-table table tr{border-bottom:1px solid #EEE;} .shop-table thead{font: 16px/56px "微软雅黑";} .shop-table tbody{font: 12px/48px "微软雅黑";} .yellow{color:#00c9ff;} .green{color:#00c9ff;} .shop-table tbody strong span{height: 14px;width: 12px;display: inline-block;vertical-align: middle;} .shop-table .tdWidth{width: 48px;} .flip-padding{padding-bottom: 20px; } .car-main .icon-car, .shop-table tbody strong span, .shop-table table .radio, .car-cont .close, .car-main .icon-jt, .car-main .prompt, .tab-nav-total a{background-image: url(../images/icon.png);background-repeat: no-repeat;} .tab-nav-total a{background-position: -324px 0;} .tab-nav-total a:hover{background-position: -392px 0;} .car-cont .close{background-position:-285px 0;} .shop-table table .radio{background-position:-274px -392px;} .shop-table table .checked{background-position:-299px -392px;} .shop-table tbody strong span{background-position:-294px -266px;} .car-main .icon-car {background-position: -229px 0;} .car-main .prompt {background-position: -255px 0;} .car-main .icon-jt {background-position: -309px 0;} /*付款方式*/ .mode{padding: 30px 0 6px 20px;font: 18px/30px "微软雅黑";border-bottom:1px solid #EEE;} .mode-cont{padding-bottom:112px;} .mode-list{padding: 40px 0 134px 145px;font: 18px/35px "微软雅黑";} .mode-list a{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 20px;} .mode-list img{vertical-align: middle;} .money strong{color:#45B587;} .mode-list .zfb, .mode-list .wx, .mode-list .money{float:left;margin-right:60px;} .mode-btn{text-align:center;} .mode-btn .down{display: inline-block;height: 45px;width: 197px;font: 18px/45px "微软雅黑";color:#FFF;margin-left: 98px;} .mode-btn .return{color:#808080;vertical-align: bottom;margin-left: 40px;} .mode-btn .return span{display: inline-block;height: 15px;width: 17px;vertical-align: bottom;margin-right: 6px;} .mode-btn .return span, .mode-btn .down, .mode-list a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .mode-list a{background-position:-220px -224px;} .mode-list .checked{background-position:-244px -224px;} .mode-btn .down{background-position: 0 -416px;} .mode-btn .down:hover {background-position: -207px -416px;} .mode-btn .return span{background-position:-404px -733px;} /*牵犬师活动报名申请*/ .teacher{position: absolute;top:30px;left:214px;width: 100px;border: 1px solid #BABABA;background-color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;width: 298px;z-index:2;} .activity-set input{border:none!important;float: left;} .aca-btn{text-align: center;} .aca-btn a{display: inline-block;height: 45px;margin-right: 14px;font: 18px/45px "微软雅黑";color:#FFF;} .activity-pay a{display: inline-block;height: 14px;width: 14px;margin-right: 10px;vertical-align: middle;} .activity-total .menu{padding-top:24px;padding-bottom:48px;} .activity-total .menu a{display: inline-block;height: 45px;margin-right: 14px;font: 18px/45px "微软雅黑";color:#FFF;text-align:center;} .activity-total .menu .confirm{width: 126px;} .activity-total .menu .submit{width: 171px;margin:0;} .prompt .tit a, .submit-cont .success em, .submit-cont .time, .submit-tit a, .form-fr p em, .activity-total .menu a, .activity-pay a, .activity-table tbody .radio, .aca-btn a, .set a span, .teacher .tit a, .form-fl .radio>a{background-image:url(../images/icon.png);background-repeat: no-repeat;} .teacher .tit a{background-position: -18px 0;} .form-fl .radio>a{background-position: -220px -224px;} .form-fl .radio .checked{background-position: -244px -224px;} .aca-btn .submit{background-position: 0 -578px;width: 180px;} .aca-btn .return{background-position: 0 -633px;width: 106px;} .aca-btn .submit:hover{background-position: -190px -578px;} .aca-btn .return:hover{background-position: -116px -633px;} .activity-table tbody .radio{background-position: -220px -224px;} .activity-table tbody .checked{background-position: -244px -224px;} .activity-pay a{background-position: -220px -224px;} .activity-pay .checked{background-position: -244px -224px;} .activity-total .menu .confirm{background-position: -232px -633px;} .activity-total .menu .confirm:hover{background-position: -181px -688px;} .activity-total .menu .submit{background-position: 0 -688px;} .activity-total .menu .submit:hover{background-position: 0 -743px;} .form-fr p em{background-position: -86px 0} .submit-tit a{background-position:-18px 0;} .submit-cont .time{background-position:-390px -516px;} .submit-cont .success em{background-position: -390px -470px;} .prompt .tit a{background-position: -18px 0} /*赛事报名申请*/ .sign-form-list{font: 14px/36px "微软雅黑";border-bottom:1px solid #EEE;} .sign-form-list li{margin-bottom: 10px;} .sign-form-list-fl{float: left} .sign-form-list-fl span{display: inline-block;width: 250px;text-align: right;margin-right: 20px;} .sign-form-list-fr{margin-left: 270px;} .sign-ckeckbox span{display: inline-block;vertical-align: middle;} .sign-ckeckbox a{display: inline-block;height: 15px;width: 15px;margin-right: 12px;} .set-item,.sign-set-btn,.sign-set{float:left;position: relative;} .sign-set{height: 34px;width: 228px;position: relative;border:1px solid #BABABA;} .sign-set input{height: 34px;width: 188px;padding: 0 0 0 12px;border:none;font: 14px/34px "微软雅黑";color:#B2B2B2;float: left;} .sign-set span{position: absolute;height: 8px;width: 12px;top: 14px;right: 8px;} .sign-set-pop{position: absolute;top:34px;border:1px solid #bababa;width: 100%;left: -1px;background-color:#FFF;z-index:2;} .sign-set-pop dd a{display: block;height: 34px;padding-left: 12px;color:#000;position: relative;} .sign-set-pop dd a em{position: absolute;top:12px;right: 6px;height: 10px;width: 16px;display: none;} .sign-set-pop dd .active{color:#45B587;background-color:#EEE;} .sign-set-pop dd .active em{display: block;} .sign-set-btn{margin: 0 14px;text-align: center;} .sign-set-btn a{display: inline-block;height: 32px;width: 100px;font: 14px/32px "微软雅黑";color:#FFF;} .set-item a{color:#45B587;text-decoration: underline;} .set-item span{display: inline-block;height: 20px;width: 20px;margin-left: 6px;vertical-align: middle;} .sign-form-list-fl .return{display: inline-block;width: 284px;} .sign-form-list-fr .name{display: inline-block;width: 120px;text-align: right;} .float, .explain, .list-radio{float: left} .list-radio a{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 10px;} .explain a{margin-left: 14px;color:#45B587;text-decoration: underline;} .explain span{height: 20px;width: 20px;display: inline-block;vertical-align: middle;margin-left: 8px;} .sign-input-box{margin-left: 270px;} .sign-input{height: 34px;width:138px;border:1px solid #BABABA;padding: 0 10px;float: left} .sign-input input{height: 34px;width: 100%;font: 14px/34px "微软雅黑";} .sign-btn, .sign-form-list .rule{text-align:center;} .sign-form-list .rule{font: 14px/34px "微软雅黑";} .sign-form-list .rule a{display: inline-block;height: 15px;width: 15px;} .sign-btn{padding:12px 0 20px;} .sign-btn a{display: inline-block;height: 45px;width: 247px;font: 17px/45px "微软雅黑";color:#fff;} .sia-table .tit{font: 15px/30px "微软雅黑";padding: 4px 0 0 30px;} .sia-table table tr{border-bottom:1px solid #EEE;} .sia-table thead{font: 18px/40px "微软雅黑";} .sia-table tbody{text-align: center;font: 15px/48px "微软雅黑";} .sia-table table .checked, .sia-table table .radio{display: inline-block;height: 14px;width: 14px;} .sia-table table .delete{color:#45B587;text-decoration:underline;} .sia-table table .checked{background-position: -244px -224px;} .sign-total{text-align: right;padding:22px 70px 52px 0;} .total-p{font: bold 17px/32px "微软雅黑";} .total-p span{color:#45B587 ;} .sign-total .checked, .sign-total .radio{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 10px;} .sign-total em{font: 14px/38px "微软雅黑";color:#4F4E4E;} .sign-total .btn-submit{height: 45px;width: 180px;text-align:center;font: 20px/45px "微软雅黑";color:#FFF;display: inline-block;} .set-item,.explain{position:relative;} .explain-pop, .set-item-pop{position: absolute;top: 32px;right: 0;width: 450px;border:1px solid #BABABA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;background-color:#FFF;z-index: 2} .explain-pop .tit, .set-item-pop .tit{padding-left:16px;font: 14px/32px "微软雅黑";border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-bottom:1px solid #BABABA;} .explain-pop .tit a, .set-item-pop .tit a{display: inline-block;height: 16px;width: 16px;float: right;margin: 8px 16px 0 0;} .pop-cont{padding: 25px 40px;} .pop-cont dd{font: 14px/24px "微软雅黑";margin-bottom: 10px;} .sign-set-pop dd a em, .explain-pop .tit a, .set-item-pop .tit a, .sign-total .btn-submit, .sign-total .checked, .sign-total .radio, .sia-table table .checked, .sia-table table .radio, .sign-btn a, .sign-form-list .rule a, .explain span, .list-radio a, .set-item span, .sign-set-btn a, .sign-set span, .sign-ckeckbox a{background-image:url(../images/icon.png);background-repeat:no-repeat;} .sign-ckeckbox a{background-position: -274px -393px;} .sign-ckeckbox .checked{background-position: -299px -392px;} .sign-set span{background-position:-220px -248px;} .sign-set-btn a{background-position: 0 -224px;} .sign-set-btn a:hover {background-position: -110px -224px;} .set-item span{background-position: -86px -0;} .list-radio a{background-position: -220px -224px;} .list-radio .radio{background-position: -244px -224px;} .explain span{background-position: -86px -0} .sign-form-list .rule a{background-position: -274px -392px;} .sia-table table .checked, .sign-form-list .rule .checked{background-position: -299px -392px;} .sign-btn a{background-position:0 -34px;} .sign-btn a:hover{background-position:0 -89px;} .sign-total .checked, .sign-total .radio, .sia-table table .radio{background-position: -220px -224px;} .sign-total .checked{background-position: -244px -224px;} .sign-total .btn-submit{background-position: 0 -578px;} .sign-total .btn-submit:hover{background-position: -190px -578px;} .explain-pop .tit a, .set-item-pop .tit a{background-position: -18px 0;} .sign-set-pop dd a em{background-position: -294px -296px;} /*我的赛事*/ .sub-list-submit{float: right;padding: 20px 0 20px 0} .sub-list-submit li{float: left;margin-right: 50px;position: relative;} .sub-list-submit li a{font: 15px/36px "微软雅黑";color:#191919;} .sub-list-submit li span{height: 15px;width: 12px;display: inline-block;margin-right: 6px;vertical-align: middle;} .sub-list-fl{padding: 20px 0 20px 20px;} .sub-list-query{margin-left:20px;text-align:center;} .sub-list-query a{display: inline-block;height:32px;width: 100px;font:14px/32px "微软雅黑";color:#FFF; } .game-table{padding-bottom:90px;} .game-table table{width: 100%;text-align:center;border-bottom:1px solid #EEE;} .game-table table tr{border-top:1px solid #EEE;} .game-table thead{font: 17px/36px "微软雅黑";} .game-table thead th{padding: 18px 0 14px; } .game-table tbody{font:15px/48px "微软雅黑";} .sub-list-fl .place, .sub-list-fl .name{height: 34px;border:1px solid #BABABA;} .sub-list-fl .place{width: 190px;margin-right: 40px;} .sub-list-fl .name{width: 298px} .sub-list-fl .place input, .sub-list-fl .name input{float: left;height: 34px;padding: 0 10px;font: 14px/34px "微软雅黑";color:#BCBCBC;border:none;outline: none;} .sub-list-fl .place input{width: 146px;} .sub-list-fl .name input{width: 254px;} .sub-list-fl span{display: inline-block;height: 34px;width: 24px;} .game-table tbody .yellow{color:#F96B4D;} .game-table tbody .green{color:#45B587;text-decoration: underline;} .game-table .trWidth1{width: 232px;} .game-table .trWidth2{width: 432px;} .game-table .trWidth3{width: 258px;} .sub-list-query a, .sub-list-fl span, .sub-list-submit li{position: relative;} .sub-list-submit .poptit a, .sub-list-query a, .sub-list-fl span{background-image: url(../images/icon.png);background-repeat: no-repeat;} .sub-list-submit li span{background:url(../images/icon8.png) center center no-repeat} .sub-list-fl span{background-position: -52px 0} .sub-list-query a{background-position:0 -224px; } .sub-list-query a:hover{background-position:-110px -224px; } .sub-list-submit .pop{position: absolute;top:40px;right: 0;border:1px solid #bababa;width: 448px;height: 410px;background-color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;} .sub-list-submit .poptit{padding-left:14px;font: 14px/32px "微软雅黑";border-bottom:1px solid #BABABA;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;} .sub-list-submit .poptit a{float: right;height: 16px;width: 16px; margin: 8px 16px 0 0;} .sub-list-submit .poptit a{background-position: -18px 0;} .sub-list-submit .popcont{padding:26px 50px 0 50px;font:14px/22px "微软雅黑";} .sub-list-submit .popcont dd{margin-bottom:26px;} /*赛事冠军登陆申请提交*/ .form-radio{padding-top: 16px;padding-bottom: 8px;font: 15px/44px "微软雅黑";} .form-radio .fl{float: left;width: 160px;text-align: right;} .form-radio-list{margin-left: 180px;} .form-radio-list a{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 10px;} .form-radio-list span{display: inline-block;width: 114px;} .form-query{padding-left: 180px;} .form-query p{font: 14px/42px "微软雅黑";} .form-query p span{color:#F85E3D;} .query-input .input{height:34px;width: 298px;border:1px solid #BABABA;position: relative;float: left;margin-right: 14px;} .query-input .input input{float: left;height: 34px;width: 260px;padding:0 0 0 12px;border:none;font: 14px/34px "微软雅黑";color:#B2B2B2;} .query-input .input span{position: absolute;top: 8px;right: 8px;height: 16px;width: 16px;} .app-query{float: left;} .app-query a{display: inline-block;height: 32px;width: 100px;font: 14px/32px "微软雅黑";color:#FFF;text-align:center;} .form-code {font: 14px/44px "微软雅黑";} .form-code .name{display: inline-block;width: 100px;float: left;text-align:right;} .form-code p{margin-left: 100px;} .form-code-fl{float: left} .form-code-fr{margin-left:360px;} .form-code .radio{margin-left: 100px;} .form-code .radio a{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 10px;} .form-code .radio span{display: inline-block;margin-right: 30px;vertical-align: middle;} .address{float: left;} .address-input{margin-left: 162px;} .address-input input{display: inline-block;height: 34px;width: 348px;border:1px solid #BABABA;padding: 0 10px;line-height: 34px;} .address a{color:#45B587;text-decoration:underline ;margin-right: 28px;} .money_submit{text-align: center;padding-bottom:20px;} .app-money{font: 16px/58px "微软雅黑";} .app-money span{color:#45B587;} .money_submit a{display: inline-block;height: 45px;width: 180px;font: 18px/45px "微软雅黑";color:#FFF;} .aps-table{border-top:1px solid #EEE;} .aps-table h3{padding-left: 4px;font: 15px/30px "微软雅黑";color:#4F4E4E;} .aps-table table tr{border-bottom:1px solid #EEE;} .aps-table thead{font: 18px/40px "微软雅黑";} .aps-table tbody{font: 15px/48px "微软雅黑";} .aps-table tbody .checked, .aps-table tbody .checkbox{height: 14px;width: 14px;display: inline-block;} .aps-table tbody .delete{color:#45B587;text-decoration:underline;} .app-total {text-align: right;padding: 22px 70px 52px 0;} .total-p {font: bold 17px/32px "微软雅黑";} .total-p span {color: #45B587;} .total-p span {color: #45B587;} .app-total .checked, .app-total .radio {display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 10px;} .app-total em {font: 14px/38px "微软雅黑";color: #4F4E4E;} .app-total .btn-submit {height: 45px;width: 180px;text-align: center;font: 20px/45px "微软雅黑";color: #FFF;display: inline-block;} .app-total .btn-submit,.app-total .radio,.app-total .checked,.aps-table tbody .checked,.aps-table tbody .checkbox,.money_submit a,.form-code .radio a,.app-query a,.query-input .input span,.form-radio-list a{background-image: url(../images/icon.png);background-repeat: no-repeat;} .app-total .radio,.aps-table tbody .checked,.aps-table tbody .checkbox,.form-code .radio a,.form-radio-list a{background-position: -220px -224px;} .aps-table tbody .checked, .form-code .radio .checked, .form-radio-list .checked{background-position: -244px -224px;} .query-input .input span{background-position: -52px -9px;} .app-query a{background-position: 0 -224px;} .app-query a:hover{background-position: -110px -224px;} .money_submit a{background-position: 0 -578px;} .money_submit a:hover{background-position:-190px -578px;} .app-total .checked {background-position: -244px -224px;} .app-total .btn-submit {background-position: 0 -578px;} .app-total .btn-submit:hover {background-position: -190px -578px;} /*赛事冠军登录*/ .cha-list{padding: 0 16px 0 30px;} .cha-list-tit{float: left;} .cha-list-tit a{font: 14px/70px "微软雅黑";color:#191919;} .cha-list-tit span{display: inline-block;height: 15px;width: 12px;vertical-align: middle;margin-right: 14px;} .cha-list-submit{float: right;padding-top: 15px;} .cha-list-submit a{display: inline-block;height: 40px;width: 157px;text-align: center;font: 14px/40px "微软雅黑";color: #FFF;} .cha-table table tr{border-top:1px solid #EEE;} .cha-table thead{font: 18px/60px "微软雅黑";} .cha-table tbody{font: 14px/48px "微软雅黑";} .cha-table tbody .yellow{color:#45B587;text-decoration:underline;} .cha-table tbody .green{color:#45B587;} .flip-pad{padding: 2px 0 20px;} .cha-list-submit a, .cha-list-tit span{background-image: url(../images/icon.png);background-repeat:no-repeat;} .cha-list-tit span{background-position: -396px -286px;} .cha-list-submit a{background-position:0 -316px;} .cha-list-submit a:hover{background-position:-167px -316px;} /*美容师申请结业证书*/ .date-menu{padding-top:20px;} .menu-item{text-align:center;padding-bottom:20px; } .menu-item a{display: inline-block;height: 44px;font: 18px/44px "微软雅黑";} .menu-input h3{text-align:center;font: 18px/30px "微软雅黑";margin-bottom:12px;} .menu-input-list{font: 14px/36px "微软雅黑";margin-bottom:12px;} .menu-input-list .code{display: inline-block;width: 288px;text-align: right;margin-right: 10px;} .menu-input-list input{width: 278px;height: 34px;border:1px solid #BABABA;padding: 0 10px;margin-right: 12px;outline: none;font: 12px/34px "微软雅黑";} .menu-input-list .testing{display: inline-block;height: 40px;width: 199px;text-align: center;font: 15px/40px "微软雅黑";color:#FFF;} .menu-input-list .register{color:#45B587;} .tate-info .info-title{font:14px/34px "微软雅黑";margin-left: 40px;border-bottom:1px solid #EEE;} .mt-40{margin-top:40px;margin-bottom:26px;} .tate-info .info-form{font: 14px/36px "微软雅黑";} .tate-info .info-form li{margin-bottom:8px;} .date-form-fl{float: left;} .date-form-fl .name{width: 250px;text-align: right;margin-right: 10px;float: left;font: 14px/36px "微软雅黑";} .form-input-box{margin-left: 260px;} .tate-info .info-form .text{height: 34px;width: 170px;border:1px solid #BABABA;padding: 0 10px;outline: none;line-height: 34px;} .tate-info .info-form .code{width: 278px;} .date-form-fr{/*float: right;*/width: 336px;/*margin-right: 226px;*/margin-left: 500px;} .date-form-fr .name{float: left;width: 130px;text-align: right;} .form-radio{margin-left:140px;} .form-radio a{display: inline-block;height: 14px;width: 14px;margin-right: 10px;vertical-align: middle;} .info-submit-fr{margin-left: 443px;} .info-submit .time, .form-input-box .time{height: 34px;width: 190px;border:1px solid #BABABA;position: relative;} .info-submit .time input, .form-input-box .time input{height: 34px;width: 143px;float: left;border:none;outline: none;padding: 0 10px;font: 15px/34px "微软雅黑";color:#B2B2B2;} .info-submit .time .time-icon, .form-input-box .time .time-icon{height: 20px;width: 21px;position: absolute;top: 7px;right: 9px;} .form-input-box .set{float: left;position: relative;height: 34px;width: 178px;border:1px solid #BABABA;margin-right: 20px;} .form-input-box .set a{display: block;height: 34px;padding-left: 12px; font: 14px/34px "微软雅黑";color:#000;} .form-input-box .set span{position: absolute;top:14px;right: 8px;height:7px;width: 12px;} .form-input-box .set-pop{position: absolute;top:34px;left: -1px;width: 100%;border:1px solid #BABABA;background-color:#FFF;} .form-input-box .set-pop .active a{background-color:#EEE;color:#45B587;position: relative;} .form-input-box .set-pop .active em{height: 10px;width: 16px;position: absolute;top: 12px;right: 6px;} .form-input-box .input input{height: 34px;width: 278px;border:1px solid #BABABA;padding: 0 10px;font: 14px/34px "微软雅黑";outline: none;} .info-submit .name{float: left;text-align: right;width: 433px;margin-right: 10px;} .info-submit i{display:inline-block;height: 4px;width: 6px;vertical-align: middle;margin-right: 8px;} .info-submit-fr .text{width: 170px;} .form-input-box .setWidth{width: 190px;} .info-submit .btn{text-align: center;} .info-submit .btn a{display: inline-block;height: 30px;color:#FFF;font: 14px/30px "微软雅黑";margin: 0 5px;} .info-submit .btn .btn-bc{width: 62px;background-position: -72px -144px; } .info-submit .btn .btn-submit{width: 93px;background-position: -547px -281px;} .tdWidth{width: 128px;} .date-submit{text-align:center;padding: 40px 0} .date-submit a{display: inline-block;height: 40px;width: 150px;font:15px/40px "微软雅黑" ;color: #FFF;} .date-table thead {font: 17px/40px "微软雅黑";padding-top: 16px;} .date-table tbody {text-align: center;font: 14px/48px "微软雅黑";} .date-table thead th {padding-top: 16px;} .date-table table tr {border-bottom: 1px solid #EEE;} .date-table tbody .checked, .date-table tbody .radio {display: inline-block;height: 14px;width: 14px;} .date-table tbody .green {color: #45B587;} .date-table tbody .delete {color: #45B587;margin: 0 10px;} .date-table tbody .green {color: #45B587;} .date-submit a, .date-table tbody .checked, .date-table tbody .radio, .info-submit .btn a, .info-submit i, .form-input-box .set-pop .active em, .form-input-box .set span, .form-radio a, .info-submit .time .time-icon, .form-input-box .time .time-icon, .menu-input-list .testing, .menu-item a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .menu-item .menu-submit{background-position: -447px -526px;width: 193px;color:#FFF;} .menu-item .inquire{background-position: -368px -633px;width: 145px;color:#333;} .menu-input-list .testing{background-position: -381px -579px;} .info-submit .time .time-icon, .form-input-box .time .time-icon{background-position: -274px -366px;} .form-radio a{background-position: -220px -224px; } .form-radio .checked{background-position: -244px -224px; } .form-input-box .set span{background-position: -220px -248px; } .form-input-box .set-pop .active em{background-position: -294px -296px;} .info-submit i{background-position: -116px -15px;} .date-table tbody .radio{background-position: -220px -224px;} .date-table tbody .checked{background-position: -244px -224px;} .date-submit a{background-position: -317px -688px;} .date-submit a:hover{background-position: -477px -688px;} /*美容师学员查询*/ .query-form{padding: 20px 0} .query-form .menu{text-align:center;} .query-form .menu a{display: inline-block;height: 44px;font: 18px/44px "微软雅黑";} .query-form .menu .submit{color:#313232;background-position: -447px -472px;width: 193px;} .query-form .menu .query{color:#FFF;background-position: -181px -744px;width: 145px;} .query-form-list{padding-top:30px;} .query-form-item{float: left;font: 14px/36px "微软雅黑";} .query-input span {display: inline-block;padding: 0 2px 0 12px;} .query-input input {height: 34px;width: 108px;border: 1px solid #BABABA;padding: 0 10px;outline: none;} .query-input .set {float: right;height: 34px;position: relative;border: 1px solid #BABABA;} .query-input .set a {display: block;height: 100%;padding-left: 14px;color: #1A1A1A;} .query-input .set strong {height: 7px;width: 12px;position: absolute;top: 14px;right: 8px;} /*.set-pop .active em {position: absolute;right: 6px;top: 12px;height: 10px;width: 16px;}*/ .query-submit {margin-left: 14px;} .query-submit a {display: inline-block;height: 32px;width: 100px;font: 14px/32px "微软雅黑";text-align: center;color: #FFF;} .setWidth{width: 190px;} .setWidth-1{width: 98px;} .query-table table tr{border-top:1px solid #EEE;} .query-table thead{font: 18px/60px "微软雅黑";} .query-table tbody{text-align: center;font: 14px/48px "微软雅黑";} .query-table table a{color:#666;margin: 0 5px;} .query-table table .yellow{color:#F97154;} .query-table table .green{color:#45B587;} .query-table table .line{text-decoration:underline;} .query-submit a, .set-pop a em, .query-input .set strong, .query-form .menu .query, .query-form .menu .submit{background-image: url(../images/icon.png);background-repeat: no-repeat;} .set-pop .active em {background-position: -294px -296px;} .query-input .set strong {background-position: -220px -248px;} .query-submit a {background-position: 0 -224px;} /*美容师胸花申领*/ .corsagec{padding-left:40px;} .suc-info{font: 14px/45px "微软雅黑";} .suc-info dt{border-bottom:1px solid #E6E6E6;font: 14px/34px "微软雅黑";margin-bottom: 34px;padding-top:16px;} .suc-info .suc-info-fl{float: left;width: 489px;} .suc-info .suc-info-fl .name{display: inline-block;width: 266px;text-align: right;} .suc-info .suc-info-fr{margin-left: 628px;} .suc-info .name{display: inline-block; } .suc-info .btn{text-align: center;margin-top: 14px;} .suc-info .btn a{display: inline-block;height: 40px;width: 150px;font: 15px/40px "微软雅黑 ";color:#FFF;margin-right: 40px;} .suc-info .btn a{background-image: url(../images/icon.png);background-repeat:no-repeat; } .suc-info .btn a{background-position: -490px -321px; } .suc-info .btn a:hover{background-position: -490px -371px; } /*美容师活动报名申请*/ .sign-sub-list{padding-left: 56px;border-bottom:1px solid #F6F6F6;} .sign-sub-list li{float: left;margin: 0 24px;position: relative} .sign-sub-list li a{font: 16px/46px "微软雅黑";color:#191919;} .sign-sub-list li a:hover{color:#45B587;} .sign-sub-list li span{display: inline-block;height: 15px; width: 12px;vertical-align: middle;margin-right: 5px;} .sign-table table{width: 100%;} .sign-table thead th{padding: 18px 0 14px;font: 16px/36px "微软雅黑" } .sign-list{padding: 20px 0 20px 20px;border-bottom:1px solid #EEE;} .sign-list .set,.sign-list .name,.sign-list .loaction{margin-right: 20px} .sign-input-btn a{display: inline-block;height: 32px;width: 100px;font: 14px/32px "微软雅黑";color:#FFF;text-align:center;} .sign-input-btn a{background-position: 0 -224px;} .sign-input-btn a:hover{ background-position: -110px -224px;} .sign-list .set{position: relative;height: 34px;width: 148px;border:1px solid #BABABA; } .sign-list .set a{display: block;height:100%;padding-left:12px;text-align: left;font: 14px/34px "微软雅黑";color: #191919;} .sign-list .set li a:hover{background-color:#eee} .sign-list .set a span{position: absolute;right: 8px;top: 14px;height: 7px;width: 12px;} .sign-table thead tr{border-bottom:1px solid #F6F6F6;} .sign-list .set-pop{position: absolute;top: 34px;left: -1px;width: 100%;border:1px solid #BABABA;background-color:#FFF;} .sign-list .set-pop li{position: relative;} .sign-list .set-pop .active a{color:#45B587;background-color:#eee} .sign-list .set-pop .active em{position: absolute;top:12px;right: 6px;height: 10px;width: 16px;} .sign-list .name{width: 268px;} .sign-list input{float: left;height: 34px;padding: 0 0 0 12px;border:none;} .sign-list .name input{width: 224px;} .sign-input span{display: inline-block;height: 34px;width: 32px;} .loaction{width: 158px;} .loaction input{width: 114px;} .sign-list .set-width{width: 166px;padding-left: 30px;} .sign-list .input-width{width: 270px;padding: 18px 15px 14px; } .sign-list .input-width-1{width: 160px;padding: 18px 15px 14px;} .sign-table tbody{text-align:center;font: 14px/48px "微软雅黑";color:#191919;} .sign-table tbody span{color:#FA7F65;} .sign-table tbody a{color:#45B587;text-decoration: underline;} .sign-table tbody tr{border-bottom:1px solid #F6F6F6;} .sign-input span, .sign-list .set-pop .active em, .sign-list .set a span, .sign-list .poptit a, .sign-input-btn a, .sign-sub-list .poptit a, .sign-sub-list li span{background-image: url(../images/icon.png);background-repeat:no-repeat;} .sign-sub-list li span{background-position: -396px -286px;} .sign-list .set a span{background-position: -220px -248px;} .sign-list .set-pop .active em{background-position: -294px -296px;} .sign-input span{background-position: -43px 0} .sign-sub-list .pop{position: absolute;top:40px;right:-54px;border:1px solid #BABABA; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;width: 448px;background-color:#FFF;z-index:2;overflow:hidden;} .sign-sub-list .poptit{padding-left: 14px;background-color:#F3F3F3;font:14px/32px "微软雅黑";border-bottom:1px solid #BABABA;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;} .sign-sub-list .poptit a{float: right;height: 16px;width: 16px;margin: 8px 16px 0 0} .sign-sub-list .poptit a{background-position: -18px 0} .sign-sub-list .popcont{padding: 24px 44px 30px;font: 14px/24px "微软雅黑"} .sign-sub-list .popcont dd{margin-bottom: 14px;} .sign-sub-list .popcont h3{text-align: center;} .sign-sub-list .popcont p{line-height: 30px;text-align: right} .sign-sub-list .popcont p a{color:#333;text-decoration:underline;font-size: 14px;line-height: 30px} .sign-sub-list .popcont p a:hover{color:#45B587} /*美容师胸花申领*/ .corsagec{padding-left:40px;} .cor-info{font: 14px/45px "微软雅黑";} .cor-info dt{border-bottom:1px solid #E6E6E6;font: 14px/34px "微软雅黑";margin-bottom: 34px;padding-top:16px;} .texCen dd{text-align: center;} .cor-info dd strong{color:#F86040;} .notice{padding-bottom:43px;} .notice dd{padding-left: 238px;} .notice p{font: 15px/ 28px "微软雅黑";color:#333;} .notice a{color:#45B587;} .cor-info .btn{margin-top:20px;} .cor-info .btn a{display: inline-block;height: 40px;width: 150px;font: 20px/40px "微软雅黑";color:#7C7C7C;} .cor-info .btn a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .cor-info .btn a{background-position: -490px -422px;} /*美容师领取资格证书*/ .re-sub-list{padding: 24px 0 20px 0;border-bottom:1px solid #ECEEEE;} .re-sub-list .sub-item{float:left;font: 14px/36px "微软雅黑";} .re-sub-list .sub-input span{display: inline-block;padding: 0 2px 0 12px;} .re-sub-list .sub-input input{height: 34px;width: 138px;border:1px solid #BABABA;padding: 0 10px;outline: none;} .re-sub-list .sub-input .set{float: right;height: 34px; position: relative;border:1px solid #BABABA;} .re-sub-list .sub-input .set-width-1{width: 152px;} .re-sub-list .sub-input .set-width-2{width: 70px;} .re-sub-list .sub-input .set a{display: block;height: 100%;padding-left:14px;color:#1A1A1A;} .re-sub-list .sub-input .set strong{height: 7px;width: 12px;position: absolute;top:14px;right: 8px;} .re-set-pop{position:absolute;top:34px;left:-1px;border:1px solid #BABABA;background-color:#FFF;width: 100%;} .re-set-pop a{position:relative;} .re-set-pop .active{ background-color:#EEEEEE;} .re-set-pop .active a{color:#45B587;} .re-set-pop .active em{position: absolute;right: 6px;top:12px;height: 10px;width: 16px;} .re-set-pop li a:hover{background-color:#EEE} .re-submit{margin-left:14px;} .re-submit a{display: inline-block;height: 32px;width: 100px;font: 14px/32px "微软雅黑";text-align:center;color:#FFF;} .re-table table{width: 100%;} .re-table table tr{border-bottom:1px solid #EEE;} .re-table thead{font: 15px/60px "微软雅黑";} .re-table tbody{font:12px/48px "微软雅黑 ";color:#191919;text-align:center;} .re-table table .green{color:#45B587;} .re-table table .yellow{color:#F97154;} .re-table table .gray{color:#B2B2B2;} .re-table table p{font:12px/20px "";} .apply-mask{height: 100%;width: 100%;position: fixed;top:0;left:0;} .apply-pop{height: 417px;width: 508px;border:1px solid #BABABA;position: absolute;top:50%;left: 50%;margin-left: -254px;margin-top:-208px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;background-color:#fff;} .apply-pop .title{font: 14px/32px "微软雅黑";padding-left:14px;border-bottom:1px solid #BABABA;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;} .apply-pop .title a{float: right;height: 16px;width: 16px;margin:8px 16px 0 0;} .apply-cont{padding-top:22px;} .apply-cont li{margin-bottom: 10px;font: 15px/30px "微软雅黑";} .apply-cont li .fl{float: left;width: 229px;margin-right: 16px;text-align: right;} .apply-list{float: left;} .apply-list strong{color:#45B587;} .ren-radio a, .apply-list .radio{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right:10px;} .re-btn{text-align: center;} .re-btn a{display: inline-block;height: 30px;width: 62px;font: 14px/30px "微软雅黑";color:#FFF;margin: 0 5px;} .re-btn a, .ren-radio a, .apply-list .radio, .apply-pop .title a, .re-submit a, .re-set-pop a em, .sub-input .set strong{background-image: url(../images/icon.png);background-repeat: no-repeat;} .sub-input .set strong{background-position: -220px -248px;} .re-set-pop .active em{background-position: -294px -296px;} .re-submit a{background-position:0 -224px;} .re-submit a:hover {background-position:-110px -224px;} .apply-pop .title a{background-position:-18px 0;} .ren-radio a, .apply-list .radio{background-position: -220px -224px;} .ren-radio .checked, .apply-list .checked{background-position: -244px -224px;} .re-btn .confirm{background-position: 0 -144px;} .re-btn .shut {background-position: -72px -144px; } .re-btn .confirm:hover{background-position: 0 -184px;} .re-btn .shut:hover{background-position: -72px -184px;} /*美容师活动报名申请*/ .activity-form{padding-top:20px;padding-right: 180px;} .activity-form .form-fl{float: left;} .activity-form .form-fl li{margin-bottom:18px;} .activity-form .form-fl .name{float: left;width: 260px;padding-right: 20px;text-align: right;font: 14px/36px "微软雅黑"} .activity-form .form-fl .gdiv{margin-left: 280px;font: 16px/36px "微软雅黑";} .activity-form .form-fl .radio{position:relative;} .activity-form .form-fl .radio>a{display: inline-block;height: 14px;width:14px;margin-right: 10px;vertical-align: middle;} .teacher{position: absolute;top:30px;left:214px;width: 100px;border: 1px solid #BABABA;background-color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;width: 298px;z-index:2;} .teacher .tit{font: 14px/32px "微软雅黑";border-bottom:1px solid #BABABA;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;padding-left: 14px;} .teacher .tit a{height: 16px;width: 16px;float: right;margin: 8px 16px 0 0} .teacher .cont{padding:26px 0;text-align: center;font:16px/40px "微软雅黑";} .teacher .cont span{color:#45B587;} .activity-form .text input{height: 34px;width: 278px;border:1px solid #BABABA;padding: 0 10px ;} .activity-form .text p{font: 16px/ 26px "微软雅黑";} .activity-form .text span{color:#45B587;} .activity-set{height: 34px;border:1px solid #BABABA;position: relative;} .activity-set a{display: block;height: 34px;padding-left: 12px; font:14px/34px "";color:#191919 ;} .activity-set a span{position: absolute;height: 8px;width: 13px;right: 8px;top:14px;} .activity-set .set-pop{position: absolute;top:34px;left:-1px;width: 100%;border:1px solid #BABABA;background-color:#FFF;z-index:1;} .activity-set .set-pop .active {background-color:#EEE;} .activity-set .set-pop .active a{color:#45B587} .activity-set .set-pop .active em{position: absolute;top:12px;right: 6px;height: 10px;width: 16px;} .activity-btn{text-align: center;} .activity-btn a{display: inline-block;height: 45px;margin-right: 14px;font: 18px/45px "微软雅黑";color:#FFF;} .form-fr{float: right;} .img{height: 148px;width: 118px;border:1px solid #BABABA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px; overflow:hidden;margin-bottom:20px;} .form-fr .img-cont{position: relative;} .form-fr p{font:14px/22px "";text-align:center;} .form-fr p a{color:#4F4E4E;position: relative;} .form-fr p input{height: 100%;width: 100%;position: absolute;top:0;left:0;opacity:0;cursor: pointer;filter:alpha(opacity=0);} .form-fr p span{color: #45B587;} .form-fr p em{display:inline-block;height: 20px;width: 20px;vertical-align: middle;} .activity-form .prompt{position: absolute;top:50px;right: 0;width: 258px;height: 176px;border:1px solid #BABABA;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#FFF;z-index:1;} .activity-form .prompt .tit{border-bottom:1px solid #BABABA;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;font: 14px/32px "";padding-left:16px;} .activity-form .prompt .tit a{float: right;height: 16px;width: 16px;margin: 8px 16px 0 0 } .activity-form .prompt-cont{padding-top:50px;} .activity-form .prompt-cont p{font:15px/20px "";color:#4F4E4E;} .submit-pop{position: absolute;top:50%;left:50%;margin-top:-124px;margin-left:-250px;height: 246px;width: 498px;border:1px solid #BABABA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#FFF;} .submit-tit{font:14px/32px "微软雅黑";color:#191919;padding-left:16px;border-bottom:1px solid #BABABA;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;} .submit-tit a{float: right;margin:8px 16px 0 0;height: 16px;width:16px;} .submit-cont{text-align:center;padding-top:26px;} .submit-cont .time{display: inline-block;height: 40px;width: 44px;} .submit-cont span{font: 20px/40px "微软雅黑";} .submit-cont .num{color:#45B587;} .submit-cont .success{color:#45B587;} .submit-cont .success strong{color:#45B587;} .submit-cont .success em{display: inline-block;height: 36px;width: 36px;vertical-align: middle;margin-right:10px;} .submit-cont .last{font: 14px/ 18px "微软雅黑";color:#605F5F;} .submit-cont .last strong{color:#45B587;} .activity-table{border-top:1px solid #EAECEC;position: relative;} .activity-table .tit{padding-left:40px;font: 15px/ 36px "";} .activity-table table{font: 18px/38px "微软雅黑";} .activity-table table tr{border-bottom:1px solid #EAECEC;} .activity-table tbody{text-align:center;font:15px/48px '微软雅黑';} .activity-table tbody .delete{color:#45B587;text-decoration: underline;} .activity-table tbody .radio{height:14px;width: 14px;display: inline-block;} .activity-total{padding-top:16px;} .choice-cont{float: right;width: 312px;margin-right: 62px;} .choice{font:17px/ 45px "微软雅黑";} .choice strong{color:#45B587;margin: 6px;} .fl{float: left;} .fr{float: right;} .pay{font: 14px/ 26px "微软雅黑";color:#4F4E4E;} .pay a{display: inline-block;height: 14px;width: 14px;margin-right: 10px;vertical-align: middle;} .activity-total .menu{padding-top:24px;padding-bottom:48px;} .activity-total .menu a{display: inline-block;height: 45px;margin-right: 14px;font: 18px/45px "微软雅黑";color:#FFF;text-align:center;} .activity-total .menu .confirm{width: 126px;} .activity-total .menu .submit{width: 171px;margin:0;} .activity-form .prompt .tit a, .submit-cont .success em, .submit-cont .time, .submit-tit a, .form-fr p em, .activity-total .menu a, .pay a, .activity-table tbody .radio, .activity-btn a, .activity-set .set-pop .active em, .activity-set a span, .teacher .tit a, .activity-form .radio>a{background-image:url(../images/icon.png);background-repeat: no-repeat;} .teacher .tit a{background-position: -18px 0;} .activity-form .radio>a{background-position: -220px -224px;} .activity-form .radio .checked{background-position: -244px -224px;} .activity-set a span{background-position:-220px -248px;} .activity-set .set-pop .active em{background-position: -294px -296px;} .activity-btn .submit{background-position: 0 -578px;width: 180px;} .activity-btn .return{background-position: 0 -633px;width: 106px;} .activity-btn .submit:hover{background-position: -190px -578px;} .activity-btn .return:hover{background-position: -116px -633px;} .activity-table tbody .radio{background-position: -220px -224px;} .activity-table tbody .checked{background-position: -244px -224px;} .pay a{background-position: -220px -224px;} .pay .checked{background-position: -244px -224px;} .activity-total .menu .confirm{background-position: -232px -633px;} .activity-total .menu .confirm:hover{background-position: -181px -688px;} .activity-total .menu .submit{background-position: 0 -688px;} .activity-total .menu .submit:hover{background-position: 0 -743px;} .form-fr p em{background-position: -86px 0} .submit-tit a{background-position:-18px 0;} .submit-cont .time{background-position:-390px -516px;} .submit-cont .success em{background-position: -390px -470px;} .activity-form .prompt .tit a{background-position: -18px 0} /*---------------首页------------------*/ .indexmain{border: none;width:1020px;background-color:#F6F8F8;margin-bottom:20px;} .indexmain .title{border:1px solid #EAECEC;background-color:#FFF;} .user-container{padding-top:26px; padding-bottom:16px;border:1px solid #F0F0F0;border-top: none;background-color:#FFF;} .user-cont{margin-left:132px;border-bottom:1px solid #F0F0F0;} .user-list{float:left;width: 332px;} .userWidth{width:220px;position:relative;} .user-item{height:150px;width:150px;position:relative;} .user-mask{position:absolute;top:0;left:0;height:150px;width:150px;} .iconfont{position:absolute;right:20px;top:0} .iconfont .icon{height:30px;width:30px;background-color:#45B587;border-radius:50%;margin-bottom:16px;} .user-list .name{color:#45B587;text-align:center;line-height:60px;width:150px;} .user-list .name h3{font:24px/36px "微软雅黑";} .user-list .name p{line-height:26px; } .user-list .name a{font-size:14px;margin-left:8px;color:#B5B5B5;} .user-list .name .active{color:#45B587;} .user-list li{font:bold 14px/30px "微软雅黑";color:#191919;padding-left:42px;position: relative;} .user-list li em{position:absolute;top: 6px;left:0;height:18px;width:33px;} .user-list li a{margin-left:20px;display: inline-block;height:26px;width:46px;font:14px/26px "微软雅黑";color:#45B587;text-align:center;vertical-align: middle;} .user-list li span{vertical-align: middle;font-weight:normal} .user-list .kong{height:20px;} .user-icon-list{padding:20px 61px 0 ;} .user-icon-item{float:left;width: 298px;} .icon-box{height:70px;width:70px;margin:0 auto;} .user-icon-item p{padding-top:14px;padding-bottom:9px;text-align:center;font:15px/26px "微软雅黑";color:#191919;} .user-icon-item p span{color:#00c9ff} .user-icon-item p a{display: inline-block;height: 26px;width:46px;font:14px/26px "微软雅黑";color:#45B587;margin-left: 20px;} .index-table{margin-top:10px;background-color:#FFF;} .index-table .tab-nav{border-left: 1px solid #EAECEC;border-right: 1px solid #EAECEC;} .index-table .tab-nav strong{color:#45B587;margin-left: 6px;} .index-table .tab-nav ul{float:left;} .count{float:right;padding-top:28px;padding-right:10px ;font: 14px/26px "微软雅黑";color:#000;} .count strong{margin:0 6px;} .count a{display: inline-block;height:26px;width: 58px;color:#FFF;text-align: center;} .index-table .show{display: table;} .index-table table{width: 100%;text-align: center;border: 1px solid #EAECEC;display: none} .index-table table tr{border-bottom:1px solid #F5F5F6;} .index-table thead{font:bold 16px/56px "微软雅黑" ;color:#30353A;} .index-table tbody{font:14px/48px "微软雅黑";} .index-table tbody .time{color:#F85E3C;} .index-table tbody .by{color:#45B587;vertical-align: middle;} .index-table tbody .deng{display: inline-block;height: 14px;width: 12px;} .index-table table .radio{display: inline-block;height: 15px;width: 15px;} .index-table table .tdWidth{width: 48px;} .index-table table .mail{display:inline-block;height:22px;width: 26px;margin-left: 8px;vertical-align: middle;} .more{text-align: right;padding: 12px 10px 12px ;border:1px solid #EAECEC;border-top:none;} .more a{font: 15px/24px "";color:#00c9ff;} .icon-box,.index-table table .mail,.index-table table .radio,.index-table tbody .deng,.count a,.user-icon-item p a,.icon-box,.user-list li a,.user-mask{background-image: url(../images/icon.png);background-repeat:no-repeat;} .user-mask{background-position:-460px 0;} .user-list li em{background:url(../images/icon4.png) center center no-repeat;} .user-list li .kennelcodename{background:url(../images/icon5.png) center center no-repeat;} .user-icon-item p a, .user-list li a{background-position: -414px -400px} .user-list li .hide{background-position: -414px -434px;color:#727272;} .icon-1{background:url(../images/icon1.png) center center no-repeat;height:72px;width:72px;margin:0 auto} .icon-2{background:url(../images/icon2.png) center center no-repeat;height:72px;width:72px;margin:0 auto} .icon-3{background:url(../images/icon3.png) center center no-repeat;height:72px;width:72px;margin:0 auto} .count a{background-position: -324px 0;} .count a:hover{background-position: -392px 0;} .index-table tbody .deng{background-position:-294px -266px;} .index-table table .radio{background-position: -274px -392px} .index-table table .checked{background-position: -299px -392px} .index-table table .mail{background-position: -598px -160px} /*---------基本信息--------*/ .basic-form{padding:78px 105px 100px ;} .area, .form-label-fl{float:left;} .form-label-fl{width:516px;} .form-label-fl span{float:left;font:14px/36px "微软雅黑";width:99px;} .basic-form-list{float:left;} .form-input-fr li, .form-label-fl li{margin-bottom:24px;} .form-input-fr .text, .form-label-fl .text{height:34px;width:168px;display:inline-block;padding:0 10px;font: 14px/34px ;border:1px solid #BABABA;} .form-label-fl .radio{font: 14px/34px "";} .form-label-fl .radio a{display:inline-block;height:14px;width:14px;margin-right: 10px;} .setDiv{position:relative;height:34px;border:1px solid #BABABA;float:left;} .setTime{width:92px;margin-right:30px;} .setDiv a{display:block;position:relative;height:100%;font:14px/34px "";color:#000;padding-left:12px;} .setDiv a span{position:absolute;height:7px;width:12px;right: 8px;top: 14px;} .setDiv-pop{display:none;position:absolute;top:34px;left:0;width:100%;border:1px solid #BABABA;margin-left: -1px;background-color:#FFF;z-index:2} .setArea{width:180px;} .area{font:12px/36px "";margin:0 10px;} .form-input-fr{float: right;width:290px;} .form-input-fr span{float:left;width: 98px;font: 14px/36px "微软雅黑";} .file-portrait{height:148px;width:118px;border:1px solid #BABABA;} .file p{padding:24px 0 28px 18px;} .file a{position:relative;color:#4F4E4E;font-size: 14px;z-index:2;display: block;height:14px;} .file input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;filter:alpha(opacity=0)} .form-btn{text-align:center;} .form-btn a{display:inline-block;height:45px;width:247px;font:18px/45px "微软雅黑";color:#FFF;} .form-btn a, .setDiv a span, .form-label-fl .radio a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .form-label-fl .radio a{background-position: -220px -224px;} .form-label-fl .radio .active{background-position: -244px -224px; } .setDiv a span{background-position: -220px -248px ;} .form-btn a{background-position: 0 -34px;} .form-btn a:hover{background-position: 0 -89px;} /*关联账户*/ .main-form{font:14px/ 36px "微软雅黑";padding:70px 0;/*display: none*/} .main-form li{margin-bottom:18px;} .main-form .name{float: left;width: 402px;text-align: right;} .form-list{margin-left: 422px;} .query input{height: 34px;width: 158px;border:1px solid #BABABA;padding: 0 10px; font: 12px/34px "微软雅黑";color:#191919;} .query a{display: inline-block;height: 32px;width: 100px;font: 14px/32px "微软雅黑";color:#FFF;text-align:center;margin:0 20px;} .warning{position: relative;display: inline-block;height: 24px;padding: 0 6px 0 28px;border:1px solid #45B587;background-color:#FEF2F0;font:13px/24px "微软雅黑";color:#45B587;} .warning em{position: absolute;top:50%;left: 8px;height: 14px;width: 14px;margin-top:-7px;} .warning .sj1, .warning .sj{height: 0;width: 0;overflow:hidden;border-width: 5px;border-style:dashed solid dashed dashed;position:absolute; top: 50%;margin-top:-5px;} .warning .sj{border-color:transparent #45B587 transparent transparent;left: -10px;} .warning .sj1{border-color:transparent #FEF2F0 transparent transparent;left: -9px;} .code input{height: 34px;width: 98px;border:1px solid #BABABA;padding:0 10px;font: 14px/34px "微软雅黑";color:#B2B2B2;} .code a{height: 34px;width: 121px;display: inline-block;margin: 0 20px;font: 15px/34px "微软雅黑";color:#FFF;text-align:center;} .code p{font: 12px/28px "微软雅黑";color:#B2B2B2;} .code p strong{color:#45B587;} .acc-submit{text-align:center;padding-top: 42px;} .acc-submit a{display: inline-block;height: 45px;width: 247px;font: 18px/45px "微软雅黑";color:#FFF;} .hide{display: none;} .ac-success{padding:130px 0 173px;text-align: center;} .ac-success h3{font: bold 20px/40px "微软雅黑";color:#45B587;margin-bottom:85px;} .ac-success h3 span{display: inline-block;height: 40px;width: 40px;margin-right:14px;vertical-align: middle;} .ac-success p{font: 15px/25px "微软雅黑";color:#656565;} .ac-success p span{color:#F75939;margin:0 6px;} .ac-success p a{color:#F75939;text-decoration:underline;} .ac-success h3 span,.acc-submit a,.zhuangtai a,.code a,.warning em,.query a{background-image: url(../images/icon.png);background-repeat:no-repeat;} .query a{background-position: 0 -224px} .query a:hover{background-position: -110px -224px} .warning em{background-position: -608px -192px} .code a{background-position: -336px -754px;} .code a{background-position: -336px -754px;} .code a:hover{background-position: -467px -754px;} .acc-submit a{background-position: 0 -34px;} .acc-submit a:hover{background-position: 0 -89px;} .ac-success h3 span{background-position:-390px -470px;} .zhuangtai a{background-position: -519px -633px} .zhuangtai a:hover{background-position: -519px -633px} /*常用表格*/ .down-list{padding:50px 120px 60px;} .down-list a{font:16px/36px "微软雅黑";color:#1A1F25;} .down-list span{display:inline-block;height:15px;width:15px;margin-right:10px;} .down-list-fl{float:left;width: 509px;} .down-list-fr{margin-left:509px;} .down-list span{background-image: url(../images/icon.png);background-repeat:no-repeat;} .down-list span{background-position:-305px -366px;} /*我的犬只信息*/ .dog-input{border-bottom:2px solid #F5F5F6;padding:18px 0 12px 9px;} .dog-number{float:left;} .dog-number span{font:14px/36px "微软雅黑";padding:0 30px;} .dog-number input{height:34px;width:170px;padding: 0 10px;border:1px solid #BABABA;margin-right:56px; } .dog-number a{display:inline-block;height:32px;width:110px;font:14px/32px "";color:#FFF;text-align:center;} .info-table table tr{border-bottom:1px solid #F5F5F6;} .info-table thead{font:16px/56px "微软雅黑";color:#191919;} .info-table tbody{font:14px/48px "微软雅黑";color:#191919;} .info-table table .radio{display:inline-block;height: 15px;width:15px;} .flip-padding{padding:2px 0 20px;} .info-table table .radio, .dog-number a{background-image:url(../images/icon.png);background-repeat:no-repeat;} .dog-number a{background-position:-334px -316px; } .dog-number a:hover{background-position:-334px -358px; } .info-table table .radio{background-position: -274px -392px;} .info-table table .checked{background-position: -299px -392px;} .info-table table .tdWidth{width: 46px;} /*常用地址管理*/ .common-add{padding:30px 78px 54px 91px; } .add{padding-bottom:14px;} .add a{display:inline-block;height:44px; ;width:197px;font:18px/44px "微软雅黑";color:#FFF;text-align:center;} .add span{font-size:14px;margin-left:16px;color:#45B587;} .add-item{border:1px solid #ECECEC;position:relative;margin-bottom:10px;} .add-item-tit h3{font:16px/46px "";padding-left:14px;} .add-item-tit h3 a{display:inline-block;height:20px;width:60px;font:12px/20px "";color:#FFF;text-align: center;background-color:#45B587;margin-left: 20px;} .add-list{padding:8px 14px 28px 42px;font:14px/32px "";} .add-list-fl{float:left;width:453px;} .add-list-fl .add-name{display:inline-block;width:85px;} .add-list-fr{margin-left:453px;line-height: 30px;} .add-pop-form .radio a, .add-list-fr a{display:inline-block;height:14px;width:14px;vertical-align: middle;} .add-pop-form .radio span, .add-list-fr span{display:inline-block;vertical-align: middle;width:90px;padding-left:6px;} .add-item .shut{position:absolute;top:12px;right: 16px;height:15px;width:14px;} .add-item .edit{position:absolute;bottom: 20px;right: 20px;font-size:14px;} .default, .edit-edit{color:#3FB483;} .edit-edit{margin-left:18px;} .add-mask{height:100%;width: 100%;position:fixed;top:0;left:0;} .add-pop{position:absolute;top:50%;left:50%;margin-top:-350px;margin-left:-400px;height:698px;width:798px;border:1px solid #BABABA;background-color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;} .add-pop .title{font:14px/32px "微软雅黑";padding-left:16px;border-bottom:1px solid #BABABA;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;} .add-pop .title a{float: right;height: 16px;width:16px;margin: 8px 16px} .add-pop-form{padding:46px 0 0 80px;font-size:14px; } .add-pop-form p{position:relative;font:14px/34px "微软雅黑";color:#4F4E4E;float: left;width: 222px;} .add-pop-form .spot{height:4px;width:6px;position:absolute;top:15px;left:-10px;} .add-pop-form .input {margin-bottom:10px;} .input input{display:inline-block;height:34px;border:1px solid #BABABA;padding:0 10px;line-height:34px;width:170px;} .com-setDiv{float: left;height:34px;width:92px;border:1px solid #BABABA;margin-right:30px;position: relative;} .com-setDiv a{display:block;height:100%;padding-left: 12px;font:14px/34px "";color:#000;} .com-setDiv a span{position:absolute;right: 8px;top: 15px;height:7px;width: 12px;} .com-setDiv .set-pop{position:absolute;top:34px;left:0;background-color:#FFF;border:1px solid #BABABA;margin-left:-1px;width:100%;display: none;z-index:2;} .inWidth input{width:392px;} .add-pop-form .code input{margin-right:30px;} .add-pop-form .radio{line-height:30px;} .add-pop-form .btn{padding-top:52px;text-align:center;} .add-pop-form .btn a{display:inline-block;height:45px;width:247px;font:18px/45px "";color:#FFF;} .add-pop-form .btn a, .add-pop-form .radio a, .com-setDiv a span, .add-pop-form .spot, .add-pop .title a, .add-item .shut, .add-list-fr a, .add a{background-image:url(../images/icon.png);background-repeat: no-repeat;} .add a{background-position:0 -416px;} .add a:hover{background-position:-207px -416px;} .add-pop-form .radio a, .add-list-fr a{background-position:-220px -224px;} .add-pop-form .radio .show, .add-list-fr .show{background-position:-244px -224px;} .add-item .shut{background-position: -285px 0;} .add-pop .title a{background-position: -18px 0} .add-pop-form .spot{background-position:-116px -15px;} .com-setDiv a span{background-position:-220px -248px;} .add-pop-form .btn a{background-position: 0 -34px;} .add-pop-form .btn a:hover{background-position: 0 -89px;} /*配种证明*/ .tab-input{padding:24px 0 20px;} .tab-input-fl{float:left;} .tab-input-fl label{font:14px/36px "微软雅黑";float:left;width:134px;text-align:right;color:#4F4E4E;height: 36px;line-height: 36px;} .tab-input-fl .input-box{border:1px solid #BABABA;height: 34px;width:190px;float:left;} .tab-input-fl span{display:inline-block;height:34px;width:30px;vertical-align: middle;cursor:pointer} .tab-input-fl a{float:left;height:32px;width:100px;margin:2px 0 0 10px ;text-align:center;font:14px/32px "微软雅黑";color:#FFF;} .tab-input-fr{float:right;} .tab-input-fr a{display:inline-block;margin-right:11px;height:40px;width:137px;font:14px/40px "微软雅黑";color:#FFF;text-align: center;} .common-table{min-height:350px;} .common-table table tr{border-bottom:1px solid #F6F6F6;font:14px/60px "微软雅黑";color:#191919;} .common-table table td{ text-overflow: ellipsis;-moz-text-overflow: ellipsis; white-space: nowrap;color: rgb(55,55,55);font-size: 13px; } .common-table table th{color:rgb(55,55,55);font-size:16px;} .common-table table .pending{color:#38B27F;text-decoration:underline;} .common-table table .repeal{color:#45B587;} .common-table table .repeal span{display:inline-block;height:20px;width:20px;margin-left:4px;vertical-align: middle;} .common-table table .pos{position:relative;} .check-tit a, .reason .tit a {float: right;height: 16px;width: 16px;margin: 8px 16px 8px 0;} .reason p{text-align:center;font:14px/20px "微软雅黑";margin-top:50px;} .reason .re-btn a{display:inline-block;margin:0 5px;height:30px;width:62px;font:14px/30px "微软雅黑";color:#FFF;text-align: center;} .check-box{position:fixed;height:100%;width:100%;/*background-color:rgba(000,000,000,.3);*/left:0;top:0;/*display: none;*/z-index:3;} .check-mask{overflow:hidden;position:absolute;height:700px;width:648px;left:50%; top:50%;margin-left:-325px;margin-top:-300px;background-color:#FFF;z-index:2;border:1px solid #BABABA;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;box-shadow:0 0 10px #F4F4F4;} .check-tit{background-color:#F3F3F3;border-bottom:1px solid #BABABA;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;font: 14px/32px "微软雅黑";color: #181818;padding-left: 15px;height: 34px;} .check-main{padding:22px 124px 0;} .check-main li{font:14px/38px "微软雅黑";color:#4F4E4E;} .check-main span{display:inline-block;width:158px; margin-right:20px;text-align:right;} .check-main li span a, .check-main li em a{display:inline-block;height:14px;width:15px;vertical-align: middle;margin-right:12px;} .check-main .textarea{text-align:center;} .check-main .textarea textarea{height:68px;width:360px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;padding:6px 20px;resize:none;color:#B7B7B7;} .check-main .btn{text-align:center;} .check-main .btn a{display:inline-block;height:30px;width:62px;margin:0 5px;color:#FFF;font:14px/30px "微软雅黑";} .reason .re-btn a, .check-main .btn .confirm, .check-main .btn .close, .check-main li span a, .check-main li em a, .check-tit a, .reason .tit a, .common-table table .repeal span, .tab-input-fr a, .tab-input-fl a, .tab-input-fl span{background-image: url(../images/icon.png);background-repeat:no-repeat;} .reason .re-btn .confirm{background-position:-0 -144px;} .reason .re-btn .close{background-position:-72px -144px;} .tab-input-fl span{background-position:-44px 0;} .tab-input-fl a{background-position:0 -224px} .tab-input-fr a{background-position:0 -266px;} .common-table table .repeal span{background-position:-86px 0;} .check-tit a, .reason .tit a{background-position: -18px 0;} .check-main li em a, .check-main li span a{background-position: -220px -224px;} .check-main .btn .confirm{background-position:0 -144px;} .check-main .btn .close{background-position:-72px -144px;} .check-main .btn .close:hover{background-position:-72px -184px;} .check-main .btn .confirm:hover{background-position:0 -184px;} .check-main li .show{background-position: -244px -224px;} .tab-input-fl a:hover{background-position: -110px -224px;} .tab-input-fr a:hover{background-position: -147px -266px;} .reason .re-btn .confirm:hover{background-position:-0 -184px;} .reason .re-btn .close:hover{background-position:-72px -184px;} /*藏獒鉴定*/ .app-table table{width:100%;text-align:center;} .app-table table tr{border-top:1px solid #F6F6F6;font:14px/60px "微软雅黑";color:#191919;} .app-table table .first{font:bold 18px/ 60px "微软雅黑";} .app-table table .color{background-color:#FEFEFE;} .app-table table .pending{color:#38B27F;text-decoration:underline;} .app-table table .repeal{color:#45B587;} .app-table table .repeal span{display:inline-block;height:20px;width:20px;margin-left:4px;vertical-align: middle;} .app-table table .pos{position:relative; } .pos .reason{position:absolute;top:48px;right:44px;width:258px;border:1px solid #BABABA;height:176px;background-color:#FFF;z-index:2;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .pos .reason .tit{font: 14px/32px "微软雅黑";color: #181818;padding-left:15px;text-align:left;border-bottom:1px solid #BABABA;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .check-tit a, .reason .tit a {float: right;height: 16px;width: 16px;margin: 8px 16px 8px 0;} .reason p{text-align:center;font:14px/20px "微软雅黑";margin-top:50px;} .reason .re-btn a{display:inline-block;margin:0 5px;height:30px;width:62px;font:14px/30px "微软雅黑";color:#FFF;text-align: center;} .check-box{position:fixed;height:100%;width:100%;/*background-color:rgba(000,000,000,.3);*/left:0;top:0;/*display: none;*/z-index:3;} .check-tit{background-color:#F3F3F3;border-bottom:1px solid #BABABA;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;font: 14px/32px "微软雅黑";color: #181818;padding-left: 15px;height: 34px;} .check-main{padding:22px 124px 0;} .check-main li{font:14px/38px "微软雅黑";color:#4F4E4E;} .check-main span{display:inline-block;width:158px; margin-right:20px;text-align:right;} .check-main li span a, .check-main li em a{display:inline-block;height:14px;width:15px;vertical-align: middle;margin-right:12px;} .check-main .textarea{text-align:center;} .check-main .textarea textarea{height:68px;width:360px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;padding:6px 20px;resize:none;color:#B7B7B7;} .check-main .btn{text-align:center;} .check-main .btn a{display:inline-block;height:30px;width:62px;margin:0 5px;color:#FFF;font:14px/30px "微软雅黑";} .app-table table .yellow{color:#45B587;text-decoration:underline;} .app-table table .green{color:#45B587;text-decoration:underline;} .reason .re-btn a, .check-main .btn .confirm, .check-main .btn .close, .check-main li span a, .check-main li em a, .check-tit a, .reason .tit a, .app-table table .repeal span, .tab-input-fr a, .tab-input-fl a, .tab-input-fl span{background-image: url(../images/icon.png);background-repeat:no-repeat;} .reason .re-btn .confirm{background-position:-0 -144px;} .reason .re-btn .close{background-position:-72px -144px;} .tab-input-fl span{background-position:-44px 1px;} .tab-input-fl a{background-position:0 -224px} .tab-input-fr a{background-position:0 -266px;} .app-table table .repeal span{background-position:-86px 0;} .check-tit a, .reason .tit a{background-position: -18px 0;} .check-main li em a, .check-main li span a{background-position: -220px -224px;} .check-main .btn .confirm{background-position:0 -144px;} .check-main .btn .close{background-position:-72px -144px;} .check-main .btn .close:hover{background-position:-72px -184px;} .check-main .btn .confirm:hover{background-position:0 -184px;} .check-main li .show{background-position: -244px -224px;} .tab-input-fl a:hover{background-position: -110px -224px;} .tab-input-fr a:hover{background-position: -147px -266px;} .reason .re-btn .confirm:hover{background-position:-0 -184px;} .reason .re-btn .close:hover{background-position:-72px -184px;} /*丢失证书补做申请*/ .lose-input-fl {padding: 24px 0 15px;} .lose-input-fl label {font: 14px/36px "微软雅黑";float: left;width: 134px;text-align: right;color: #4F4E4E;} .lose-input-fl .input-box {border: 1px solid #BABABA;height: 34px;width: 190px;float: left;} .input-box input {border: none;width: 132px;height: 100%;padding: 0 10px;outline: none;vertical-align: middle;} .lose-input-fl span {display: inline-block;height: 34px;width: 30px;vertical-align: middle;cursor: pointer;} .lose-input-fl a {float: left;height: 32px;width: 100px;margin: 2px 0 0 10px;text-align: center;font: 14px/32px "微软雅黑";color: #FFF;} .tab-list-fl{width:421px;padding-left:220px;float:left;} .tab-list-fr{margin-left:641px;} .tab-list li{font:15px/44px "微软雅黑";color:#1D1D1D;} .tab-input .btn{text-align:center;margin:15px 0 20px;} .tab-input .btn a{display:inline-block;height:40px;width:137px;font:14px/40px "微软雅黑";color:#fff;} .lose-table table{width:100%;text-align:center;font:14px/60px "微软雅黑" ;color:#191919;} .lose-table .thd{font:18px/60px "微软雅黑";} .lose-table thead{font: 16px/56px "微软雅黑";} .lose-table table tr{border-bottom:1px solid #F6F6F6;} .lose-table table a{color:#45B587;text-decoration:underline;} .lose-table .lose-money p{padding-left:40px;font:14px/94px "";} .lose-table .lose-money p strong{font-size:24px;color:#45B587;margin:0 3px;font-weight:bold;} .lose-table .lose-money div{text-align:center;padding-bottom:48px} .lose-table .lose-money div a{display:inline-block;height:45px;width:247px;font:20px/45px "微软雅黑";color:#FFF;} .lose-table .lose-money div a, .tab-input .btn a, .lose-input-fl a, .lose-input-fl span {background-image: url(../images/icon.png);background-repeat: no-repeat;} .lose-table .lose-money div a{background-position:0 -34px;} .lose-input-fl span {background-position: -44px 0;} .lose-input-fl a {background-position: 0 -224px;} .lose-input-fl a:hover {background-position: -110px -224px;} .tab-input .btn a{background-position:0 -266px;} .tab-input .btn a:hover{background-position:-147px -266px;} .lose-table .lose-money div a:hover{background-position:0 -89px;} /*出口证明申请*/ .export-list{padding:0 52px 0 60px;} .export-list ul{width:33.33%;float:left;} .export-list-fr{margin-left:641px;} .export-list li{font:15px/44px "微软雅黑";color:#1D1D1D;} .export-list li input{display:inline-block;height:34px;width:158px;border:1px solid #BABABA;padding:0 5px;} /*藏獒鉴定申请*/ table .first{font: 18px/ 60px "微软雅黑";} .app-input-main{margin-bottom:18px;} .app-tab-input{font: 14px/36px "微软雅黑";padding: 40px 0 20px;} .app-input-fl{float: left;} .app-input-fl .name{float: left;text-align: right;width: 253px;} .app-input-fl .tab-input-box{margin-left: 263px;} .app-input-fr{margin-left:444px;} .app-input-fr .name{width: 134px;text-align: right;float:left;} .app-input-fr .tab-input-box{margin-left: 154px;} .tab-input-box .text{height: 34px;width: 148px;border:1px solid #BABABA;padding: 0 10px;} .tab-radio a{display: inline-block;height: 14px;width: 14px;vertical-align: middle;margin-right: 10px;} .tab-set{height: 34px;width: 228px;border:1px solid #BABABA;position: relative;} .tab-set a{display: block;height:100%;padding: 0 14px;position: relative;color:#000;} .tab-set a span{height: 7px;width: 12px;position: absolute;top:14px;right: 8px;} .app-set-pop{width: 100%;border:1px solid #BABABA;position: absolute;top:34px;left: -1px;height: 218px;background-color:#FFF;} .app-set-pop .pos{position: relative;height: 100%;overflow: hidden;} .app-set-pop .down, .app-set-pop .up{height: 17px;padding: 0;width: 100%;position:absolute;z-index:2;left:0;background-color:#FFF;text-align:center;line-height: 17px;} .app-set-pop .up{top:0;} .ren-open h3 span, .app-set-pop .down i, .app-set-pop .up i{height: 5px;width: 10px;display: inline-block;background-image:url(../images/icon.png);background-repeat:no-repeat} .app-set-pop .up i{background-position: -136px 0} .ren-open h3 span, .app-set-pop .down i{background-position: -116px 0;} .app-set-pop .down{bottom:0;} .pos ul{position: absolute;top:0px;left: 0px;width: 100%;padding: 17px 0} .pos ul a:hover{background-color:#EEE;} .pos ul .active a{background-color:#EEE;color:#45B587;} .pos ul .active em{height: 10px;width: 16px;position: absolute;top: 12px;right:6px; } .tab-input-btn{text-align: center;} .tab-input-btn a{height: 40px;width: 137px;font: 15px/40px "微软雅黑";color:#FFF;display: inline-block} .table-submit{text-align: center;padding: 50px 0;} .table-submit a{display: inline-block;height: 45px;width: 247px;font: 18px/45px "微软雅黑";color:#FFF;} .table-submit a, .pos ul .active em, .tab-input-btn a, .set-pop .down i, .set-pop .up i, .tab-set a span, .tab-radio a{background-image: url(../images/icon.png);background-repeat: no-repeat;} .tab-radio a{background-position:-220px -224px;} .tab-radio .radio{background-position:-244px -224px;} .tab-set a span{background-position: -220px -248px;} .set-pop .down i{background-position:-116px 0;} .set-pop .up i{background-position:-136px 0;} .tab-input-btn a{background-position: 0 -266px;} .tab-input-btn a:hover{background-position: -147px -266px;} .pos ul .active em{background-position: -294px -296px;} .table-submit a{background-position:0 -34px;} .table-submit a:hover{background-position:0 -89px;} .overflow{ display: inline-block; width: 300px; text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; } .overflowDogName{ display: inline-block; width: 180px; text-overflow: ellipsis; -moz-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; } /*轮播*/ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px;left:0;width:100%} .swiper-pagination-bullet{width:14px;height:14px;display:inline-block;border-radius:100%;background:#DBDBDB;} button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-white .swiper-pagination-bullet{background:#fff} .swiper-pagination-bullet-active{opacity:1;background:#FF4400} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px} .swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0} .swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0} .swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)} .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff} .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000} .swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px} .swiper-container-cube,.swiper-container-flip{overflow:visible} .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .ie{position:fixed;height:100%;width:100%;top:0;left:0;z-index: 9999;} .iemask{height:100%;width:100%;background-color:#000;opacity:.2;filter:alpha(opacity=50)} .ie .iecont{height:120px;width:360px;background-color:#FFF;position: absolute;top:50%;left:50%;margin-left:-200px;margin-top:-100px;border-radius:10px;-webkit-border-radius:10px;padding:40px 20px;text-align:center;font:20px/26px "";} .iebtn a{ display: inline-block;height: 66px;width: 358px;font: 18px/66px "微软雅黑";color: #FFF;text-align: center; background-image: url(../images/loginiconfont.png); background-repeat: no-repeat;background-position:0 0;margin-top:10px;} .iebtn a:hover{background-position:0 -76px;} .id{position:fixed;height:100%;width:100%;background-color:rgba(000,000,000,.2)} /*新生犬登记按钮*/ .checkedbox a{display: inline-block;height: 16px;width: 15px;background:url(../images/icon.png);background-repeat: no-repeat; background-position: -274px -392px;margin:0 8px;} .checkedbox .checked{background-position: -299px -392px;} /*宠爱护照及等级贴纸申请*/ .applyFor{ margin:0px 50px;padding:20px 0; } .applyFor.border{ border-top: 1px solid #D2D2D2; } .applyFor>div{ padding-left: 84px; } .applyFor>div:last-child{ padding-left: 112px; } .applyFor>div img{ vertical-align: unset; } .applyFor>div .unCheck{ height: 12px; width: 12px; } .applyFor>div .checked{ height: 15px; width: 15px; } .applyFor>div span{ font: 14px/36px ""; } .applyFor>div p{ font: 14px/36px ""; } /*福利中心 福利详情*/ .wellness_label{ position: relative; } .wellness_label::before{ content:"*"; position: absolute; left: -10px; } /*分享中心*/ .share_label{ position: relative; } .share_label::before{ content:"*"; position: absolute; left: -10px; }