/*初始*/ body{min-width: 1170px;color: #777;font-family:"PingFangSCRegular","微软雅黑","Microsoft Yahei";} .wp{width: 1400px;margin: 0 auto;} a{color: #333;} a:hover{color: #da2128;} /*头部*/ #hd{position: absolute;top:35px;left:0;width: 100%;z-index: 99;} .hd-bg{height: 89px;background: url(../images/bg-hd.png) no-repeat left top;} .logo{padding: 18px 0 0 68px;} .nav-btn { float:right; line-height:89px; padding-right:40px; font-size:24px; display:none; } .nav-btn i { font-style:normal; } .nav{margin-top: 15px;padding-right: 40px;} .nav li{float: left;min-width: 66px;text-align: center;font-size: 13px;height: 69px;line-height: 69px;margin: 0 14px;font-weight: bold;} .nav li a{display: block;border-bottom: 5px solid #fff;color: #333;} .nav li a:hover,.nav li.on a{border-bottom: 5px solid #da2128;color: #da2128;} /*底部*/ #fd{background-color: #24272e;overflow: hidden;height:200px;} .ul-fd{padding-top: 18px;} .ul-fd li{float: left;height: 30px;line-height: 30px;color: #ffcb05;font-size: 13px;} .ul-fd li.add{margin-left: 68px;width: 360px;padding-left: 30px;background: url(../images/fd-ic1.png) no-repeat left 5px;} .ul-fd li.tel{margin-left: 68px;width: 195px;padding-left: 25px;background: url(../images/fd-ic2.png) no-repeat left center;} .ul-fd li.email{margin-left: 38px;width: 223px;padding-left: 25px;background: url(../images/fd-ic3.png) no-repeat left center;} .ul-fd li.wechat{position: relative;} .ul-fd li.wechat span{display: inline-block;width: 30px;height: 30px;background: url(../images/fd-ic4.png) no-repeat left top;} .ul-fd li.wechat .qr{position: absolute;left:0;top:45px;} .ul-fd li.wechat .qr img{width: 125px;height: 125px;} .ul-fd li.wechat:hover .qr{display: block;} /*首页*/ #banner,html,body{height: 100%;} #banner{position: relative;} #banner .flexslider{position: absolute;left:0;top:0;width: 100%;height: 100%;} #banner .slides li{background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%;} #banner .slides, #banner .flex-viewport, #banner .slides li{width: 100%; height: 100%; display: block;} #banner .form{width: 830px;height: 168px;position: absolute;left:50%;top:50%;margin-left: -415px;margin-top: -84px;z-index: 99;} #banner .box1{width: 830px;height: 69px;background: url(../images/bg-w50.png);} #banner .box1 .inp{width: 698px;padding-left: 26px;height: 69px;line-height: 69px \9;border:0;background: none;outline:none;font-size: 18px;color: #313131;font-family:"微软雅黑","Microsoft Yahei";font-weight: bold;} #banner .box1 .btn{width: 41px;height: 41px;background: url(../images/sou.png) no-repeat left top;float: right;margin:15px 20px 0 0;border: 0;cursor: pointer;outline:none;} #banner .form .line{margin: 12px auto;width: 66px;height: 5px;background-color: #da2128;} #banner .box2{text-align: center;} #banner .box2 a{display: inline-block;width: 272px;height: 69px;background: url(../images/bg-w50.png);line-height: 69px;font-size: 18px;color: #313131;font-weight: bold;cursor: pointer;text-align: left;} #banner .box2 a span{display: inline-block;padding-left: 120px;background: url(../images/ic-id.png) no-repeat 47px center;} .slide-Box{position: relative;margin-top: 50px;margin-bottom: 45px;} .slide-Box a.prev,.slide-Box a.next{display: inline-block;width: 40px;height: 81px;position: absolute;top:124px;} .slide-Box a.prev{left:-58px;background: url(../images/prev.png) no-repeat left top;} .slide-Box a.next{right:-58px;background: url(../images/next.png) no-repeat left top;} .slide-Box .tempWrap{width: 1140px !important;} .ul-list1 li{float: left;width: 360px;margin-right: 30px;} .ul-list1 li .pic{width: 360px;height: 216px;position: relative;} .ul-list1 li .pic img{width: 360px;height: 216px;display: block;} .ul-list1 li .pic a{display: inline-block;width: 165px;height: 34px;background: url(../images/more.png) no-repeat left top;position: absolute;right:0;bottom:0; transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; } .ul-list1 li .pic a:hover{background: url(../images/more-h.png) no-repeat left top;} .ul-list1 li .txt{height: 182px;border: 1px solid #e8e8e8;padding: 0 28px;overflow: hidden;} .ul-list1 li .txt .line{display: inline-block;width: 30px;height: 3px;background-color: #da2128;margin-top: 31px;margin-bottom: 5px;} .ul-list1 li .txt h4{font-size: 15px;margin-bottom: 10px;} .ul-list1 li .txt p{font-size: 12px;color: #777;font-family: "黑体";line-height: 22px;} /*上传身份证*/ #sban div{height: 334px;width: 100%;} .tit-m1{margin-bottom: 20px;height: 35px;line-height: 40px;position: relative;font-size: 24px;color: #333;} .tit-m1 span{display: inline-block;position: absolute;left:0;top:0;width: 30px;height: 3px;background-color: #da2128;} .ID-box{padding: 68px 0 60px 0;overflow: hidden;} .ID-box .left{width: 263px;float: left;} .ID-box .center{width: 400px;float: left;margin-left: 30px;} .ID-box .right{width: 390px;float: right;} .ID-box .left h4{margin-bottom: 25px;font-size: 15px;color: #333;} .ID-box .center p{font-size: 14px;margin-bottom: 20px;} .ID-box .right .sc1{margin-bottom: 70px;} .ID-box .right p{font-size: 14px;} .ID-box .right p .inp{height: 18px;line-height: 18px \9;border: 1px solid #777;width: 368px;padding: 0 10px;font-size: 14px;margin-bottom: 3px;} .ID-box .right p em{font-size: 14px;color: #da2128;} .ID-box .right table{width: 100%;} .ID-box .right table td{height: 30px;text-align: center;} .ID-box .right table td span{display: inline-block;width: 103px;height: 20px;line-height: 20px;text-align: center;color: #fff;font-size: 14px;background-color: #777;cursor: pointer;} .ID-box .right .btn{background-color: #777;height: 50px;width: 103px;border:0;font-size: 14px;color: #fff;font-family:"微软雅黑","Microsoft Yahei";cursor: pointer;} .ID-box .right .sc2{margin-bottom: 58px;} .jdt .p { width:100%; height:30px; line-height:30px; margin:0 auto 5px; background:rgba(0,0,0,.3); border-radius:5px; } .jdt .pi { position:relative; width:0; height:100%; background:rgba(49, 200, 52, 0.8); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; border-radius:5px; } .jdt .pi i { position:absolute; left:100%; top:0; color:#333; } /* by today */ .clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1} .contents-box { padding:68px 0 60px; } .page-content { font-size:14px; } .page-content .h-left { float:left; width:48%; } .page-content .h-right { float:right; width:48%; } .page-content .h-btn { margin-top:50px; text-align:center; } .page-content .h-btn a { display:inline-block; height:56px; line-height:56px; padding:0 40px; border-radius:20px; font-size:24px; color:#000; background:#E7E7E8; } .page-content .h-btn button { display:inline-block; height:56px; line-height:56px; padding:0 40px; border-radius:20px; font-size:24px; color:#000; background:#E7E7E8; border:0; cursor:pointer; } .page-list .ul-list1 li { margin-top:15px; } .ainfo { text-align:center; padding:0 0 10px; } .ainfo h1 { font-size:20px; } .ainfo div { padding:5px 0; } .success { text-align:center; font-size:20px; } .success p { padding:10px 0; } .btn-print { display:inline-block; height:56px; line-height:56px; padding:0 40px; border-radius:20px; font-size:24px; color:#000; background:#E7E7E8; border:0; cursor:pointer; } .pager { text-align:center; padding:20px 0; } .pager a { margin:0 5px; font-size:14px; } .pager a:hover, .pager a.current { color:#da2128; } .form .response { padding:3px 0; color:#F00; } .form .row { padding:3px 0; } .form .row span label { font-size:14px; } .form .row span label em { padding:0 3px; font-style:normal; color:#F00; } .form .row .input-text { width:200px; height:18px; line-height:18px; padding:0 10px; font-size:14px; border:1px solid #777; vertical-align:middle; } .form .row select { height:20px; border:1px solid #777; vertical-align:middle; } .form .row textarea.input-text { width:400px; height:120px; } .form .row button { margin:0; padding:10px 25px; background:#777; border:0; color:#FFF; font-size:14px; cursor:pointer; } .form .form-title { padding:25px 0 5px; } .form label.error { margin-left:5px; color:#F00; } .response { padding:5px 0; color:#F00; } .loading-box { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); } .loading-box .lb-wrap { position:absolute; left:50%; top:50%; width:300px; max-width:90%; height:100px; margin:-50px 0 0 -150px; } .loading-box .hd { height:40px; line-height:40px; padding:0 10px; background:#777; } .loading-box .hd h2 { float:left; font-size:16px; font-weight:normal; color:#FFF; } .loading-box .hd span { float:right; font-size:16px; font-weight:normal; color:#FFF; } .loading-box .hd span i { width:18px; height:18px; text-align:center; line-height:18px; cursor:pointer; } .loading-box .bd { background:#FFF; } .loading-box .lbc { padding:10px; font-size:14px; } .loading-box .lbc-wrap { height:40px; text-align:center; line-height:40px; } .friend-links { text-align:center; padding:20px 0 0; color:#ffcb05; } .friend-links a { color:#ffcb05; } .h-ft a { color:#787878; } /* by hope */ .map { background:#F4FDFC; margin-bottom:50px; } .map .c-mp { float:left; width:580px; } .map .c-t { padding-left:700px; } .map .c-t dl {} .map .c-t dl dt { float:left; } .map .c-t dl dd { padding-left:100px; } .side { float:left; width:250px; padding:50px 0; } .side .s-title { font-size:14px; color:#333; margin-bottom:15px; } .side .menu { padding-bottom:30px; } .side .menu dt { border-bottom:1px solid #ddd; } .side .menu dt a { position:relative; display:block; font-size:12px; color:#666; line-height:20px; padding:5px 0; } .side .menu dt a i { position:absolute; top:50%; right:5px; margin-top:-6px; } .side .menu dt a.current { color:#000; } .contents-box2 { float:right; width:840px; padding:50px 0; } .result {} .result h2 { color:#666; padding:40px 0 20px; } .result .num { line-height:20px; padding:8px; color:#fff; font-size:16px; background:#7D7D7D; } .result table { width:100%; } .result table td { border:1px solid #7D7D7D; line-height:20px; padding:8px; font-size:14px; color:#666; text-align:center; } .result table thead td { background:#7D7D7D; font-size:16px; color:#fff; } .h-form { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .h-form * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .h-form .h-f-h img { max-width:100%; } .h-form .h-f-b { border:3px solid #DC232A; } .h-form .h-f-left { float:left; width:50%; } .h-form .h-f-right { float:left; width:50%; } .h-form .h-f-bt { border-top:3px solid #DC232A; } .h-form .h-f-top .row { line-height:44px; } .h-form .h-f-top .row.l2 { line-height:20px; } .h-form .h-f-top .row.red label { color:#c00; } .h-form .h-f-top label { margin-right:6px; color:#000; } .h-form .h-f-top input { height:42px; line-height:40px; vertical-align:middle; border:0; border-bottom:1px dashed #ccc; } .h-form .h-f-top textarea { height:42px; line-height:40px; vertical-align:middle; border:0; border-bottom:1px dashed #ccc; } .h-form .h-f-top input:focus { outline:none; } .h-form .h-f-top textarea:focus { outline:none; } .h-form .h-f-top select { vertical-align:middle; } .h-form .h-f-top .s1 { min-width:100px; } .h-form .h-f-top .s2 { min-width:40px; } .h-form .h-f-top .s3 { min-width:200px; } .h-form .h-f-top .pd { padding:0 5px; } .h-form .h-f-top .l2 { line-height:20px; } .h-form .h-f-top .l2 input { height:21px; line-height:20px; } .h-form .h-f-top .l2 textarea { height:21px; line-height:20px; } .h-form .h-from {} .h-form .h-from .row {} .h-form .h-from .row:first-child { border-bottom:1px solid #DC232A; } .h-form .h-from .h-f-left { border-right:1px solid #DC232A; } .h-form .h-to { border-left:3px solid #DC232A; } .h-form .h-table { background:#FDE9E7; height:100%; } .h-form .h-table table { width:100%; } .h-form .h-table td { border:1px solid #fff; text-align:center; } .h-form .h-table thead td { border:1px solid #DC232A; border-top:0; border-bottom:3px solid #DC232A; color:#000; } .h-form .h-table input { width:100%; height:100%; min-height:39px; vertical-align:middle; border:0; background:none; padding:10px 5px; } .h-form .h-table textarea { width:100%; height:100%; min-height:39px; vertical-align:middle; border:0; background:none; padding:10px 5px; } .h-form .h-table input:focus { outline:none; } .h-form .h-table textarea:focus { outline:none; } .h-form .h-info { border-left:3px solid #DC232A; } .h-form .h-info .red { padding:5px; font-size:13px; color:#c00; line-height:20px; border-bottom:3px solid #DC232A; } .h-form .h-info .red em { color:#000; } .h-form .h-info h2 { padding:5px; font-size:16px; color:#c00; line-height:20px; } .h-form .h-info .row {} .h-form .h-info .row .col-2 { float:left; width:50%; padding:5px; } .h-form .h-info .row .col-2 h3 { font-size:14px; color:#333; } .h-form .h-info .row .col-3 { float:left; width:33.33333%; line-height:20px; font-size:12px; padding:3px 5px; border:1px solid #DC232A; } .h-form .h-info .row .col-3 div { color:#666; } .h-form .h-info .row .col-3 input { width:130px; border:0; background:none; margin:0 6px; } .h-form .h-info .row .col-3 input:focus { outline:none; } .h-f-h { position:relative; } .h-f-h span { position:absolute; right:0; top:0; width:300px; height:110px; text-align:center; line-height:110px; overflow:hidden; } .h-table .text-wrap { position:relative; } .h-table .text-wrap .complete { position:absolute; left:5px; top:37px; width:425px; background:#FFF; border:1px solid #DDD; } .h-table .text-wrap .complete li { padding:5px; cursor:pointer; } .h-table .text-wrap .complete li:hover, .h-table .text-wrap .complete li.on { background:#f5f5f5; } #banner .box2 .phone { display:none; } .hope { display:none; } /* by today */ .query-form { padding:20px; } .query-form .inp { width:300px; height:40px; line-height:40px; padding:0 10px; } .query-form .btn { width:100px; height:44px; cursor:pointer; } .query-result { padding:20px; } .page-contents { padding:30px 0; } .dsd-banner{background: url(../images/dsd-bk.jpg) no-repeat center top;height: 410px;background-size: 100% 100%;} .dsd-banner h1{color: #ffea19;font-size:40px;font-weight:bolder;text-align: center;padding-top: 113px;} .dsd-banner p{color: #bcbcbc;font-size:12px;text-align: center;} .form-tip { margin-bottom:10px; } .form-error { position:relative; margin-bottom:10px; padding:10px 10px 5px 20px; background:#FFF; border:1px solid #ff5a5f; color:#ff5a5f; } .form-error li { margin-bottom:5px; } .form-return { position:relative; margin-bottom:10px; padding:10px 10px 10px 30px; background:#FFF; border:1px solid #dce0e0; } .form-return:before { position:absolute; left:10px; top:10px; content:"\f06a"; font-family:FontAwesome; } .form-return-success { border-color:#3fb34f; color:#3fb34f; } .form-return-success:before { content:"\f00c"; } .form-return-faild { border-color:#ff5a5f; color:#ff5a5f; } .form-return-faild:before { content:"\f00d"; } .today-btn { position:relative; display:inline-block; height:46px; line-height:46px; padding:0 25px!important; border-radius:4px; border:0; font-size:16px; cursor:pointer; overflow:hidden; font-family:"Microsoft Yahei","arial"; } .today-btn:before { content:''; position:absolute; left:50%; top:50%; width:0; height:0; background:#000; opacity:0; border-radius:50%; overflow:hidden; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; } .today-btn:hover { color:#FFF; text-decoration:none; } .today-btn:hover:before { width:100%; height:100%; left:0; top:0; opacity:0.1; border-radius:0; } .today-btn i { margin-right:5px; } .today-btn1 { background:#097ca6; color:#FFF!important; border-style:none; padding:5px; } .today-btn2 { background:#FD7194; color:#FFF!important; } .today-btn3 { height:36px; line-height:36px; padding:0 15px; background:#097ca6; border-radius:3px; color:#FFF!important; } .input-text { width:100%; height:40px; padding:10px; background-color:#FFF; background-repeat:no-repeat; border:1px solid #C4C4C4; border-radius:2px; color:#565a5c; font-size:14px; } .input-text-user { background-position:right 11px; } .input-text-email { background-position:right -33px; } .input-text-password { background-position:right -77px; } .input-select-box { position:relative; display:inline-block; } .input-select-box:before { position:absolute; top:0; right:0; width:2em; text-align:center; line-height:1; padding-top:1.2em; font-size:14px; content:'\25bc'; transform:scale(0.84, 0.42); -webkit-transform:scale(0.84, 0.42); -moz-transform:scale(0.84, 0.42); -ms-transform:scale(0.84, 0.42); -o-transform:scale(0.84, 0.42); -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand')"; filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand'); z-index:0; } .input-select { position:relative; display:inline-block; padding:9px 2em 9px 10px; background:none; border:1px solid #C4C4C4; border-radius:2px; color:#565a5c; font-size:14px; -webkit-appearance:none; } .input-select-large-box:before { padding-top:1.8em; font-size:18px; } textarea.input-text { height:150px; } .input-checkbox, .input-radio { position:relative; -webkit-appearance:none; width:1.25em!important; height:1.25em!important; margin:0 5px -0.25em 0; vertical-align:top; border:1px solid #C4C4C4!important; border-radius:2px; color:#565a5c; font-size:14px; } .input-checkbox:checked:before, .input-radio:checked:before { position:absolute; left:1px; top:2px; content:"\f00c"; width:1.25em; text-align:center; font-size:0.85em; color:#FF5A5F; font-family:FontAwesome; } .form-by-today .row { margin-bottom:10px; } .form-by-today .row span label { float:left; width:20%; text-align:right; padding:8px 6px; font-size:14px; color:#565A5C; } .form-by-today .row .input-box { float:right; width:80%; padding:0 6px; } .form-by-today .row .input-box ul { padding:8px 0; } .form-by-today .row .form-texts { padding:8px 0; font-size:14px; } .form-by-today .btn { padding:10px 0; } .form-by-today .form-head { text-align:center; margin-bottom:18px; padding-bottom:8px; border-bottom:1px solid #dce0e0; font-size:16px; } .form-by-today .form-foot { margin-top:8px; padding-top:20px; border-top:1px solid #dce0e0; } .form-by-today .form-tip { margin-bottom:10px; font-size:14px; } .form-by-today-style2 .form-head { text-align:left; } .form-by-today-style2 h2 { font-size:20px; } .forgot-password-form .input-text { width:500px; } .small-form { width:315px; margin:0 auto; padding:20px; background:#FFF; border:1px solid #dce0e0; } .small-form .input-text { } .big-form label.error { display:block; } .big-form .row { font-size:14px; } .big-form .row .input-box ul { padding-top:6px; } .big-form .row .input-box ul li { padding:3px 0; } .link-blue, .link-blue a { color:#0fa0d5; } i.required { margin-right:5px; color:red; font-style:normal; } .table-by-today { } .table-by-today table { width:100%; margin-bottom:10px; } .table-by-today table, .table-by-today td { border:1px solid #CCC; border-collapse:collapse; } .table-by-today td { padding:5px; } .table-by-today thead td { background:#DDD; font-weight:bold; } .table-by-today tbody td { } .table-by-today tbody tr:odd td { background:#DDD; } /* --- end --- */ .form-by-today { font-size:14px; } .box-sizing-border-box, .box-sizing-border-box * { box-sizing:border-box; } .box-sizing-border-box a:hover { color:#0fa0d5; } .login .btn button, .register .btn button { width:100%; } .member-banner { height:320px; } .member-page .col-side { float:left; width:15%; } .member-page .col-main { float:right; width:80%; } .member-page .side-menu li a { display:block; padding:15px 25px; border-bottom:1px solid #DDD; font-size:14px; overflow:hidden; } .member-page .side-menu li a.current { color:#0fa0d5; } .box-by-today { border:1px solid #DDD; font-size:14px; } .box-by-today .hd { padding:10px 20px; border-bottom:1px solid #DDD; } .box-by-today .hd h2 { font-size:16px; font-weight:normal; color:#0fa0d5; } .box-by-today .bd { padding:20px; } #hd .member-login { padding-top:18px; } #hd .member-login .s1 { float:right; height:auto; margin-bottom:3px; } #hd .member-login .s2 { float:right; } .header-member { font-size:13px; } .header-member a:hover { color:#0fa0d5; } .filters { margin-bottom:10px; } .filters .input-text { width:400px; vertical-align:middle; } .filters .today-btn { height:40px; line-height:40px; border-radius:2px; vertical-align:middle; } .filters .row { margin-bottom:15px; } .choose-from-address-list a { font-weight:bold; text-decoration:underline; cursor:pointer; font-size:16px; } .choose-from-address-list a:hover { color:#0fa0d5 } .pop-box-address-list table { width:100%; } .pop-box-address-list table, .pop-box-address-list td { border-collapse:collapse; border:1px solid #333; } .pop-box-address-list td { padding:5px; font-size:14px; } .pop-box-address-list a { text-decoration:underline; color:#0fa0d5; cursor:pointer; } .pop-box-address-list thead td { font-weight:bold; } .pop-box { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); overflow:hidden; z-index:2222; color:#000; } .pop-box-wrap { position:relative; top:100px; width:500px; margin:0 auto; background:rgba(255,255,255,1); } .pop-box .close { position:absolute; right:8px; top:8px; width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; background:rgba(255,255,255,.3); color:#000; cursor:pointer; z-index:2; } .pop-box .close:hover { background:rgba(255,255,255,.6); } .pop-box .close i { position:absolute; left:5px; top:50%; width:20px; height:1px; background:#0fa0d5; overflow:hidden; } .pop-box .close i:nth-child(1) { transform:rotateZ(-45deg); -webkit-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); } .pop-box .close i:nth-child(2) { transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); } .pop-box .hd { padding:10px 20px; border-bottom:1px solid #000; } .pop-box .hd h2 { font-size:18px; } .pop-box .bd { padding:20px; } .idcheck { } .idcheck h1 { margin:20px 0 10px; font-size:18px; font-weight:normal; color:#e2383b; } .idcheck li { padding:2px 0; list-style:disc inside; } .online-order-step { font-size:18px; } .online-order-step li { float:left; width:25%; height:40px; text-align:center; line-height:40px; background:#eaeaea; } .online-order-step li.active { background:#0fa0d5; color:#FFF; } .online-form-title { text-align:left; padding:10px 0 10px 20px; font-size:18px!important; font-weight:normal; } .online-order-search { padding:60px 0 30px; } .online-order-search .inp { height:58px; border:1px solid #DDD; border-right:0; } .online-order-prod-pink td, .online-order-prod-pink th { background:#F2DEDE!important; border-color:#EBCCD1!important; color:#A94442!important; } .online-order-prod-pink td th { background:#C3D0E2!important; } .online-order-prod-pink td td { background:#FFF!important; } .online-order-prod-pink td td, .online-order-prod-pink td th { border-color:#A3B9D7!important; } .online-order-prod-blue td, .online-order-prod-blue th { background:#D9EDF7!important; border-color:#BCE8F1!important; color:#31708F!important; } .online-order-prod-blue td th { background:#C3D0E2!important; } .online-order-prod-blue td td { background:#FFF!important; } .online-order-prod-blue td td, .online-order-prod-blue td th { border-color:#A3B9D7!important; } .online-order-prod-pink select, .online-order-prod-blue select { width:100%; height:100%; border:1px solid #c4c4c4; } .idcheck-form .input-text { background:none; } .idcheck-form .btn button { width:100%; } .idcheck .hd { text-align:center; } .idcheck .hd ul { display:inline-block; width:315px; height:40px; margin-bottom:30px; } .idcheck .hd li { float:left; width:50%; height:40px; text-align:center; line-height:40px; background:#eaeaea; list-style:none; cursor:pointer; } .idcheck .hd li.on { background:#0fa0d5; color:#FFF; } .form-by-today-foot { width:315px; text-align:center; margin:0 auto; padding:20px; } .form-by-today-foot .hd { padding:0 0 10px; font-size:16px; } .form-by-today-foot .today-btn { width:100%; } .row-texts { padding:8px 6px; } /* by hope */ @media screen and (max-width:1140px) { body { min-width:0; } img { max-width:100%; height:auto; } .wp { width:100%; padding-left:10px; padding-right:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .logo { padding:18px 0 0 20px; } .nav { padding-right:0; } #fd { height:auto; padding:20px 0; } .ul-fd li { float:none; width:100% !important; height:auto !important; text-align:center; background:none !important; padding:0 !important; margin:0 !important; } .ul-fd li.wechat .qr { position:static; width:100%; display:block; } #banner { height:50%; } .ul-list1 li .pic { width:100%; height:auto; } .ul-list1 li .pic img { width:100%; height:auto; } .ul-list1 li .txt .line { margin-top:23px; } .slide-Box { width:750px; overflow:hidden; margin:50px auto 45px; } .slide-Box .bd { width:750px; overflow:hidden; margin:0 auto; } .slide-Box .tempWrap { width:750px !important; overflow:hidden; margin:0 auto; } .slide-Box a.prev { left:10px; z-index:4; } .slide-Box a.next { right:10px; z-index:4; } .map .c-mp { width:50%; } .map .c-mp iframe { width:100%; } .map .c-t { float:right; padding-left:0; width:48%; } .side { width:20%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .contents-box2 { width:75%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .page-list .ul-list1 li { width:33.33333%; padding:0 10px; margin-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .ID-box .left { display:none; } .ID-box .center { width:47%; margin-right:0; margin-left:0; } .ID-box .right { width:47%; } .ID-box .right p .inp { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } } @media screen and (max-width:960px) { img { max-width:100%; height:auto; } #hd { position:static; } .hd-bg { background:#fff; height:auto; padding-top:5px; padding-bottom:5px; } .logo { padding:0; line-height:60px; } .logo a { display:block; } .logo a img { vertical-align:middle; } .hdr { clear:both; float:none; width:100%; height:0; overflow:hidden; transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; } .hdr.on { height:240px; } .nav-btn { display:block; line-height:60px; padding-right:0; cursor:pointer; } .nav-btn .i-open { display:block; } .nav-btn .i-close { display:none; } .nav-btn.on .i-open { display:none; } .nav-btn.on .i-close { display:block; } .nav { margin-top:0; } .nav li { float:none; width:100%; margin:0; font-size:16px; height:30px; line-height:30px; font-weight:normal; } .nav li a { border-bottom:0; } .nav li a:hover { border-bottom:0; background:#da2128; color:#fff; } .nav li.on a { border-bottom:0; background:#da2128; color:#fff; } #banner { height:auto; } #banner .form { position:relative; left:0; top:0; width:100%; height:auto; margin:0; padding:100px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #banner .box1 { width:100%; } #banner .box1 form { position:relative; } #banner .box1 .inp { width:100%; padding:0 100px 0 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } #banner .box1 .btn { position:absolute; right:30px; top:15px; margin:0; float:none; } .slide-Box { width:100%; } .slide-Box .bd { width:100%; } .slide-Box .tempWrap { width:100% !important; } .map .c-mp { float:none; width:100%; margin-bottom:15px; } .map .c-t { float:none; width:100%; padding:0; } .page-list .ul-list1 li { width:50%; } .side { float:none; width:100%; padding:20px 0; } .contents-box2 { float:none; width:100%; padding:20px 0; } .form .row .input-text { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .form .row select { width:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .ID-box { padding:20px 0; } .ID-box .center { float:none; width:100%; margin-bottom:20px; } .ID-box .right { float:none; width:100%; } } @media screen and (max-width:414px) { .pc { display:none; } #banner .box2 .pc { display:none; } #banner .box2 .phone { display:block; } .hd-bg { position:absolute; top:0; left:0; width:100%; z-index:33; background:rgba(255,255,255,0.7); } .logo { height:40px; line-height:40px; } .logo a { height:100%; } .logo a img { max-height:100%; } .nav-btn { display:none; } #banner .box1 { height:44px; border-radius:44px; background:rgba(255,255,255,0.8); } #banner .box1 .inp { height:44px; line-height:44px; font-size:12px; font-weight:normal; padding:0 60px 0 10px; } #banner .box1 .btn { right:10px; top:2px; } #banner .box2 a { width:100%; height:44px; line-height:44px; font-size:12px; font-weight:normal; border-radius:44px; background:rgba(255,255,255,0.8); } #fd { display:none; } .hope { display:block; background:#E0E0E0; } .h-hd { font-size:18px; color:#333; line-height:40px; } .h-bd { padding-top:20px; } .h-bd .article { line-height:20px; color:#787878; font-size:14px; } .h-close { position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/h-close.png) no-repeat center; display:block; cursor:pointer; } .h-list ul {} .h-list li { float:left; width:33.33333%; margin-bottom:15px; } .h-list li a { display:block; width:100%; height:30px; line-height:30px; font-size:14px; color:#787878; overflow:hidden; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .h-list li a span { position:relative; display:inline-block; height:20px; } .h-list li.on a { color:#da2429; } .h-list li.on a span:before { position:absolute; top:100%; left:5%; width:90%; height:2px; margin-top:8px; background:#DA252A; content:''; display:block; } .tab-hd { padding:20px 0 0; border-bottom:2px solid #DA252A; } .tab-hd2 .h-list li a { font-size:16px; } .tab-bd {} .tab-bd .tb-list { position:relative; margin:20px 0 40px; } .h-ft { position:relative; background:#25272E; color:#787878; line-height:20px; padding:20px 0; } .h-ft .h-float { position:absolute; bottom:0; right:0; width:60px; } .h-ft .h-float a { display:block; height:60px; line-height:60px; margin-top:3px; } .h-ft .h-float a img { vertical-align:middle; } }