Skip to content

V
Vphoto
Commit 3311832d by 邓丽
Options

tab修改

parent 62430ca6
Showing with 295 additions and 48 deletions
dist/css/appoint.min.css
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}.icon:before,a{text-decoration:none}#slider ol,.box,.nav>li{text-align:center}#slider ol,#slider ul{margin:0 auto;padding:0}#slider ol>li,#slider ul>li,ol,ul{list-style:none}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon:before,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('eot'),url(../fonts/iconFont.woff2) format('woff2'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg')}.icon:before{font-family:iconFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;text-transform:none}.icon-gray:before{content:"\E001"}.icon-icon_blacktel:before{content:"\E002"}.icon-icon_donwpic:before{content:"\E003"}.icon-icon_down:before{content:"\E004"}.icon-icon_eye:before{content:"\E005"}.icon-icon_livepic:before{content:"\E006"}.icon-icon_local:before{content:"\E007"}.icon-icon_more:before{content:"\E008"}.icon-icon_order:before{content:"\E009"}.icon-icon_pen:before{content:"\E00A"}.icon-icon_people:before{content:"\E00B"}.icon-icon_person:before{content:"\E00C"}.icon-icon_picture:before{content:"\E00D"}.icon-icon_redlocal:before{content:"\E00E"}.icon-icon_redphone:before{content:"\E00F"}.icon-icon_return:before{content:"\E010"}.icon-icon_reverse_order:before{content:"\E011"}.icon-icon_right:before{content:"\E012"}.icon-icon_shop:before{content:"\E013"}.icon-icon_tel:before{content:"\E014"}.icon-icon_tex:before{content:"\E015"}.icon-icon_time:before{content:"\E016"}.icon-icon_type:before{content:"\E017"}.icon-icon_up:before{content:"\E018"}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;height:3.36rem;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}#slider ul>li,.box{height:10.66666667rem;line-height:10.66666667rem}.nav-tabs a.active{color:red;border-bottom:.16rem solid red}.appointment h2,.appointment>ul li:first-child{border-bottom:1px solid #ddd}.tab-panel{display:none}#slider,.appointment>ul li,.show,.tab-panel.active{display:block}.box{background:silver;overflow:hidden;position:relative}#slider ul{height:10.66666667rem}#slider ul>li{float:left;width:100%}#slider ul>li img{width:100%;height:100%;object-fit:cover}#slider ol{position:absolute;bottom:.53333333rem}#slider ol>li{float:left;height:.53333333rem;line-height:.53333333rem;width:.53333333rem;margin:0 5px;border-radius:50%;background:#c9c9c9}#slider ol>li.active{background:red}.appointment>ul{padding:0 2.66666667rem}.appointment h2,.appointment h3{text-align:left;padding:0 .96rem}.appointment>ul li{font-size:.8rem;height:2.77333333rem;line-height:2.77333333rem;text-align:left;clear:both}.appointment>ul li a{display:block;vertical-align:middle;font-size:.8rem}.hidden{display:none}.appointment{margin-bottom:1.06666667rem}.appointment h2{height:2.24rem;line-height:2.24rem;font-size:.85333333rem;background:#fff;color:#414141}.appointment h3{height:1.6rem;line-height:1.6rem;font-size:.74666667rem;color:red}.appointment form ul li,.appointment table tr{height:2.77333333rem;border-bottom:1px solid #ddd}.appointment table{width:90%;margin-left:5%}.appointment table tr{text-align:center;line-height:2.77333333rem}.appointment table tr td,.appointment table tr th{padding:.26666667rem .37333333rem;font-size:.69333333rem;text-align:center;max-width:8rem;line-height:1.33333333rem}.appointment table tr td a,.appointment table tr th a{display:block}.appointment table tr td a i:before,.appointment table tr th a i:before{display:inline-block;color:red;font-size:2.13333333rem;margin-top:-.53333333rem}.appointment table tr td:first-child,.appointment table tr th:first-child{text-align:left}.appointment p{padding:.53333333rem 1.01333333rem;font-size:.64rem;color:#939393}.appointment form{padding:0 .8rem}.appointment form ul li{position:relative;padding:0 .8rem;line-height:2.77333333rem;text-align:left;vertical-align:middle}.appointment form ul li span{display:inline-block;font-size:.69333333rem}.appointment form ul li label{display:inline-block;font-size:.8rem;vertical-align:middle}.appointment form ul li label:before{font-size:2.13333333rem;margin-right:.53333333rem;margin-top:-.69333333rem;display:inline-block;vertical-align:top}.appointment form ul li label.tel:before{color:#666;font-size:1.86666667rem;margin-top:-.53333333rem}.appointment form ul li input{height:1.49333333rem;line-height:1.49333333rem;padding:0 .53333333rem;width:10.66666667rem;font-size:.69333333rem;border-radius:4px;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}.appointment form ul li #city-picker{position:absolute;left:6.18666667rem;top:.85333333rem;opacity:0}.appointment .submit_btn{width:100%;text-align:center;margin-top:1.2rem;margin-bottom:.8rem}.appointment .submit_btn button{background:#a0a0a0;display:inline-block;color:#fff;width:18.05333333rem;text-align:center;height:2.34666667rem;line-height:2.34666667rem;border-radius:24px;font-size:.85333333rem}.appointment .jd,.appointment .tb{background-image:url(../img/sprites.png)}.appointment .next{display:inline-block;float:right}.appointment .next:before{font-size:2.66666667rem;line-height:2.34666667rem;display:inline-block;vertical-align:middle;margin-top:-1.6rem;color:#666}.appointment .features_intro img{width:100%}.appointment .jd,.appointment .tb{display:inline-block;vertical-align:middle;margin-right:.26666667rem}.appointment .jd{background-position:0 -38px;width:25px;height:26px}.appointment .tb{background-position:-25px -38px;width:25px;height:25px}.contactTel{clear:both;height:2.66666667rem;line-height:2.66666667rem;font-size:.8rem;background:#fff;color:#414141;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}.contactTel a{display:block}.contactTel .phone{display:inline-block;margin-left:.53333333rem;color:red;vertical-align:middle}.contactTel .phone:before{display:inline-block;font-size:2.13333333rem;margin-top:-.58666667rem}[data-dpr="2"] .appointment .jd,[data-dpr="2"] .appointment .tb{display:inline-block;vertical-align:middle;margin-right:.26666667rem}[data-dpr="2"] .appointment .tb{background-image:url(../img/sprites.png);background-position:-25px -38px;width:25px;height:25px}[data-dpr="2"] .appointment .jd{background-image:url(../img/sprites.png);background-position:0 -38px;width:25px;height:26px}[data-dpr="3"] .appointment .jd,[data-dpr="3"] .appointment .tb{display:inline-block;vertical-align:middle;margin-right:.26666667rem}[data-dpr="3"] .appointment .tb{background-image:url(../img/sprites.png);background-position:0 0;width:38px;height:38px}[data-dpr="3"] .appointment .jd{background-image:url(../img/sprites.png);background-position:-38px 0;width:36px;height:36px}
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}.icon:before,a{text-decoration:none}#slider ol,.box,.nav>li{text-align:center}#slider ol>li,#slider ul>li,ol,ul{list-style:none}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon:before,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('eot'),url(../fonts/iconFont.woff2) format('woff2'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg')}.icon:before{font-family:iconFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;text-transform:none}.icon-gray:before{content:"\E001"}.icon-icon_blacktel:before{content:"\E002"}.icon-icon_donwpic:before{content:"\E003"}.icon-icon_down:before{content:"\E004"}.icon-icon_eye:before{content:"\E005"}.icon-icon_livepic:before{content:"\E006"}.icon-icon_local:before{content:"\E007"}.icon-icon_more:before{content:"\E008"}.icon-icon_order:before{content:"\E009"}.icon-icon_pen:before{content:"\E00A"}.icon-icon_people:before{content:"\E00B"}.icon-icon_person:before{content:"\E00C"}.icon-icon_picture:before{content:"\E00D"}.icon-icon_redlocal:before{content:"\E00E"}.icon-icon_redphone:before{content:"\E00F"}.icon-icon_return:before{content:"\E010"}.icon-icon_reverse_order:before{content:"\E011"}.icon-icon_right:before{content:"\E012"}.icon-icon_shop:before{content:"\E013"}.icon-icon_tel:before{content:"\E014"}.icon-icon_tex:before{content:"\E015"}.icon-icon_time:before{content:"\E016"}.icon-icon_type:before{content:"\E017"}.icon-icon_up:before{content:"\E018"}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;height:3.36rem;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}#slider ul>li,.box{height:10.66666667rem;line-height:10.66666667rem}.nav-tabs .active:after{display:block;content:'';width:70%;margin-left:15%;color:red;border-bottom:.16rem solid red}#slider ol,#slider ul{margin:0 auto;padding:0}.appointment h2,.appointment>ul li:first-child{border-bottom:1px solid #ddd}.tab-panel{display:none}#slider,.appointment>ul li,.show{display:block}.box{background:silver;overflow:hidden;position:relative}#slider ul{height:10.66666667rem}#slider ul>li{float:left;width:100%}#slider ul>li img{width:100%;height:100%;object-fit:cover}#slider ol{position:absolute;bottom:.53333333rem}#slider ol>li{float:left;height:.53333333rem;line-height:.53333333rem;width:.53333333rem;margin:0 5px;border-radius:50%;background:#c9c9c9}#slider ol>li.active{background:red}.appointment>ul{padding:0 2.66666667rem}.appointment h2,.appointment h3{text-align:left;padding:0 .96rem}.appointment>ul li{font-size:.8rem;height:2.77333333rem;line-height:2.77333333rem;text-align:left;clear:both}.appointment>ul li a{display:block;vertical-align:middle;font-size:.8rem}.hidden{display:none}.appointment{margin-bottom:1.06666667rem}.appointment h2{height:2.24rem;line-height:2.24rem;font-size:.85333333rem;background:#fff;color:#414141}.appointment h3{height:1.6rem;line-height:1.6rem;font-size:.74666667rem;color:red}.appointment form ul li,.appointment table tr{height:2.77333333rem;border-bottom:1px solid #ddd}.appointment table{width:90%;margin-left:5%}.appointment table tr{text-align:center;line-height:2.77333333rem}.appointment table tr td,.appointment table tr th{padding:.26666667rem .37333333rem;font-size:.69333333rem;text-align:center;max-width:8rem;line-height:1.33333333rem}.appointment table tr td a,.appointment table tr th a{display:block}.appointment table tr td a i:before,.appointment table tr th a i:before{display:inline-block;color:red;font-size:2.13333333rem;margin-top:-.53333333rem}.appointment table tr td:first-child,.appointment table tr th:first-child{text-align:left}.appointment p{padding:.53333333rem 1.01333333rem;font-size:.64rem;color:#939393}.appointment form{padding:0 .8rem}.appointment form ul li{position:relative;padding:0 .8rem;line-height:2.77333333rem;text-align:left;vertical-align:middle}.appointment form ul li span{display:inline-block;font-size:.69333333rem}.appointment form ul li label{display:inline-block;font-size:.8rem;vertical-align:middle}.appointment form ul li label:before{font-size:2.13333333rem;margin-right:.53333333rem;margin-top:-.69333333rem;display:inline-block;vertical-align:top}.appointment form ul li label.tel:before{color:#666;font-size:1.86666667rem;margin-top:-.53333333rem}.appointment form ul li input{height:1.49333333rem;line-height:1.49333333rem;padding:0 .53333333rem;width:10.66666667rem;font-size:.69333333rem;border-radius:4px;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}.appointment form ul li #city-picker{position:absolute;left:6.18666667rem;top:.85333333rem;opacity:0}.appointment .submit_btn{width:100%;text-align:center;margin-top:1.2rem;margin-bottom:.8rem}.appointment .submit_btn button{background:#a0a0a0;display:inline-block;color:#fff;width:18.05333333rem;text-align:center;height:2.34666667rem;line-height:2.34666667rem;border-radius:24px;font-size:.85333333rem}.appointment .jd,.appointment .tb{background-image:url(../img/sprites.png)}.appointment .next{display:inline-block;float:right}.appointment .next:before{font-size:2.66666667rem;line-height:2.34666667rem;display:inline-block;vertical-align:middle;margin-top:-1.6rem;color:#666}.appointment .features_intro img{width:100%}.appointment .jd,.appointment .tb{display:inline-block;vertical-align:middle;margin-right:.26666667rem}.appointment .jd{background-position:0 -38px;width:25px;height:26px}.appointment .tb{background-position:-25px -38px;width:25px;height:25px}.contactTel{clear:both;height:2.66666667rem;line-height:2.66666667rem;font-size:.8rem;background:#fff;color:#414141;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}.contactTel a{display:block}.contactTel .phone{display:inline-block;margin-left:.53333333rem;color:red;vertical-align:middle}.contactTel .phone:before{display:inline-block;font-size:2.13333333rem;margin-top:-.58666667rem}.tab-pane{display:none}.active{display:block}[data-dpr="2"] .appointment .jd,[data-dpr="2"] .appointment .tb,[data-dpr="3"] .appointment .jd,[data-dpr="3"] .appointment .tb{display:inline-block;vertical-align:middle;margin-right:.26666667rem}[data-dpr="2"] .appointment .tb{background-image:url(../img/sprites.png);background-position:-25px -38px;width:25px;height:25px}[data-dpr="2"] .appointment .jd{background-image:url(../img/sprites.png);background-position:0 -38px;width:25px;height:26px}[data-dpr="3"] .appointment .tb{background-image:url(../img/sprites.png);background-position:0 0;width:38px;height:38px}[data-dpr="3"] .appointment .jd{background-image:url(../img/sprites.png);background-position:-38px 0;width:36px;height:36px}
/*# sourceMappingURL=appoint.min.css.map */
dist/css/appoint.min.css.map
{"version":3,"sources":["common/base.less","appoint.css","iconfont/iconfont.less","common/util/img-responsible.less","common/mixin/rem.less","ui-widget/nav-tabs.less","common/mixin/clearfix.less","ui-widget/slider.less","ui-widget/purchase.less","common/mixin/text-center.less","appoint.less","common/util/badge.less"],"names":[],"mappings":"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","file":"appoint.min.css","sourcesContent":["@charset \"UTF-8\";\r\n/* 变量 */\r\n@import \"./variable/variable.less\";\r\n\r\n/* mixin:功能类 */\r\n@import \"./mixin/mixin.less\";\r\n\r\n/* 通用类 */\r\n@import \"./util/util.less\";\r\n\r\n*,\r\n*:after,\r\n*:before {\r\n box-sizing: border-box;\r\n}\r\nhtml {\r\n font-family: sans-serif;\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\nbody {\r\n font-family: \"PingFang SC\" ,\"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n background: #f9f9f9;\r\n word-break:break-all;\r\n color: @txt-deep-grey;\r\n background: @bg-light-grey;\r\n}\r\n/* Remove default margin */\r\nbody, h1, h2, h3, h4, h5, h6, ul, ol, p {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: lighter;\r\n}\r\n/* Links\r\n ========================================================================== */\r\na {\r\n color: #353535;\r\n text-decoration: none;\r\n}\r\na:active,\r\na:hover {\r\n outline-width: 0;\r\n cursor: pointer;\r\n}\r\n\r\n/* Font adjust\r\n ========================================================================== */\r\ndiv,\r\nspan,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nheader,\r\nfooter,\r\nsection,\r\nheader {\r\n font-size: 100%;\r\n}\r\n/* List\r\n ========================================================================== */\r\nol,\r\nul {\r\n list-style: none;\r\n}\r\n\r\n/* Forms\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers (opinionated).\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\n textarea {\r\n resize: none;\r\n }\r\n\r\ninput,\r\ntextarea,\r\nbutton,\r\nselect\r\n{\r\n outline: none;\r\n border: none;\r\n/* -webkit-appearance : none;*/\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n font-family: sans-serif; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput { /* 1 */\r\n overflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect { /* 1 */\r\n text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n * controls in Android 4.\r\n * 2. Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\nhtml [type=\"button\"], /* 1 */\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Change the border, margin, and padding in all browsers (opinionated).\r\n */\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * 1. Add the correct display in IE 9-.\r\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n display: inline-block; /* 1 */\r\n vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE.\r\n */\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10-.\r\n * 2. Remove the padding in IE 10-.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n}\r\n\r\n/* HTML5 display definitions\r\n ========================================================================== */\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n display: block;\r\n}\r\n\r\n//\r\n// 1. Correct `inline-block` display not defined in IE 8/9.\r\n// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n//\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block; // 1\r\n vertical-align: baseline; // 2\r\n}\r\n\r\n//\r\n// Prevent modern browsers from displaying `audio` without controls.\r\n// Remove excess height in iOS 5 devices.\r\n//\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n//\r\n// Address `[hidden]` styling not present in IE 8/9/10.\r\n// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\r\n//\r\n[hidden],\r\ntemplate {\r\n display: none;\r\n}\r\n\r\n/* Text-level semantics\r\n ========================================================================== */\r\nem {\r\n font-style: normal;\r\n}\r\nimg {\r\n border: 0;\r\n}\r\n\r\n// Tables\r\n// ==========================================================================\r\n//\r\n// Remove most spacing between table cells.\r\n//\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 0;\r\n}\r\n\r\n.hidden{\r\n display:none;\r\n }\r\n","@charset \"UTF-8\";\n/* 变量 */\n/* mixin:功能类 */\n/* 通用类 */\n.cover img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*状态徽章*/\n*,\n*:after,\n*:before {\n box-sizing: border-box;\n}\nhtml {\n font-family: sans-serif;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n font-family: \"PingFang SC\", \"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\n font-size: 14px;\n line-height: 1.5;\n background: #f9f9f9;\n word-break: break-all;\n color: #353535;\n background: #f4f5f9;\n}\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol,\np {\n padding: 0;\n margin: 0;\n font-weight: lighter;\n}\n/* Links\n ========================================================================== */\na {\n color: #353535;\n text-decoration: none;\n}\na:active,\na:hover {\n outline-width: 0;\n cursor: pointer;\n}\n/* Font adjust\n ========================================================================== */\ndiv,\nspan,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nheader,\nfooter,\nsection,\nheader {\n font-size: 100%;\n}\n/* List\n ========================================================================== */\nol,\nul {\n list-style: none;\n}\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\ntextarea {\n resize: none;\n}\ninput,\ntextarea,\nbutton,\nselect {\n outline: none;\n border: none;\n /* -webkit-appearance : none;*/\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n}\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n/* HTML5 display definitions\n ========================================================================== */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n vertical-align: baseline;\n}\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n[hidden],\ntemplate {\n display: none;\n}\n/* Text-level semantics\n ========================================================================== */\nem {\n font-style: normal;\n}\nimg {\n border: 0;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\ntd,\nth {\n padding: 0;\n}\n.hidden {\n display: none;\n}\n/*\nLESS variables are information about icon's compiled state, stored under its original file name\n\n.icon-home {\n width: @icon-home-width;\n}\n\nThe large array-like variables contain all information about a single icon\n@icon-home: x y offset_x offset_y width height total_width total_height image_path name;\n\nAt the bottom of this section, we provide information about the spritesheet itself\n@spritesheet: width height image @spritesheet-sprites;\n*/\n/*\nThe provided classes are intended to be used with the array-like variables\n\n.icon-home {\n .sprite-width(@icon-home);\n}\n.icon-email {\n .sprite(@icon-email);\n}\n\nExample usage in HTML:\n\n`display: block` sprite:\n<div class=\"icon-home\"></div>\n\nTo change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:\n\n// CSS\n.icon {\n display: inline-block;\n}\n\n// HTML\n<i class=\"icon icon-home\"></i>\n*/\n/*\nThe `.sprites` mixin generates identical output to the CSS template\n but can be overridden inside of LESS\n\nThis must be run when you have at least 2 sprites.\n If run with a single sprite, then there will be reference errors.\n\n.sprites(@spritesheet-sprites);\n*/\n@font-face {\n font-family: \"iconFont\";\n src: url('../fonts/iconFont.eot');\n src: url('../fonts/iconFont.eot?#iefix') format('eot'), url('../fonts/iconFont.woff2') format('woff2'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype'), url('../fonts/iconFont.svg#iconFont') format('svg');\n}\n.icon:before {\n font-family: \"iconFont\";\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n font-variant: normal;\n font-weight: normal;\n /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */\n text-decoration: none;\n text-transform: none;\n}\n.icon-gray:before {\n content: \"\\E001\";\n}\n.icon-icon_blacktel:before {\n content: \"\\E002\";\n}\n.icon-icon_donwpic:before {\n content: \"\\E003\";\n}\n.icon-icon_down:before {\n content: \"\\E004\";\n}\n.icon-icon_eye:before {\n content: \"\\E005\";\n}\n.icon-icon_livepic:before {\n content: \"\\E006\";\n}\n.icon-icon_local:before {\n content: \"\\E007\";\n}\n.icon-icon_more:before {\n content: \"\\E008\";\n}\n.icon-icon_order:before {\n content: \"\\E009\";\n}\n.icon-icon_pen:before {\n content: \"\\E00A\";\n}\n.icon-icon_people:before {\n content: \"\\E00B\";\n}\n.icon-icon_person:before {\n content: \"\\E00C\";\n}\n.icon-icon_picture:before {\n content: \"\\E00D\";\n}\n.icon-icon_redlocal:before {\n content: \"\\E00E\";\n}\n.icon-icon_redphone:before {\n content: \"\\E00F\";\n}\n.icon-icon_return:before {\n content: \"\\E010\";\n}\n.icon-icon_reverse_order:before {\n content: \"\\E011\";\n}\n.icon-icon_right:before {\n content: \"\\E012\";\n}\n.icon-icon_shop:before {\n content: \"\\E013\";\n}\n.icon-icon_tel:before {\n content: \"\\E014\";\n}\n.icon-icon_tex:before {\n content: \"\\E015\";\n}\n.icon-icon_time:before {\n content: \"\\E016\";\n}\n.icon-icon_type:before {\n content: \"\\E017\";\n}\n.icon-icon_up:before {\n content: \"\\E018\";\n}\n/* 字体 */\n/* 背景 */\n.nav {\n background: #434343;\n}\n.nav:before,\n.nav:after {\n content: ' ';\n display: table;\n}\n.nav:after {\n clear: both;\n}\n.nav > li {\n float: left;\n text-align: center;\n color: #fff;\n}\n.nav.col-1 li {\n /*\t.px1rem(width, 375);*/\n width: 100%;\n}\n.nav.col-2 li {\n /*\t.px1rem(width, 375);*/\n width: 50%;\n}\n.nav.col-3 li {\n /*\t.px1rem(width, 250);*/\n width: 33.33%;\n}\n.nav.col-4 li {\n /* .px1rem(width, 187.5);*/\n width: 25%;\n}\n.nav-tabs a {\n display: inline-block;\n height: 3.36rem;\n line-height: 3.36rem;\n font-size: 0.8rem;\n color: #fff;\n font-size: 0.96rem;\n width: 6.66666667rem;\n}\n.nav-tabs a.active {\n color: #ff0000;\n border-bottom: 0.16rem solid #ff0000;\n}\n.tab-panel {\n display: none;\n}\n.tab-panel.active {\n display: block;\n}\n.box {\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n background: silver;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n#slider {\n display: block;\n}\n#slider ul {\n margin: 0 auto;\n padding: 0px;\n height: 10.66666667rem;\n}\n#slider ul > li {\n float: left;\n width: 100%;\n list-style: none;\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n}\n#slider ul > li img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n#slider ol {\n text-align: center;\n position: absolute;\n bottom: 0.53333333rem;\n margin: 0 auto;\n padding: 0;\n}\n#slider ol > li {\n float: left;\n height: 0.53333333rem;\n line-height: 0.53333333rem;\n width: 0.53333333rem;\n list-style: none;\n margin: 0 5px;\n border-radius: 50%;\n background: #c9c9c9;\n}\n#slider ol > li.active {\n background: #ff0000;\n}\n/*购买设备公用样式*/\n.appointment > ul {\n padding: 0.26666667rem 1.06666667rem;\n padding: 0rem 2.66666667rem;\n}\n.appointment > ul li {\n font-size: 0.8rem;\n text-align: center;\n height: 2.77333333rem;\n line-height: 2.77333333rem;\n text-align: left;\n display: block;\n clear: both;\n}\n.appointment > ul li a {\n display: block;\n vertical-align: middle;\n font-size: 0.8rem;\n}\n.appointment > ul li:first-child {\n border-bottom: 1px solid #ddd;\n}\n.appointment .features_intro img {\n width: 100%;\n}\n/*显示隐藏*/\n.show {\n display: block;\n}\n.hidden {\n display: none;\n}\n/*预约摄影师*/\n.appointment {\n margin-bottom: 1.06666667rem;\n}\n.appointment h2 {\n text-align: center;\n height: 2.24rem;\n line-height: 2.24rem;\n font-size: 0.85333333rem;\n background: #fff;\n color: #414141;\n text-align: left;\n padding: 0rem 0.96rem;\n border-bottom: 1px solid #ddd;\n}\n.appointment h3 {\n text-align: center;\n height: 1.6rem;\n line-height: 1.6rem;\n text-align: left;\n padding: 0rem 0.96rem;\n font-size: 0.74666667rem;\n color: #ff0000;\n}\n.appointment table {\n width: 90%;\n margin-left: 5%;\n}\n.appointment table tr {\n border-bottom: 1px solid #ddd;\n text-align: center;\n height: 2.77333333rem;\n line-height: 2.77333333rem;\n}\n.appointment table tr th,\n.appointment table tr td {\n padding: 0.26666667rem 0.37333333rem;\n font-size: 0.69333333rem;\n text-align: center;\n max-width: 8rem;\n line-height: 1.33333333rem;\n}\n.appointment table tr th a,\n.appointment table tr td a {\n display: block;\n}\n.appointment table tr th a i:before,\n.appointment table tr td a i:before {\n display: inline-block;\n color: #ff0000;\n font-size: 2.13333333rem;\n margin-top: -0.53333333rem;\n}\n.appointment table tr th:first-child,\n.appointment table tr td:first-child {\n text-align: left;\n}\n.appointment p {\n padding: 0.53333333rem 1.01333333rem;\n font-size: 0.64rem;\n color: #939393;\n}\n.appointment form {\n padding: 0rem 0.8rem;\n}\n.appointment form ul li {\n position: relative;\n padding: 0rem 0.8rem;\n text-align: center;\n height: 2.77333333rem;\n line-height: 2.77333333rem;\n border-bottom: 1px solid #ddd;\n text-align: left;\n vertical-align: middle;\n}\n.appointment form ul li span {\n display: inline-block;\n font-size: 0.69333333rem;\n}\n.appointment form ul li label {\n display: inline-block;\n font-size: 0.8rem;\n vertical-align: middle;\n}\n.appointment form ul li label:before {\n font-size: 2.13333333rem;\n margin-right: 0.53333333rem;\n margin-top: -0.69333333rem;\n display: inline-block;\n vertical-align: top;\n}\n.appointment form ul li label.tel:before {\n color: #666;\n font-size: 1.86666667rem;\n margin-top: -0.53333333rem;\n}\n.appointment form ul li input {\n height: 1.49333333rem;\n line-height: 1.49333333rem;\n padding: 0rem 0.53333333rem;\n width: 10.66666667rem;\n font-size: 0.69333333rem;\n border-radius: 4px;\n box-shadow: 0px 0px 10px #ccc;\n}\n.appointment form ul li #city-picker {\n position: absolute;\n left: 6.18666667rem;\n top: 0.85333333rem;\n opacity: 0;\n}\n.appointment .submit_btn {\n width: 100%;\n text-align: center;\n margin-top: 1.2rem;\n margin-bottom: 0.8rem;\n}\n.appointment .submit_btn button {\n background: #a0a0a0;\n display: inline-block;\n color: #fff;\n width: 18.05333333rem;\n text-align: center;\n height: 2.34666667rem;\n line-height: 2.34666667rem;\n border-radius: 24px;\n font-size: 0.85333333rem;\n}\n.appointment .next {\n display: inline-block;\n float: right;\n}\n.appointment .next:before {\n font-size: 2.66666667rem;\n line-height: 2.34666667rem;\n display: inline-block;\n vertical-align: middle;\n margin-top: -1.6rem;\n color: #666;\n}\n.appointment .features_intro img {\n width: 100%;\n}\n.appointment .jd,\n.appointment .tb {\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.26666667rem;\n}\n.appointment .jd {\n background-image: url(../img/sprites.png);\n background-position: 0px -38px;\n width: 25px;\n height: 26px;\n}\n.appointment .tb {\n background-image: url(../img/sprites.png);\n background-position: -25px -38px;\n width: 25px;\n height: 25px;\n}\n.contactTel {\n clear: both;\n height: 2.66666667rem;\n line-height: 2.66666667rem;\n font-size: 0.8rem;\n background: #fff;\n color: #414141;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n text-align: center;\n}\n.contactTel a {\n display: block;\n}\n.contactTel .phone {\n display: inline-block;\n margin-left: 0.53333333rem;\n color: #ff0000;\n vertical-align: middle;\n}\n.contactTel .phone:before {\n display: inline-block;\n font-size: 2.13333333rem;\n margin-top: -0.58666667rem;\n}\n/*2倍分辨率*/\n[data-dpr=\"2\"] .appointment .tb,\n[data-dpr=\"2\"] .appointment .jd {\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.26666667rem;\n}\n[data-dpr=\"2\"] .appointment .tb {\n background-image: url(../img/sprites.png);\n background-position: -25px -38px;\n width: 25px;\n height: 25px;\n}\n[data-dpr=\"2\"] .appointment .jd {\n background-image: url(../img/sprites.png);\n background-position: 0px -38px;\n width: 25px;\n height: 26px;\n}\n/*3倍分辨率*/\n[data-dpr=\"3\"] .appointment .tb,\n[data-dpr=\"3\"] .appointment .jd {\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.26666667rem;\n}\n[data-dpr=\"3\"] .appointment .tb {\n background-image: url(../img/sprites.png);\n background-position: 0px 0px;\n width: 38px;\n height: 38px;\n}\n[data-dpr=\"3\"] .appointment .jd {\n background-image: url(../img/sprites.png);\n background-position: -38px 0px;\n width: 36px;\n height: 36px;\n}\n","@font-face {\r\n\tfont-family: \"iconFont\";\r\n\tsrc: url('../fonts/iconFont.eot');\r\n\tsrc: url('../fonts/iconFont.eot?#iefix') format('eot'),\r\n\t\turl('../fonts/iconFont.woff2') format('woff2'),\r\n\t\turl('../fonts/iconFont.woff') format('woff'),\r\n\t\turl('../fonts/iconFont.ttf') format('truetype'),\r\n\t\turl('../fonts/iconFont.svg#iconFont') format('svg');\r\n}\r\n\r\n.icon:before {\r\n\tfont-family: \"iconFont\";\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\tfont-style: normal;\r\n\tfont-variant: normal;\r\n\tfont-weight: normal;\r\n\t/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */\r\n\ttext-decoration: none;\r\n\ttext-transform: none;\r\n}\r\n\r\n\r\n.icon-gray:before {\r\n\tcontent: \"\\E001\";\r\n}\r\n\r\n.icon-icon_blacktel:before {\r\n\tcontent: \"\\E002\";\r\n}\r\n\r\n.icon-icon_donwpic:before {\r\n\tcontent: \"\\E003\";\r\n}\r\n\r\n.icon-icon_down:before {\r\n\tcontent: \"\\E004\";\r\n}\r\n\r\n.icon-icon_eye:before {\r\n\tcontent: \"\\E005\";\r\n}\r\n\r\n.icon-icon_livepic:before {\r\n\tcontent: \"\\E006\";\r\n}\r\n\r\n.icon-icon_local:before {\r\n\tcontent: \"\\E007\";\r\n}\r\n\r\n.icon-icon_more:before {\r\n\tcontent: \"\\E008\";\r\n}\r\n\r\n.icon-icon_order:before {\r\n\tcontent: \"\\E009\";\r\n}\r\n\r\n.icon-icon_pen:before {\r\n\tcontent: \"\\E00A\";\r\n}\r\n\r\n.icon-icon_people:before {\r\n\tcontent: \"\\E00B\";\r\n}\r\n\r\n.icon-icon_person:before {\r\n\tcontent: \"\\E00C\";\r\n}\r\n\r\n.icon-icon_picture:before {\r\n\tcontent: \"\\E00D\";\r\n}\r\n\r\n.icon-icon_redlocal:before {\r\n\tcontent: \"\\E00E\";\r\n}\r\n\r\n.icon-icon_redphone:before {\r\n\tcontent: \"\\E00F\";\r\n}\r\n\r\n.icon-icon_return:before {\r\n\tcontent: \"\\E010\";\r\n}\r\n\r\n.icon-icon_reverse_order:before {\r\n\tcontent: \"\\E011\";\r\n}\r\n\r\n.icon-icon_right:before {\r\n\tcontent: \"\\E012\";\r\n}\r\n\r\n.icon-icon_shop:before {\r\n\tcontent: \"\\E013\";\r\n}\r\n\r\n.icon-icon_tel:before {\r\n\tcontent: \"\\E014\";\r\n}\r\n\r\n.icon-icon_tex:before {\r\n\tcontent: \"\\E015\";\r\n}\r\n\r\n.icon-icon_time:before {\r\n\tcontent: \"\\E016\";\r\n}\r\n\r\n.icon-icon_type:before {\r\n\tcontent: \"\\E017\";\r\n}\r\n\r\n.icon-icon_up:before {\r\n\tcontent: \"\\E018\";\r\n}\r\n\r",".cover {\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n.px1rem(@name, @px) {\r\n @{name}: @px/37.5rem;\r\n}\r\n// padding, margin\r\n.px2rem(@name, @tb, @lr) {\r\n @{name}: @tb/37.5rem @lr/37.5rem;\r\n}\r\n.px3rem(@name, @t, @lr, @b) {\r\n @{name}: @t/37.5rem @lr/37.5rem @b/37.5rem;\r\n}\r\n.px4rem(@name, @t, @r, @b, @l) {\r\n @{name}: @t/37.5rem @r/37.5rem @b/37.5rem @l/37.5rem;\r\n}\r\n\r\n// 字体\r\n.font-size( @font-size ) {\r\n font-size : @font-size;\r\n [data-dpr=\"2\"] & {\r\n font-size: @font-size * 2;\r\n }\r\n [data-dpr=\"3\"] & {\r\n font-size: @font-size * 3;\r\n }\r\n}\r\n",".nav {\r\n background: @bg-dark-grey;\r\n .clearfix();\r\n > li {\r\n float: left;\r\n text-align: center;\r\n color: #fff;\r\n }\r\n}\r\n.nav.col-1 {\r\n li {\r\n /*\t.px1rem(width, 375);*/\r\n width:100%;\r\n }\r\n}\r\n.nav.col-2 {\r\n\tli {\r\n\t/*\t.px1rem(width, 375);*/\r\n width:50%;\r\n\t}\r\n}\r\n.nav.col-3 {\r\n\tli {\r\n\t/*\t.px1rem(width, 250);*/\r\n width:33.33%;\r\n\t}\r\n}\r\n.nav.col-4 {\r\n li {\r\n /* .px1rem(width, 187.5);*/\r\n width:25%;\r\n }\r\n}\r\n.nav-tabs {\r\n a {\r\n display: inline-block;\r\n .px1rem(height,126);\r\n .px1rem(line-height,126);\r\n .px1rem(font-size, 30);\r\n color: @txt-white;\r\n .px1rem(font-size,36);\r\n .px1rem(width,250);\r\n }\r\n a.active {\r\n color: @txt-red;\r\n .border-bottom(6, @txt-red);\r\n }\r\n\r\n}\r\n.tab-panel {\r\n display: none;\r\n}\r\n.tab-panel.active {\r\n display: block;\r\n}\r\n","@charset \"UTF-8\";\r\n.clearfix() {\r\n &:before,\r\n &:after {\r\n content: ' ';\r\n display: table;\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n",".box {\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n background: silver;\r\n text-align: center;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n#slider{\r\n display: block;\r\n ul{\r\n margin: 0 auto;\r\n padding: 0px;\r\n .px1rem(height,400);\r\n >li{\r\n float: left;\r\n width: 100%;\r\n list-style: none;\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n img{\r\n width:100%;\r\n height:100%;\r\n -o-object-fit: cover;\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n ol {\r\n text-align: center;\r\n position: absolute;\r\n .px1rem(bottom,20);\r\n margin: 0 auto;\r\n padding: 0;\r\n > li {\r\n float: left;\r\n .px1rem(height,20);\r\n .px1rem(line-height,20);\r\n .px1rem(width,20);\r\n list-style: none;\r\n margin: 0 5px;\r\n border-radius: 50%;\r\n background: #c9c9c9;\r\n &.active {\r\n background: @bg-red;\r\n }\r\n }\r\n }\r\n}\r\n","\r\n\r\n/*购买设备公用样式*/\r\n.appointment{\r\n >ul{\r\n .px2rem(padding,10,40);\r\n .px2rem(padding,0,100);\r\n li{\r\n .px1rem(font-size,30);\r\n .text-center(104);\r\n text-align: left;\r\n display: block;\r\n clear: both;\r\n a{\r\n display: block;\r\n vertical-align: middle;\r\n .px1rem(font-size,30);\r\n }\r\n &:first-child{\r\n border-bottom: 1px solid #ddd;\r\n }\r\n }\r\n }\r\n .features_intro{\r\n img{\r\n width:100%;\r\n }\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n.text-center(@px) {\r\n text-align: center;\r\n .px1rem(height, @px);\r\n .px1rem(line-height, @px);\r\n}\r\n","@charset \"UTF-8\";\r\n@import \"./common/base.less\";\r\n@import \"./sprites/sprites.less\";\r\n@import \"./iconfont/iconfont.less\";\r\n@import \"./common/variable/variable.less\";\r\n@import \"./ui-widget/nav-tabs.less\";\r\n@import \"./ui-widget/slider.less\";\r\n@import \"./ui-widget/purchase.less\";\r\n/*显示隐藏*/\r\n.show{\r\n display: block;\r\n}\r\n.hidden{\r\n display: none;\r\n}\r\n\r\n/*预约摄影师*/\r\n.appointment{\r\n .px1rem(margin-bottom,40);\r\n h2{\r\n .text-center(84);\r\n .px1rem(font-size,32);\r\n background: @bg-white;\r\n color: @txt-light-black;\r\n text-align: left;\r\n .px2rem(padding,0,36);\r\n border-bottom: 1px solid #ddd;\r\n }\r\n h3{\r\n .text-center(60);\r\n text-align: left;\r\n .px2rem(padding,0,36);\r\n .px1rem(font-size,28);\r\n color: @txt-red;\r\n }\r\n table{\r\n width: 90%;\r\n margin-left: 5%;\r\n tr{\r\n border-bottom: 1px solid #ddd;\r\n .text-center(104);\r\n th,td{\r\n .px2rem(padding,10,14);\r\n .px1rem(font-size,26);\r\n text-align: center;\r\n .px1rem(max-width,300);\r\n .px1rem(line-height,50);\r\n a{\r\n display: block;\r\n i:before{\r\n display: inline-block;\r\n color: @txt-red;\r\n .px1rem(font-size,80);\r\n .px1rem(margin-top,-20);\r\n }\r\n }\r\n &:first-child{\r\n text-align: left;\r\n }\r\n }\r\n }\r\n }\r\n p{\r\n .px2rem(padding,20,38);\r\n .px1rem(font-size,24);\r\n color: #939393;\r\n }\r\n form{\r\n .px2rem(padding,0,30);\r\n ul li{\r\n position: relative;\r\n .px2rem(padding,0,30);\r\n .text-center(104);\r\n border-bottom: 1px solid #ddd;\r\n text-align: left;\r\n vertical-align: middle;\r\n span{\r\n display: inline-block;\r\n .px1rem(font-size,26);\r\n }\r\n label{\r\n display: inline-block;\r\n .px1rem(font-size,30);\r\n vertical-align: middle;\r\n &:before{\r\n .px1rem(font-size,80);\r\n .px1rem(margin-right,20);\r\n .px1rem(margin-top,-26);\r\n display: inline-block;\r\n vertical-align: top;\r\n }\r\n &.tel:before{\r\n color: #666;\r\n .px1rem(font-size,70);\r\n .px1rem(margin-top,-20);\r\n }\r\n }\r\n input{\r\n .px1rem(height,56);\r\n .px1rem(line-height,56);\r\n .px2rem(padding,0,20);\r\n .px1rem(width,400);\r\n .px1rem(font-size,26);\r\n border-radius:4px;\r\n box-shadow: 0px 0px 10px #ccc;\r\n }\r\n #city-picker{\r\n position: absolute;\r\n .px1rem(left,232);\r\n .px1rem(top,32);\r\n opacity: 0;\r\n }\r\n }\r\n }\r\n .submit_btn{\r\n width: 100%;\r\n text-align: center;\r\n .px1rem(margin-top,45);\r\n .px1rem(margin-bottom,30);\r\n button{\r\n .grey_badge(677,88);\r\n border-radius: 24px;\r\n .px1rem(font-size,32);\r\n }\r\n }\r\n .next{\r\n display: inline-block;\r\n float: right;\r\n &:before{\r\n .px1rem(font-size,100);\r\n .px1rem(line-height,88);\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-top,-60);\r\n color: @txt-dark-grey;\r\n }\r\n }\r\n .features_intro{\r\n img{\r\n width:100%;\r\n }\r\n }\r\n\r\n .jd,\r\n .tb{\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-right,10);\r\n }\r\n .jd{\r\n .sprite(@icon-jd-2x);\r\n }\r\n .tb{\r\n .sprite(@icon-tb-2x);\r\n }\r\n\r\n\r\n\r\n}\r\n.contactTel{\r\n a{\r\n display: block;\r\n }\r\n clear: both;\r\n .text-center(100);\r\n .px1rem(font-size,30);\r\n background: @bg-white;\r\n color: @txt-light-black;\r\n border-top: 1px solid #ddd;\r\n border-bottom: 1px solid #ddd;\r\n text-align: center;\r\n .phone{\r\n display: inline-block;\r\n .px1rem(margin-left,20);\r\n color: @bg-red;\r\n vertical-align: middle;\r\n &:before{\r\n display: inline-block;\r\n .px1rem(font-size,80);\r\n .px1rem(margin-top,-22);\r\n }\r\n }\r\n}\r\n\r\n/*2倍分辨率*/\r\n[data-dpr=\"2\"] .appointment .tb,\r\n[data-dpr=\"2\"] .appointment .jd{\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-right,10);\r\n}\r\n[data-dpr=\"2\"] .appointment .tb{\r\n .sprite(@icon-tb-2x);\r\n}\r\n[data-dpr=\"2\"] .appointment .jd{\r\n .sprite(@icon-jd-2x);\r\n}\r\n/*3倍分辨率*/\r\n[data-dpr=\"3\"] .appointment .tb,\r\n[data-dpr=\"3\"] .appointment .jd{\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-right,10);\r\n}\r\n[data-dpr=\"3\"] .appointment .tb{\r\n .sprite(@icon-tb-3x);\r\n}\r\n[data-dpr=\"3\"] .appointment .jd{\r\n .sprite(@icon-jd-3x);\r\n}\r\n","/*状态徽章*/\r\n.status(@width,@height){\r\n display: inline-block;\r\n color: @txt-white;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n border: 1px solid #fff;\r\n .px1rem(border-radius,24);\r\n background: rgba(0,0,0,0.3);\r\n}\r\n\r\n.badge(@width,@height){\r\n display: inline-block;\r\n color: @txt-white;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n}\r\n.orange_badge(@width,@height) {\r\n background: @bg-orange;\r\n .badge(@width,@height);\r\n}\r\n.green_badge(@width,@height) {\r\n background: @bg-green;\r\n .badge(@width,@height);\r\n}\r\n.blue_badge(@width,@height) {\r\n background: @bg-blue;\r\n .badge(@width,@height);\r\n}\r\n.red_badge(@width,@height) {\r\n background: @bg-red;\r\n .badge(@width,@height);\r\n}\r\n\r\n.grey_badge(@width,@height) {\r\n background: @bg-grey;\r\n .badge(@width,@height);\r\n}\r\n\r\n.transparent_badge(@width,@height){\r\n display: inline-block;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n .px1rem(font-size,24);\r\n background: rgba(0,0,0,0.3);\r\n color: @txt-white;\r\n box-shadow: 0px 0px 4px #ccc;\r\n}\r\n"]}
\ No newline at end of file
{"version":3,"sources":["common/base.less","appoint.css","iconfont/iconfont.less","common/mixin/clearfix.less","common/util/img-responsible.less","common/mixin/rem.less","ui-widget/nav-tabs.less","ui-widget/slider.less","ui-widget/purchase.less","common/mixin/text-center.less","appoint.less"],"names":[],"mappings":"iBAUA,ECEA,OACA,QAqIA,ODrIE,mBAAA,WCmCF,ED3BA,KAiBA,MAAA,QC+NA,aArNA,EA6NE,gBAAsoH,KAgKxoH,WA5BA,KA5CA,QCtPA,WAAA,ODkUA,cAhBA,cAxVA,GAAA,GEvEE,WAAA,KCFF,WAEI,MAAA,KACA,OAAA,KACA,WAAA,MACA,gBAAA,OJKJ,ECEA,OACA,QDAE,WAAA,WAEF,KACE,YAAA,WACA,yBAAA,KACA,qBAAA,KACA,4BAAA,YAEF,KACE,YAAA,cAAA,iBAAA,UAAA,QAAA,WACA,UAAA,KACA,YAAA,IAEA,WAAA,UAEA,WAAA,QAGF,KCGA,GACA,GACA,GACA,GACA,GACA,GAEA,GACA,EAFA,GDRE,QAAA,EACA,OAAA,EACA,YAAA,QCkBF,SDVA,QCYE,cAAe,EDVf,OAAA,QCaF,IAUA,ODjBA,GCWA,GACA,GACA,GACA,GACA,GACA,OAEA,QATA,KAWE,UAAW,KASb,SAAA,OAAA,KA2FE,SAAU,KAtFZ,OAHA,MAIA,OAFA,SDJC,QAAA,EACE,YCUH,OACA,MACA,SACA,OACA,SAAE,YAAA,WDDF,UAAA,KCME,YAAqmB,KAErmB,OAAwmB,EAI1mB,OACA,MDLE,SAAA,QCSF,OAEA,OAEE,eADC,KAMH,aAAA,cAFA,OACA,mBAGE,mBAAoB,OAKtB,gCACA,+BACA,gCAHA,yBAGA,aAAA,KAEE,QAAS,EDAX,6BCKA,4BACA,6BAHA,sBAIE,QAAoB,WAAP,OAAJ,IAGX,SAAA,OAAA,IAAA,MAAA,OAEE,OAAQ,EAAE,IACV,QADC,MAAA,OAAA,MAIH,ODDE,WAAA,WCID,MAAA,QAGC,QAA69C,MDC/9C,UAAA,KCGE,QAA6+C,EDC7+C,YAAA,OCKF,UAWA,gBDIA,aACE,mBAAA,WAAA,WAAA,WACA,QAAA,ECGF,yCACA,yCDDE,OAAA,KCKF,cADC,mBAAA,UAIC,eAAg/D,KAIl/D,4CACA,yCDFE,mBAAA,KCIF,6BAGE,mBAAoB,ODAtB,KAAA,QC6DA,aAzBA,GD+BE,WAAA,OC7DF,QACA,MACA,QDCA,WCCA,OACA,OACA,OACA,KACA,KACA,IACA,QAFA,QAIE,QAAS,MDCX,MCEA,OACA,SACA,MAFA,QAAA,aAIE,eAAgB,SAElB,sBDEA,QAAA,KACE,OAAA,ECCF,SACA,SAFC,QAAA,KASD,IAFC,OAAA,EAKD,MACE,gBAAiB,SACjB,eAHC,EAKH,GACA,GDGE,QAAA,ECMF,WACE,YAAa,SACb,IAAK,2BACL,IAAK,kCAAiC,cAAe,6BAA4B,gBAAiB,4BAA2B,eAAgB,2BAA0B,mBAAoB,oCAAmC,cAEhO,aACE,YAAa,SACb,uBAAwB,YACxB,wBAAyB,UAD1B,aAAA,ODWD,YAAA,ICJE,eAAgB,KAElB,kBAFC,QAAA,QAKD,2BDaE,QAAA,QAOF,0BChBE,QAAS,QAEX,uBAFA,QAAA,QDuBA,sBACE,QAAA,QAEF,0BACE,QAAA,QASF,wBACE,QAAA,QCvBF,uBD2BA,QAAA,QCxBA,wBAFC,QAAA,QAKD,sBAFC,QAAA,QAKD,yBACE,QAAS,QAEX,yBACE,QAAS,QAEX,0BACE,QAAS,QAEX,2BACE,QAAS,QADX,2BAIE,QAAS,QAEX,yBACE,QAAS,QAEX,gCACE,QAAS,QAEX,wBACE,QAAS,QAEX,uBACE,QAAS,QAEX,sBACE,QAAS,QAEX,sBACE,QAAS,QAEX,uBACE,QAAS,QAEX,uBAFA,QAAA,QAKA,qBACE,QAAS,QAIX,KAFE,WAAA,QAMF,WADA,YC1VC,QAAA,ID0VA,QAAA,MAKD,WCtVE,MAAA,KDyVF,QCtVC,MAAA,KDsVC,MAAA,KAKF,cCnVA,MAAA,KDuVA,cClVC,MAAA,IAGD,cDkVC,MAAA,OAKD,cC/UA,MAAA,IDmVA,YC/UA,QAAA,aACC,OAAA,QD8UA,YAAA,QC1UA,MAAA,KD6UA,UAAA,OC1UD,MAAA,cD8WA,cAhBA,KC9SA,OAAA,eACC,YAAA,eD+RD,wBC5UA,QAAA,MACC,QAAA,GD2UA,MAAA,ICxUD,YAAA,IACC,MAAA,ID0UA,cAAA,OAAA,MAAA,IAuCD,WCtVA,WA4BA,OAAA,EAAA,KACC,QAAA,EDiXD,gBAjBA,+BIldE,cAAA,IAAA,MAAA,KJyYF,WAFC,QAAA,KCtTD,QI1EA,mBLkdA,MIzdE,QAAA,MJ+YF,KCrUC,WAAA,OAGD,SAAA,OACC,SAAA,SAOD,WAIA,OAAA,eDsUA,cClUA,MAAA,KACC,MAAA,KAOD,kBACC,MAAA,KD+TA,OAAA,KC5TD,WAAA,MDkUA,WC7TC,SAAA,SD6TA,OAAA,aAID,cACA,MAAQ,KKlbR,OAAA,aACE,YAAA,aLobD,MAAA,aAKC,OAAQ,EAAE,IEtbR,cAAA,IACA,WAAA,QAEF,qBACE,WAAA,IF0bJ,gBK7bI,QACA,EAAA,cL+dJ,gBAWA,gBACC,WAAA,KMzeD,QAAA,EAAA,ODCA,mBL2bE,UAAA,MAED,OAAA,cKvbD,YAAA,cLybE,WAAA,KAED,MAAA,KAKD,qBKvbI,QAAA,MLsbH,eAAA,OKnbD,UAAA,MLmcA,QK7bA,QAAA,KLicA,aKnbI,cAAA,cLsbJ,gBKhbA,OAAA,QACE,YAAA,QLgbD,UAAA,aK9aD,WAAA,KACE,MAAA,QLubF,gBM3eE,OAAA,OACA,YAAA,OAGA,UAAA,aN2eD,MAAA,IOjfD,wBDKA,sBFNE,OAAA,cJuoBD,cAAA,IAAA,MAAA,KAhJD,mBM7eE,MAAA,IFVA,YAAA,GEMF,sBAQI,WAAA,OFdF,YAAA,cEMF,yBN2fA,yBM9eM,QAAA,aAAA,aACA,UAAA,aAEA,WAAA,ON8eL,UAAA,KM9fD,YAAA,cNogBA,2BADA,2BM3eI,QAAA,MAxBJ,oCNugBA,oCM5eM,QAAA,aFjCJ,MAAA,IAAA,UAAA,cAAA,WAAA,cJqhBF,qCADA,qCM5eM,WAAA,KACA,eACE,QAAA,aAAA,cN8eP,UAAA,OACD,MAAA,QAIA,kBIzhBE,QAAA,EAAA,MGHF,wBHDE,SAAA,SIAA,QAAA,EAAA,MDQI,YAAA,cAEA,WAAA,KP4hBL,eAAA,OAID,6BO7hBQ,QAAA,aHbN,UAAA,aGgBI,8BACE,QAAA,aP6hBP,UAAA,MO7iBD,eAAA,OPkjBA,qCADA,UAAQ,cS3iBR,aAAA,aACE,WAAA,cT6iBD,QAAA,aS3iBD,eAAA,ITgjBA,yCADA,MAAS,KS3iBT,UAAA,cLdE,WAAA,cKcF,8BDdE,OAAA,cJAA,YAAA,cAAA,QAAA,EAAA,aAAA,MAAA,eKmBG,UAAA,aACA,cAAA,IACA,mBAAA,EAAA,EAAA,KAAA,KLjBH,WAAA,EAAA,EAAA,KAAA,KJqkBF,qCS3jBA,SAAA,SDdE,KAAA,cJAA,IAAA,aAAA,QAAA,EJ+kBF,yBI/kBE,MAAA,KK8BE,WAAA,OTkjBH,WAAA,OSlkBD,cAAA,MTukBA,gCADC,WAAA,QStkBD,QAAA,aAsBM,MAAA,KDpCJ,MAAA,eJAA,WAAA,OAAA,OAAA,cJ0lBD,YAAA,cS5kBD,cAAA,KTglBE,UAAW,aAuBb,iBAMA,iBS7mBA,iBAAA,wBTklBA,mBSvjBQ,QAAA,aLzCN,MAAA,MJomBF,0BStlBA,UAAA,cTwlBE,YAAa,cSzjBL,QAAA,aTyjBT,eAAA,OSxlBD,WAAA,QT4lBE,MAAO,KAET,iCI5mBE,MAAA,KJ+mBF,iBS1jBQ,iBT4jBN,QAAS,aS3jBD,eAAA,OT2jBT,aAAA,aAID,iBSvjBI,oBAAA,EAAA,MTwjBH,MAAA,KSxmBD,OAAA,KT6mBA,iBSxjBM,oBAAA,MAAA,ML/DJ,MAAA,KIJA,OAAA,KRioBF,YS3jBM,MAAA,KACA,OAAA,cACA,YAAA,cT2jBL,UAAA,MSrnBD,WAAA,KA4DQ,MAAA,QL1EN,WAAA,IAAA,MAAA,KJuoBD,cAAA,IAAA,MAAA,KSznBD,WAAA,OT8nBA,cS5jBQ,QAAA,MACA,mBLjFN,QAAA,aAAA,YAAA,aAAA,MAAA,IKqFQ,eAAA,OTgkBV,0BS7jBQ,QAAA,aACE,UAAA,cLzFR,WAAA,cJ0pBF,US5oBA,QAAA,KT+oBA,QIzpBE,QAAA,MJ8pBF,gCADA,gCAoBA,gCADA,gCQprBE,QAAA,aJAA,eAAA,OAAA,aAAA,aJuqBF,gCIvqBE,iBAAA,wBK2GM,oBAAA,MAAA,MT4jBP,MAAA,KSzpBD,OAAA,KT+pBA,gCI7qBE,iBAAA,wBAAA,oBAAA,EAAA,MJ6qBD,MAAA,KS/pBD,OAAA,KT4qBA,gCAFC,iBAAA,wBS1qBD,oBAAA,EAAA,EA6GI,MAAA,KACA,OAAA,KACA,gCL7HF,iBAAA,wBAAA,oBAAA,MAAA,EKgII,MAAA,KACA,OAAA","file":"appoint.min.css","sourcesContent":["@charset \"UTF-8\";\r\n/* 变量 */\r\n@import \"./variable/variable.less\";\r\n\r\n/* mixin:功能类 */\r\n@import \"./mixin/mixin.less\";\r\n\r\n/* 通用类 */\r\n@import \"./util/util.less\";\r\n\r\n*,\r\n*:after,\r\n*:before {\r\n box-sizing: border-box;\r\n}\r\nhtml {\r\n font-family: sans-serif;\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\nbody {\r\n font-family: \"PingFang SC\" ,\"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n background: #f9f9f9;\r\n word-break:break-all;\r\n color: @txt-deep-grey;\r\n background: @bg-light-grey;\r\n}\r\n/* Remove default margin */\r\nbody, h1, h2, h3, h4, h5, h6, ul, ol, p {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: lighter;\r\n}\r\n/* Links\r\n ========================================================================== */\r\na {\r\n color: #353535;\r\n text-decoration: none;\r\n}\r\na:active,\r\na:hover {\r\n outline-width: 0;\r\n cursor: pointer;\r\n}\r\n\r\n/* Font adjust\r\n ========================================================================== */\r\ndiv,\r\nspan,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nheader,\r\nfooter,\r\nsection,\r\nheader {\r\n font-size: 100%;\r\n}\r\n/* List\r\n ========================================================================== */\r\nol,\r\nul {\r\n list-style: none;\r\n}\r\n\r\n/* Forms\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers (opinionated).\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\n textarea {\r\n resize: none;\r\n }\r\n\r\ninput,\r\ntextarea,\r\nbutton,\r\nselect\r\n{\r\n outline: none;\r\n border: none;\r\n/* -webkit-appearance : none;*/\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n font-family: sans-serif; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput { /* 1 */\r\n overflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect { /* 1 */\r\n text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n * controls in Android 4.\r\n * 2. Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\nhtml [type=\"button\"], /* 1 */\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Change the border, margin, and padding in all browsers (opinionated).\r\n */\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * 1. Add the correct display in IE 9-.\r\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n display: inline-block; /* 1 */\r\n vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE.\r\n */\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10-.\r\n * 2. Remove the padding in IE 10-.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n}\r\n\r\n/* HTML5 display definitions\r\n ========================================================================== */\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n display: block;\r\n}\r\n\r\n//\r\n// 1. Correct `inline-block` display not defined in IE 8/9.\r\n// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n//\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block; // 1\r\n vertical-align: baseline; // 2\r\n}\r\n\r\n//\r\n// Prevent modern browsers from displaying `audio` without controls.\r\n// Remove excess height in iOS 5 devices.\r\n//\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n//\r\n// Address `[hidden]` styling not present in IE 8/9/10.\r\n// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\r\n//\r\n[hidden],\r\ntemplate {\r\n display: none;\r\n}\r\n\r\n/* Text-level semantics\r\n ========================================================================== */\r\nem {\r\n font-style: normal;\r\n}\r\nimg {\r\n border: 0;\r\n}\r\n\r\n// Tables\r\n// ==========================================================================\r\n//\r\n// Remove most spacing between table cells.\r\n//\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 0;\r\n}\r\n\r\n.hidden{\r\n display:none;\r\n }\r\n","@charset \"UTF-8\";\n/* 变量 */\n/* mixin:功能类 */\n/* 通用类 */\n.cover img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*状态徽章*/\n*,\n*:after,\n*:before {\n box-sizing: border-box;\n}\nhtml {\n font-family: sans-serif;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n font-family: \"PingFang SC\", \"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\n font-size: 14px;\n line-height: 1.5;\n background: #f9f9f9;\n word-break: break-all;\n color: #353535;\n background: #f4f5f9;\n}\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol,\np {\n padding: 0;\n margin: 0;\n font-weight: lighter;\n}\n/* Links\n ========================================================================== */\na {\n color: #353535;\n text-decoration: none;\n}\na:active,\na:hover {\n outline-width: 0;\n cursor: pointer;\n}\n/* Font adjust\n ========================================================================== */\ndiv,\nspan,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nheader,\nfooter,\nsection,\nheader {\n font-size: 100%;\n}\n/* List\n ========================================================================== */\nol,\nul {\n list-style: none;\n}\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\ntextarea {\n resize: none;\n}\ninput,\ntextarea,\nbutton,\nselect {\n outline: none;\n border: none;\n /* -webkit-appearance : none;*/\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n}\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n/* HTML5 display definitions\n ========================================================================== */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n vertical-align: baseline;\n}\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n[hidden],\ntemplate {\n display: none;\n}\n/* Text-level semantics\n ========================================================================== */\nem {\n font-style: normal;\n}\nimg {\n border: 0;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\ntd,\nth {\n padding: 0;\n}\n.hidden {\n display: none;\n}\n/*\nLESS variables are information about icon's compiled state, stored under its original file name\n\n.icon-home {\n width: @icon-home-width;\n}\n\nThe large array-like variables contain all information about a single icon\n@icon-home: x y offset_x offset_y width height total_width total_height image_path name;\n\nAt the bottom of this section, we provide information about the spritesheet itself\n@spritesheet: width height image @spritesheet-sprites;\n*/\n/*\nThe provided classes are intended to be used with the array-like variables\n\n.icon-home {\n .sprite-width(@icon-home);\n}\n.icon-email {\n .sprite(@icon-email);\n}\n\nExample usage in HTML:\n\n`display: block` sprite:\n<div class=\"icon-home\"></div>\n\nTo change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:\n\n// CSS\n.icon {\n display: inline-block;\n}\n\n// HTML\n<i class=\"icon icon-home\"></i>\n*/\n/*\nThe `.sprites` mixin generates identical output to the CSS template\n but can be overridden inside of LESS\n\nThis must be run when you have at least 2 sprites.\n If run with a single sprite, then there will be reference errors.\n\n.sprites(@spritesheet-sprites);\n*/\n@font-face {\n font-family: \"iconFont\";\n src: url('../fonts/iconFont.eot');\n src: url('../fonts/iconFont.eot?#iefix') format('eot'), url('../fonts/iconFont.woff2') format('woff2'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype'), url('../fonts/iconFont.svg#iconFont') format('svg');\n}\n.icon:before {\n font-family: \"iconFont\";\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-style: normal;\n font-variant: normal;\n font-weight: normal;\n /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */\n text-decoration: none;\n text-transform: none;\n}\n.icon-gray:before {\n content: \"\\E001\";\n}\n.icon-icon_blacktel:before {\n content: \"\\E002\";\n}\n.icon-icon_donwpic:before {\n content: \"\\E003\";\n}\n.icon-icon_down:before {\n content: \"\\E004\";\n}\n.icon-icon_eye:before {\n content: \"\\E005\";\n}\n.icon-icon_livepic:before {\n content: \"\\E006\";\n}\n.icon-icon_local:before {\n content: \"\\E007\";\n}\n.icon-icon_more:before {\n content: \"\\E008\";\n}\n.icon-icon_order:before {\n content: \"\\E009\";\n}\n.icon-icon_pen:before {\n content: \"\\E00A\";\n}\n.icon-icon_people:before {\n content: \"\\E00B\";\n}\n.icon-icon_person:before {\n content: \"\\E00C\";\n}\n.icon-icon_picture:before {\n content: \"\\E00D\";\n}\n.icon-icon_redlocal:before {\n content: \"\\E00E\";\n}\n.icon-icon_redphone:before {\n content: \"\\E00F\";\n}\n.icon-icon_return:before {\n content: \"\\E010\";\n}\n.icon-icon_reverse_order:before {\n content: \"\\E011\";\n}\n.icon-icon_right:before {\n content: \"\\E012\";\n}\n.icon-icon_shop:before {\n content: \"\\E013\";\n}\n.icon-icon_tel:before {\n content: \"\\E014\";\n}\n.icon-icon_tex:before {\n content: \"\\E015\";\n}\n.icon-icon_time:before {\n content: \"\\E016\";\n}\n.icon-icon_type:before {\n content: \"\\E017\";\n}\n.icon-icon_up:before {\n content: \"\\E018\";\n}\n/* 字体 */\n/* 背景 */\n.nav {\n background: #434343;\n}\n.nav:before,\n.nav:after {\n content: ' ';\n display: table;\n}\n.nav:after {\n clear: both;\n}\n.nav > li {\n float: left;\n text-align: center;\n color: #fff;\n}\n.nav.col-1 li {\n /*\t.px1rem(width, 375);*/\n width: 100%;\n}\n.nav.col-2 li {\n /*\t.px1rem(width, 375);*/\n width: 50%;\n}\n.nav.col-3 li {\n /*\t.px1rem(width, 250);*/\n width: 33.33%;\n}\n.nav.col-4 li {\n /* .px1rem(width, 187.5);*/\n width: 25%;\n}\n.nav-tabs a {\n display: inline-block;\n height: 3.36rem;\n line-height: 3.36rem;\n font-size: 0.8rem;\n color: #fff;\n font-size: 0.96rem;\n width: 6.66666667rem;\n}\n.nav-tabs .active:after {\n display: block;\n content: '';\n width: 70%;\n margin-left: 15%;\n color: #ff0000;\n border-bottom: 0.16rem solid #ff0000;\n}\n.tab-panel {\n display: none;\n}\n.active {\n display: block;\n}\n.box {\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n background: silver;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n#slider {\n display: block;\n}\n#slider ul {\n margin: 0 auto;\n padding: 0px;\n height: 10.66666667rem;\n}\n#slider ul > li {\n float: left;\n width: 100%;\n list-style: none;\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n}\n#slider ul > li img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n#slider ol {\n text-align: center;\n position: absolute;\n bottom: 0.53333333rem;\n margin: 0 auto;\n padding: 0;\n}\n#slider ol > li {\n float: left;\n height: 0.53333333rem;\n line-height: 0.53333333rem;\n width: 0.53333333rem;\n list-style: none;\n margin: 0 5px;\n border-radius: 50%;\n background: #c9c9c9;\n}\n#slider ol > li.active {\n background: #ff0000;\n}\n/*购买设备公用样式*/\n.appointment > ul {\n padding: 0.26666667rem 1.06666667rem;\n padding: 0rem 2.66666667rem;\n}\n.appointment > ul li {\n font-size: 0.8rem;\n text-align: center;\n height: 2.77333333rem;\n line-height: 2.77333333rem;\n text-align: left;\n display: block;\n clear: both;\n}\n.appointment > ul li a {\n display: block;\n vertical-align: middle;\n font-size: 0.8rem;\n}\n.appointment > ul li:first-child {\n border-bottom: 1px solid #ddd;\n}\n.appointment .features_intro img {\n width: 100%;\n}\n/*显示隐藏*/\n.show {\n display: block;\n}\n.hidden {\n display: none;\n}\n/*预约摄影师*/\n.appointment {\n margin-bottom: 1.06666667rem;\n}\n.appointment h2 {\n text-align: center;\n height: 2.24rem;\n line-height: 2.24rem;\n font-size: 0.85333333rem;\n background: #fff;\n color: #414141;\n text-align: left;\n padding: 0rem 0.96rem;\n border-bottom: 1px solid #ddd;\n}\n.appointment h3 {\n text-align: center;\n height: 1.6rem;\n line-height: 1.6rem;\n text-align: left;\n padding: 0rem 0.96rem;\n font-size: 0.74666667rem;\n color: #ff0000;\n}\n.appointment table {\n width: 90%;\n margin-left: 5%;\n}\n.appointment table tr {\n border-bottom: 1px solid #ddd;\n text-align: center;\n height: 2.77333333rem;\n line-height: 2.77333333rem;\n}\n.appointment table tr th,\n.appointment table tr td {\n padding: 0.26666667rem 0.37333333rem;\n font-size: 0.69333333rem;\n text-align: center;\n max-width: 8rem;\n line-height: 1.33333333rem;\n}\n.appointment table tr th a,\n.appointment table tr td a {\n display: block;\n}\n.appointment table tr th a i:before,\n.appointment table tr td a i:before {\n display: inline-block;\n color: #ff0000;\n font-size: 2.13333333rem;\n margin-top: -0.53333333rem;\n}\n.appointment table tr th:first-child,\n.appointment table tr td:first-child {\n text-align: left;\n}\n.appointment p {\n padding: 0.53333333rem 1.01333333rem;\n font-size: 0.64rem;\n color: #939393;\n}\n.appointment form {\n padding: 0rem 0.8rem;\n}\n.appointment form ul li {\n position: relative;\n padding: 0rem 0.8rem;\n text-align: center;\n height: 2.77333333rem;\n line-height: 2.77333333rem;\n border-bottom: 1px solid #ddd;\n text-align: left;\n vertical-align: middle;\n}\n.appointment form ul li span {\n display: inline-block;\n font-size: 0.69333333rem;\n}\n.appointment form ul li label {\n display: inline-block;\n font-size: 0.8rem;\n vertical-align: middle;\n}\n.appointment form ul li label:before {\n font-size: 2.13333333rem;\n margin-right: 0.53333333rem;\n margin-top: -0.69333333rem;\n display: inline-block;\n vertical-align: top;\n}\n.appointment form ul li label.tel:before {\n color: #666;\n font-size: 1.86666667rem;\n margin-top: -0.53333333rem;\n}\n.appointment form ul li input {\n height: 1.49333333rem;\n line-height: 1.49333333rem;\n padding: 0rem 0.53333333rem;\n width: 10.66666667rem;\n font-size: 0.69333333rem;\n border-radius: 4px;\n box-shadow: 0px 0px 10px #ccc;\n}\n.appointment form ul li #city-picker {\n position: absolute;\n left: 6.18666667rem;\n top: 0.85333333rem;\n opacity: 0;\n}\n.appointment .submit_btn {\n width: 100%;\n text-align: center;\n margin-top: 1.2rem;\n margin-bottom: 0.8rem;\n}\n.appointment .submit_btn button {\n background: #a0a0a0;\n display: inline-block;\n color: #fff;\n width: 18.05333333rem;\n text-align: center;\n height: 2.34666667rem;\n line-height: 2.34666667rem;\n border-radius: 24px;\n font-size: 0.85333333rem;\n}\n.appointment .next {\n display: inline-block;\n float: right;\n}\n.appointment .next:before {\n font-size: 2.66666667rem;\n line-height: 2.34666667rem;\n display: inline-block;\n vertical-align: middle;\n margin-top: -1.6rem;\n color: #666;\n}\n.appointment .features_intro img {\n width: 100%;\n}\n.appointment .jd,\n.appointment .tb {\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.26666667rem;\n}\n.appointment .jd {\n background-image: url(../img/sprites.png);\n background-position: 0px -38px;\n width: 25px;\n height: 26px;\n}\n.appointment .tb {\n background-image: url(../img/sprites.png);\n background-position: -25px -38px;\n width: 25px;\n height: 25px;\n}\n.contactTel {\n clear: both;\n height: 2.66666667rem;\n line-height: 2.66666667rem;\n font-size: 0.8rem;\n background: #fff;\n color: #414141;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n text-align: center;\n}\n.contactTel a {\n display: block;\n}\n.contactTel .phone {\n display: inline-block;\n margin-left: 0.53333333rem;\n color: #ff0000;\n vertical-align: middle;\n}\n.contactTel .phone:before {\n display: inline-block;\n font-size: 2.13333333rem;\n margin-top: -0.58666667rem;\n}\n.tab-pane {\n display: none;\n}\n.active {\n display: block;\n}\n/*2倍分辨率*/\n[data-dpr=\"2\"] .appointment .tb,\n[data-dpr=\"2\"] .appointment .jd {\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.26666667rem;\n}\n[data-dpr=\"2\"] .appointment .tb {\n background-image: url(../img/sprites.png);\n background-position: -25px -38px;\n width: 25px;\n height: 25px;\n}\n[data-dpr=\"2\"] .appointment .jd {\n background-image: url(../img/sprites.png);\n background-position: 0px -38px;\n width: 25px;\n height: 26px;\n}\n/*3倍分辨率*/\n[data-dpr=\"3\"] .appointment .tb,\n[data-dpr=\"3\"] .appointment .jd {\n display: inline-block;\n vertical-align: middle;\n margin-right: 0.26666667rem;\n}\n[data-dpr=\"3\"] .appointment .tb {\n background-image: url(../img/sprites.png);\n background-position: 0px 0px;\n width: 38px;\n height: 38px;\n}\n[data-dpr=\"3\"] .appointment .jd {\n background-image: url(../img/sprites.png);\n background-position: -38px 0px;\n width: 36px;\n height: 36px;\n}\n","@font-face {\r\n\tfont-family: \"iconFont\";\r\n\tsrc: url('../fonts/iconFont.eot');\r\n\tsrc: url('../fonts/iconFont.eot?#iefix') format('eot'),\r\n\t\turl('../fonts/iconFont.woff2') format('woff2'),\r\n\t\turl('../fonts/iconFont.woff') format('woff'),\r\n\t\turl('../fonts/iconFont.ttf') format('truetype'),\r\n\t\turl('../fonts/iconFont.svg#iconFont') format('svg');\r\n}\r\n\r\n.icon:before {\r\n\tfont-family: \"iconFont\";\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\tfont-style: normal;\r\n\tfont-variant: normal;\r\n\tfont-weight: normal;\r\n\t/* speak: none; only necessary if not using the private unicode range (firstGlyph option) */\r\n\ttext-decoration: none;\r\n\ttext-transform: none;\r\n}\r\n\r\n\r\n.icon-gray:before {\r\n\tcontent: \"\\E001\";\r\n}\r\n\r\n.icon-icon_blacktel:before {\r\n\tcontent: \"\\E002\";\r\n}\r\n\r\n.icon-icon_donwpic:before {\r\n\tcontent: \"\\E003\";\r\n}\r\n\r\n.icon-icon_down:before {\r\n\tcontent: \"\\E004\";\r\n}\r\n\r\n.icon-icon_eye:before {\r\n\tcontent: \"\\E005\";\r\n}\r\n\r\n.icon-icon_livepic:before {\r\n\tcontent: \"\\E006\";\r\n}\r\n\r\n.icon-icon_local:before {\r\n\tcontent: \"\\E007\";\r\n}\r\n\r\n.icon-icon_more:before {\r\n\tcontent: \"\\E008\";\r\n}\r\n\r\n.icon-icon_order:before {\r\n\tcontent: \"\\E009\";\r\n}\r\n\r\n.icon-icon_pen:before {\r\n\tcontent: \"\\E00A\";\r\n}\r\n\r\n.icon-icon_people:before {\r\n\tcontent: \"\\E00B\";\r\n}\r\n\r\n.icon-icon_person:before {\r\n\tcontent: \"\\E00C\";\r\n}\r\n\r\n.icon-icon_picture:before {\r\n\tcontent: \"\\E00D\";\r\n}\r\n\r\n.icon-icon_redlocal:before {\r\n\tcontent: \"\\E00E\";\r\n}\r\n\r\n.icon-icon_redphone:before {\r\n\tcontent: \"\\E00F\";\r\n}\r\n\r\n.icon-icon_return:before {\r\n\tcontent: \"\\E010\";\r\n}\r\n\r\n.icon-icon_reverse_order:before {\r\n\tcontent: \"\\E011\";\r\n}\r\n\r\n.icon-icon_right:before {\r\n\tcontent: \"\\E012\";\r\n}\r\n\r\n.icon-icon_shop:before {\r\n\tcontent: \"\\E013\";\r\n}\r\n\r\n.icon-icon_tel:before {\r\n\tcontent: \"\\E014\";\r\n}\r\n\r\n.icon-icon_tex:before {\r\n\tcontent: \"\\E015\";\r\n}\r\n\r\n.icon-icon_time:before {\r\n\tcontent: \"\\E016\";\r\n}\r\n\r\n.icon-icon_type:before {\r\n\tcontent: \"\\E017\";\r\n}\r\n\r\n.icon-icon_up:before {\r\n\tcontent: \"\\E018\";\r\n}\r\n\r","@charset \"UTF-8\";\r\n.clearfix() {\r\n &:before,\r\n &:after {\r\n content: ' ';\r\n display: table;\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n",".cover {\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n.px1rem(@name, @px) {\r\n @{name}: @px/37.5rem;\r\n}\r\n// padding, margin\r\n.px2rem(@name, @tb, @lr) {\r\n @{name}: @tb/37.5rem @lr/37.5rem;\r\n}\r\n.px3rem(@name, @t, @lr, @b) {\r\n @{name}: @t/37.5rem @lr/37.5rem @b/37.5rem;\r\n}\r\n.px4rem(@name, @t, @r, @b, @l) {\r\n @{name}: @t/37.5rem @r/37.5rem @b/37.5rem @l/37.5rem;\r\n}\r\n\r\n// 字体\r\n.font-size( @font-size ) {\r\n font-size : @font-size;\r\n [data-dpr=\"2\"] & {\r\n font-size: @font-size * 2;\r\n }\r\n [data-dpr=\"3\"] & {\r\n font-size: @font-size * 3;\r\n }\r\n}\r\n",".nav {\r\n background: @bg-dark-grey;\r\n .clearfix();\r\n > li {\r\n float: left;\r\n text-align: center;\r\n color: #fff;\r\n }\r\n}\r\n.nav.col-1 {\r\n li {\r\n /*\t.px1rem(width, 375);*/\r\n width:100%;\r\n }\r\n}\r\n.nav.col-2 {\r\n li {\r\n /*\t.px1rem(width, 375);*/\r\n width:50%;\r\n }\r\n}\r\n.nav.col-3 {\r\n li {\r\n /*\t.px1rem(width, 250);*/\r\n width:33.33%;\r\n }\r\n}\r\n.nav.col-4 {\r\n li {\r\n /* .px1rem(width, 187.5);*/\r\n width:25%;\r\n }\r\n}\r\n.nav-tabs {\r\n a {\r\n display: inline-block;\r\n .px1rem(height,126);\r\n .px1rem(line-height,126);\r\n .px1rem(font-size, 30);\r\n color: @txt-white;\r\n .px1rem(font-size,36);\r\n .px1rem(width,250);\r\n }\r\n .active:after {\r\n display: block;\r\n content: '';\r\n width:70%;\r\n margin-left:15%;\r\n color: @txt-red;\r\n .border-bottom(6, @txt-red);\r\n }\r\n\r\n}\r\n.tab-panel {\r\n display: none;\r\n}\r\n.active {\r\n display: block;\r\n}",".box {\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n background: silver;\r\n text-align: center;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n#slider{\r\n display: block;\r\n ul{\r\n margin: 0 auto;\r\n padding: 0px;\r\n .px1rem(height,400);\r\n >li{\r\n float: left;\r\n width: 100%;\r\n list-style: none;\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n img{\r\n width:100%;\r\n height:100%;\r\n -o-object-fit: cover;\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n ol {\r\n text-align: center;\r\n position: absolute;\r\n .px1rem(bottom,20);\r\n margin: 0 auto;\r\n padding: 0;\r\n > li {\r\n float: left;\r\n .px1rem(height,20);\r\n .px1rem(line-height,20);\r\n .px1rem(width,20);\r\n list-style: none;\r\n margin: 0 5px;\r\n border-radius: 50%;\r\n background: #c9c9c9;\r\n &.active {\r\n background: @bg-red;\r\n }\r\n }\r\n }\r\n}\r\n","\r\n\r\n/*购买设备公用样式*/\r\n.appointment{\r\n >ul{\r\n .px2rem(padding,10,40);\r\n .px2rem(padding,0,100);\r\n li{\r\n .px1rem(font-size,30);\r\n .text-center(104);\r\n text-align: left;\r\n display: block;\r\n clear: both;\r\n a{\r\n display: block;\r\n vertical-align: middle;\r\n .px1rem(font-size,30);\r\n }\r\n &:first-child{\r\n border-bottom: 1px solid #ddd;\r\n }\r\n }\r\n }\r\n .features_intro{\r\n img{\r\n width:100%;\r\n }\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n.text-center(@px) {\r\n text-align: center;\r\n .px1rem(height, @px);\r\n .px1rem(line-height, @px);\r\n}\r\n","@charset \"UTF-8\";\r\n@import \"./common/base.less\";\r\n@import \"./sprites/sprites.less\";\r\n@import \"./iconfont/iconfont.less\";\r\n@import \"./common/variable/variable.less\";\r\n@import \"./ui-widget/nav-tabs.less\";\r\n@import \"./ui-widget/slider.less\";\r\n@import \"./ui-widget/purchase.less\";\r\n/*显示隐藏*/\r\n.show{\r\n display: block;\r\n}\r\n.hidden{\r\n display: none;\r\n}\r\n/*预约摄影师*/\r\n.appointment{\r\n .px1rem(margin-bottom,40);\r\n h2{\r\n .text-center(84);\r\n .px1rem(font-size,32);\r\n background: @bg-white;\r\n color: @txt-light-black;\r\n text-align: left;\r\n .px2rem(padding,0,36);\r\n border-bottom: 1px solid #ddd;\r\n }\r\n h3{\r\n .text-center(60);\r\n text-align: left;\r\n .px2rem(padding,0,36);\r\n .px1rem(font-size,28);\r\n color: @txt-red;\r\n }\r\n table{\r\n width: 90%;\r\n margin-left: 5%;\r\n tr{\r\n border-bottom: 1px solid #ddd;\r\n .text-center(104);\r\n th,td{\r\n .px2rem(padding,10,14);\r\n .px1rem(font-size,26);\r\n text-align: center;\r\n .px1rem(max-width,300);\r\n .px1rem(line-height,50);\r\n a{\r\n display: block;\r\n i:before{\r\n display: inline-block;\r\n color: @txt-red;\r\n .px1rem(font-size,80);\r\n .px1rem(margin-top,-20);\r\n }\r\n }\r\n &:first-child{\r\n text-align: left;\r\n }\r\n }\r\n }\r\n }\r\n p{\r\n .px2rem(padding,20,38);\r\n .px1rem(font-size,24);\r\n color: #939393;\r\n }\r\n form{\r\n .px2rem(padding,0,30);\r\n ul li{\r\n position: relative;\r\n .px2rem(padding,0,30);\r\n .text-center(104);\r\n border-bottom: 1px solid #ddd;\r\n text-align: left;\r\n vertical-align: middle;\r\n span{\r\n display: inline-block;\r\n .px1rem(font-size,26);\r\n }\r\n label{\r\n display: inline-block;\r\n .px1rem(font-size,30);\r\n vertical-align: middle;\r\n &:before{\r\n .px1rem(font-size,80);\r\n .px1rem(margin-right,20);\r\n .px1rem(margin-top,-26);\r\n display: inline-block;\r\n vertical-align: top;\r\n }\r\n &.tel:before{\r\n color: #666;\r\n .px1rem(font-size,70);\r\n .px1rem(margin-top,-20);\r\n }\r\n }\r\n input{\r\n .px1rem(height,56);\r\n .px1rem(line-height,56);\r\n .px2rem(padding,0,20);\r\n .px1rem(width,400);\r\n .px1rem(font-size,26);\r\n border-radius:4px;\r\n box-shadow: 0px 0px 10px #ccc;\r\n }\r\n #city-picker{\r\n position: absolute;\r\n .px1rem(left,232);\r\n .px1rem(top,32);\r\n opacity: 0;\r\n }\r\n }\r\n }\r\n .submit_btn{\r\n width: 100%;\r\n text-align: center;\r\n .px1rem(margin-top,45);\r\n .px1rem(margin-bottom,30);\r\n button{\r\n .grey_badge(677,88);\r\n border-radius: 24px;\r\n .px1rem(font-size,32);\r\n }\r\n }\r\n .next{\r\n display: inline-block;\r\n float: right;\r\n &:before{\r\n .px1rem(font-size,100);\r\n .px1rem(line-height,88);\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-top,-60);\r\n color: @txt-dark-grey;\r\n }\r\n }\r\n .features_intro{\r\n img{\r\n width:100%;\r\n }\r\n }\r\n\r\n .jd,\r\n .tb{\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-right,10);\r\n }\r\n .jd{\r\n .sprite(@icon-jd-2x);\r\n }\r\n .tb{\r\n .sprite(@icon-tb-2x);\r\n }\r\n\r\n\r\n\r\n}\r\n.contactTel{\r\n a{\r\n display: block;\r\n }\r\n clear: both;\r\n .text-center(100);\r\n .px1rem(font-size,30);\r\n background: @bg-white;\r\n color: @txt-light-black;\r\n border-top: 1px solid #ddd;\r\n border-bottom: 1px solid #ddd;\r\n text-align: center;\r\n .phone{\r\n display: inline-block;\r\n .px1rem(margin-left,20);\r\n color: @bg-red;\r\n vertical-align: middle;\r\n &:before{\r\n display: inline-block;\r\n .px1rem(font-size,80);\r\n .px1rem(margin-top,-22);\r\n }\r\n }\r\n}\r\n.tab-pane{\r\n display: none;\r\n}\r\n.active{\r\n display: block;\r\n}\r\n\r\n/*2倍分辨率*/\r\n[data-dpr=\"2\"] .appointment .tb,\r\n[data-dpr=\"2\"] .appointment .jd{\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-right,10);\r\n}\r\n[data-dpr=\"2\"] .appointment .tb{\r\n .sprite(@icon-tb-2x);\r\n}\r\n[data-dpr=\"2\"] .appointment .jd{\r\n .sprite(@icon-jd-2x);\r\n}\r\n/*3倍分辨率*/\r\n[data-dpr=\"3\"] .appointment .tb,\r\n[data-dpr=\"3\"] .appointment .jd{\r\n display: inline-block;\r\n vertical-align: middle;\r\n .px1rem(margin-right,10);\r\n}\r\n[data-dpr=\"3\"] .appointment .tb{\r\n .sprite(@icon-tb-3x);\r\n}\r\n[data-dpr=\"3\"] .appointment .jd{\r\n .sprite(@icon-jd-3x);\r\n}\r\n"]}
\ No newline at end of file
dist/css/bootstrap.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/css/bootstrap.min.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/css/index.min.css
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}#slider ol,#slider ul{margin:0 auto;padding:0}#slider ol>li,#slider ul>li,ol,ul{list-style:none}#slider ol,.box,.nav>li{text-align:center}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a{text-decoration:none}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#slider ul>li,.box{line-height:10.66666667rem}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}#slider ul,#slider ul>li,.box{height:10.66666667rem}.hidden,[hidden],template{display:none}em{font-style:normal}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.box{background:silver;overflow:hidden;position:relative}#slider{display:block}#slider ul>li{float:left;width:100%}#slider ul>li img{width:100%;height:100%;object-fit:cover}#slider ol{position:absolute;bottom:.53333333rem}#slider ol>li{float:left;height:.53333333rem;line-height:.53333333rem;width:.53333333rem;margin:0 5px;border-radius:50%;background:#c9c9c9}#slider ol>li.active{background:red}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;height:3.36rem;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}.indexBox .nav,.indexBox .nav-tabs a{height:2.66666667rem;line-height:2.66666667rem}.nav-tabs a.active{color:red;border-bottom:.16rem solid red}.tab-panel{display:none}.tab-panel.active{display:block}.indexBox .nav{background:#fff}.indexBox .nav-tabs a{font-size:.8rem;color:#666;width:70%}.indexBox .nav-tabs a.active{color:#f24130;border-bottom:2px solid #f24130}.indexBox .live_details{background:#f4f5f9}.indexBox .live_details ul li{position:relative;float:left;width:50%;overflow:hidden;padding:.85333333rem}.indexBox .live_details ul li:nth-child(even){padding-left:.42666667rem}.indexBox .live_details ul li .publicityMap{display:inline-block;position:relative}.indexBox .live_details ul li .publicityMap div{height:8.69333333rem;width:8.69333333rem;border-radius:4px;overflow:hidden}.indexBox .live_details ul li .publicityMap div img{width:100%;height:100%;object-fit:cover}.indexBox .live_details ul li .publicityMap span{position:absolute;z-index:4;display:inline-block;width:2.88rem;text-align:center;height:1.28rem;line-height:1.28rem;font-size:.64rem;background:rgba(0,0,0,.3);color:#fff;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc}.indexBox .live_details ul li .publicityMap .cancel,.indexBox .live_details ul li .publicityMap button{color:#fff;width:2.93333333rem;height:1.17333333rem;line-height:1.17333333rem;text-align:center;display:inline-block}.indexBox .live_details ul li .publicityMap span.open_state{left:0}.indexBox .live_details ul li .publicityMap span.live_state{right:0}.indexBox .live_details ul li .publicityMap button{background:red;position:absolute;right:0;bottom:0;font-size:.53333333rem;border-radius:2px}.indexBox .live_details ul li .publicityMap .cancel{background:#a0a0a0}.indexBox .live_details ul li .live_intro{text-align:center}.indexBox .live_details ul li .live_intro h3{font-size:.8rem;color:#414141;margin:.8rem 0 .26666667rem}.indexBox .live_details ul li .live_intro p{font-size:.53333333rem;line-height:1.06666667rem;color:#a0a0a0}.indexBox .live_details ul li .live_intro span{display:inline-block;margin-right:.53333333rem;line-height:1.06666667rem;font-size:.53333333rem;color:#a0a0a0}.indexBox .live_details ul li .live_intro .tag span{display:inline-block;border:1px solid #ccc;margin:.26666667rem 0;width:2.4rem;text-align:center;height:1.33333333rem;line-height:1.33333333rem;font-size:.53333333rem;color:#a0a0a0}footer{width:100%;position:absolute;bottom:0}footer ul{background:#666;color:#a0a0a0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}footer ul li{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;height:4.26666667rem}footer ul li a{display:inline-block;text-align:center}footer ul li a i{display:inline-block;border:1px solid #ccc;width:1.06666667rem;height:1.06666667rem;margin-top:1.06666667rem}footer ul li a span{display:block;color:#a0a0a0}footer ul li.active span{color:red}
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}#slider ol,#slider ul{margin:0 auto;padding:0}#slider ol>li,#slider ul>li,ol,ul{list-style:none}#slider ol,.box,.nav>li{text-align:center}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a{text-decoration:none}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}#slider ul>li,.box{line-height:10.66666667rem}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}#slider ul,#slider ul>li,.box{height:10.66666667rem}.hidden,[hidden],template{display:none}em{font-style:normal}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.box{background:silver;overflow:hidden;position:relative}#slider{display:block}#slider ul>li{float:left;width:100%}#slider ul>li img{width:100%;height:100%;object-fit:cover}#slider ol{position:absolute;bottom:.53333333rem}#slider ol>li{float:left;height:.53333333rem;line-height:.53333333rem;width:.53333333rem;margin:0 5px;border-radius:50%;background:#c9c9c9}#slider ol>li.active{background:red}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;height:3.36rem;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}.indexBox .nav,.indexBox .nav-tabs a{height:2.66666667rem;line-height:2.66666667rem}.nav-tabs .active:after{display:block;content:'';width:70%;margin-left:15%;color:red;border-bottom:.16rem solid red}.tab-panel{display:none}.active{display:block}.indexBox .nav{background:#fff}.indexBox .nav-tabs a{font-size:.8rem;color:#666;width:70%}.indexBox .nav-tabs a.active{color:#f24130;border-bottom:2px solid #f24130}.indexBox .live_details{background:#f4f5f9}.indexBox .live_details ul li{position:relative;float:left;width:50%;overflow:hidden;padding:.85333333rem}.indexBox .live_details ul li:nth-child(even){padding-left:.42666667rem}.indexBox .live_details ul li .publicityMap{display:inline-block;position:relative}.indexBox .live_details ul li .publicityMap div{height:8.69333333rem;width:8.69333333rem;border-radius:4px;overflow:hidden}.indexBox .live_details ul li .publicityMap div img{width:100%;height:100%;object-fit:cover}.indexBox .live_details ul li .publicityMap span{position:absolute;z-index:4;display:inline-block;width:2.88rem;text-align:center;height:1.28rem;line-height:1.28rem;font-size:.64rem;background:rgba(0,0,0,.3);color:#fff;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc}.indexBox .live_details ul li .publicityMap .cancel,.indexBox .live_details ul li .publicityMap button{color:#fff;width:2.93333333rem;height:1.17333333rem;line-height:1.17333333rem;text-align:center;display:inline-block}.indexBox .live_details ul li .publicityMap span.open_state{left:0}.indexBox .live_details ul li .publicityMap span.live_state{right:0}.indexBox .live_details ul li .publicityMap button{background:red;position:absolute;right:0;bottom:0;font-size:.53333333rem;border-radius:2px}.indexBox .live_details ul li .publicityMap .cancel{background:#a0a0a0}.indexBox .live_details ul li .live_intro{text-align:center}.indexBox .live_details ul li .live_intro h3{font-size:.8rem;color:#414141;margin:.8rem 0 .26666667rem}.indexBox .live_details ul li .live_intro p{font-size:.53333333rem;line-height:1.06666667rem;color:#a0a0a0}.indexBox .live_details ul li .live_intro span{display:inline-block;margin-right:.53333333rem;line-height:1.06666667rem;font-size:.53333333rem;color:#a0a0a0}.indexBox .live_details ul li .live_intro .tag span{display:inline-block;border:1px solid #ccc;margin:.26666667rem 0;width:2.4rem;text-align:center;height:1.33333333rem;line-height:1.33333333rem;font-size:.53333333rem;color:#a0a0a0}footer{width:100%;position:absolute;bottom:0}footer ul{background:#666;color:#a0a0a0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}footer ul li{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;height:4.26666667rem}footer ul li a{display:inline-block;text-align:center}footer ul li a i{display:inline-block;border:1px solid #ccc;width:1.06666667rem;height:1.06666667rem;margin-top:1.06666667rem}footer ul li a span{display:block;color:#a0a0a0}footer ul li.active span{color:red}
/*# sourceMappingURL=index.min.css.map */
dist/css/index.min.css.map
{"version":3,"sources":["common/base.less","index.css","common/util/img-responsible.less","ui-widget/slider.less","common/mixin/rem.less","ui-widget/nav-tabs.less","common/mixin/clearfix.less","common/mixin/box.less","common/util/badge.less","index.less","common/mixin/text-center.less"],"names":[],"mappings":"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","file":"index.min.css","sourcesContent":["@charset \"UTF-8\";\r\n/* 变量 */\r\n@import \"./variable/variable.less\";\r\n\r\n/* mixin:功能类 */\r\n@import \"./mixin/mixin.less\";\r\n\r\n/* 通用类 */\r\n@import \"./util/util.less\";\r\n\r\n*,\r\n*:after,\r\n*:before {\r\n box-sizing: border-box;\r\n}\r\nhtml {\r\n font-family: sans-serif;\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\nbody {\r\n font-family: \"PingFang SC\" ,\"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n background: #f9f9f9;\r\n word-break:break-all;\r\n color: @txt-deep-grey;\r\n background: @bg-light-grey;\r\n}\r\n/* Remove default margin */\r\nbody, h1, h2, h3, h4, h5, h6, ul, ol, p {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: lighter;\r\n}\r\n/* Links\r\n ========================================================================== */\r\na {\r\n color: #353535;\r\n text-decoration: none;\r\n}\r\na:active,\r\na:hover {\r\n outline-width: 0;\r\n cursor: pointer;\r\n}\r\n\r\n/* Font adjust\r\n ========================================================================== */\r\ndiv,\r\nspan,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nheader,\r\nfooter,\r\nsection,\r\nheader {\r\n font-size: 100%;\r\n}\r\n/* List\r\n ========================================================================== */\r\nol,\r\nul {\r\n list-style: none;\r\n}\r\n\r\n/* Forms\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers (opinionated).\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\n textarea {\r\n resize: none;\r\n }\r\n\r\ninput,\r\ntextarea,\r\nbutton,\r\nselect\r\n{\r\n outline: none;\r\n border: none;\r\n/* -webkit-appearance : none;*/\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n font-family: sans-serif; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput { /* 1 */\r\n overflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect { /* 1 */\r\n text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n * controls in Android 4.\r\n * 2. Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\nhtml [type=\"button\"], /* 1 */\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Change the border, margin, and padding in all browsers (opinionated).\r\n */\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * 1. Add the correct display in IE 9-.\r\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n display: inline-block; /* 1 */\r\n vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE.\r\n */\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10-.\r\n * 2. Remove the padding in IE 10-.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n}\r\n\r\n/* HTML5 display definitions\r\n ========================================================================== */\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n display: block;\r\n}\r\n\r\n//\r\n// 1. Correct `inline-block` display not defined in IE 8/9.\r\n// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n//\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block; // 1\r\n vertical-align: baseline; // 2\r\n}\r\n\r\n//\r\n// Prevent modern browsers from displaying `audio` without controls.\r\n// Remove excess height in iOS 5 devices.\r\n//\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n//\r\n// Address `[hidden]` styling not present in IE 8/9/10.\r\n// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\r\n//\r\n[hidden],\r\ntemplate {\r\n display: none;\r\n}\r\n\r\n/* Text-level semantics\r\n ========================================================================== */\r\nem {\r\n font-style: normal;\r\n}\r\nimg {\r\n border: 0;\r\n}\r\n\r\n// Tables\r\n// ==========================================================================\r\n//\r\n// Remove most spacing between table cells.\r\n//\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 0;\r\n}\r\n\r\n.hidden{\r\n display:none;\r\n }\r\n","@charset \"UTF-8\";\n/* 变量 */\n/* 字体 */\n/* 背景 */\n/* mixin:功能类 */\n/* 通用类 */\n.cover img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*状态徽章*/\n*,\n*:after,\n*:before {\n box-sizing: border-box;\n}\nhtml {\n font-family: sans-serif;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n font-family: \"PingFang SC\", \"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\n font-size: 14px;\n line-height: 1.5;\n background: #f9f9f9;\n word-break: break-all;\n color: #353535;\n background: #f4f5f9;\n}\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol,\np {\n padding: 0;\n margin: 0;\n font-weight: lighter;\n}\n/* Links\n ========================================================================== */\na {\n color: #353535;\n text-decoration: none;\n}\na:active,\na:hover {\n outline-width: 0;\n cursor: pointer;\n}\n/* Font adjust\n ========================================================================== */\ndiv,\nspan,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nheader,\nfooter,\nsection,\nheader {\n font-size: 100%;\n}\n/* List\n ========================================================================== */\nol,\nul {\n list-style: none;\n}\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\ntextarea {\n resize: none;\n}\ninput,\ntextarea,\nbutton,\nselect {\n outline: none;\n border: none;\n /* -webkit-appearance : none;*/\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n}\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n/* HTML5 display definitions\n ========================================================================== */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n vertical-align: baseline;\n}\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n[hidden],\ntemplate {\n display: none;\n}\n/* Text-level semantics\n ========================================================================== */\nem {\n font-style: normal;\n}\nimg {\n border: 0;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\ntd,\nth {\n padding: 0;\n}\n.hidden {\n display: none;\n}\n/*\nLESS variables are information about icon's compiled state, stored under its original file name\n\n.icon-home {\n width: @icon-home-width;\n}\n\nThe large array-like variables contain all information about a single icon\n@icon-home: x y offset_x offset_y width height total_width total_height image_path name;\n\nAt the bottom of this section, we provide information about the spritesheet itself\n@spritesheet: width height image @spritesheet-sprites;\n*/\n/*\nThe provided classes are intended to be used with the array-like variables\n\n.icon-home {\n .sprite-width(@icon-home);\n}\n.icon-email {\n .sprite(@icon-email);\n}\n\nExample usage in HTML:\n\n`display: block` sprite:\n<div class=\"icon-home\"></div>\n\nTo change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:\n\n// CSS\n.icon {\n display: inline-block;\n}\n\n// HTML\n<i class=\"icon icon-home\"></i>\n*/\n/*\nThe `.sprites` mixin generates identical output to the CSS template\n but can be overridden inside of LESS\n\nThis must be run when you have at least 2 sprites.\n If run with a single sprite, then there will be reference errors.\n\n.sprites(@spritesheet-sprites);\n*/\n/*@import \"./iconfont/iconfont.less\";*/\n.box {\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n background: silver;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n#slider {\n display: block;\n}\n#slider ul {\n margin: 0 auto;\n padding: 0px;\n height: 10.66666667rem;\n}\n#slider ul > li {\n float: left;\n width: 100%;\n list-style: none;\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n}\n#slider ul > li img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n#slider ol {\n text-align: center;\n position: absolute;\n bottom: 0.53333333rem;\n margin: 0 auto;\n padding: 0;\n}\n#slider ol > li {\n float: left;\n height: 0.53333333rem;\n line-height: 0.53333333rem;\n width: 0.53333333rem;\n list-style: none;\n margin: 0 5px;\n border-radius: 50%;\n background: #c9c9c9;\n}\n#slider ol > li.active {\n background: #ff0000;\n}\n.nav {\n background: #434343;\n}\n.nav:before,\n.nav:after {\n content: ' ';\n display: table;\n}\n.nav:after {\n clear: both;\n}\n.nav > li {\n float: left;\n text-align: center;\n color: #fff;\n}\n.nav.col-1 li {\n /*\t.px1rem(width, 375);*/\n width: 100%;\n}\n.nav.col-2 li {\n /*\t.px1rem(width, 375);*/\n width: 50%;\n}\n.nav.col-3 li {\n /*\t.px1rem(width, 250);*/\n width: 33.33%;\n}\n.nav.col-4 li {\n /* .px1rem(width, 187.5);*/\n width: 25%;\n}\n.nav-tabs a {\n display: inline-block;\n height: 3.36rem;\n line-height: 3.36rem;\n font-size: 0.8rem;\n color: #fff;\n font-size: 0.96rem;\n width: 6.66666667rem;\n}\n.nav-tabs a.active {\n color: #ff0000;\n border-bottom: 0.16rem solid #ff0000;\n}\n.tab-panel {\n display: none;\n}\n.tab-panel.active {\n display: block;\n}\n.indexBox .nav {\n height: 2.66666667rem;\n line-height: 2.66666667rem;\n background: #fff;\n}\n.indexBox .nav-tabs a {\n height: 2.66666667rem;\n line-height: 2.66666667rem;\n font-size: 0.8rem;\n color: #666;\n width: 70%;\n}\n.indexBox .nav-tabs a.active {\n color: #f24130;\n border-bottom: 2px solid #f24130;\n}\n.indexBox .live_details {\n background: #f4f5f9;\n}\n.indexBox .live_details ul li {\n position: relative;\n float: left;\n width: 50%;\n overflow: hidden;\n padding: 0.85333333rem;\n}\n.indexBox .live_details ul li:nth-child(even) {\n padding-left: 0.42666667rem;\n}\n.indexBox .live_details ul li .publicityMap {\n display: inline-block;\n position: relative;\n}\n.indexBox .live_details ul li .publicityMap div {\n height: 8.69333333rem;\n width: 8.69333333rem;\n border-radius: 4px;\n overflow: hidden;\n}\n.indexBox .live_details ul li .publicityMap div img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.indexBox .live_details ul li .publicityMap span {\n position: absolute;\n z-index: 4;\n display: inline-block;\n width: 2.88rem;\n text-align: center;\n height: 1.28rem;\n line-height: 1.28rem;\n font-size: 0.64rem;\n background: rgba(0, 0, 0, 0.3);\n color: #fff;\n box-shadow: 0px 0px 4px #ccc;\n}\n.indexBox .live_details ul li .publicityMap span.open_state {\n left: 0rem;\n}\n.indexBox .live_details ul li .publicityMap span.live_state {\n right: 0rem;\n}\n.indexBox .live_details ul li .publicityMap button {\n background: #ff0000;\n display: inline-block;\n color: #fff;\n width: 2.93333333rem;\n text-align: center;\n height: 1.17333333rem;\n line-height: 1.17333333rem;\n position: absolute;\n right: 0rem;\n bottom: 0rem;\n font-size: 0.53333333rem;\n border-radius: 2px;\n}\n.indexBox .live_details ul li .publicityMap .cancel {\n background: #a0a0a0;\n display: inline-block;\n color: #fff;\n width: 2.93333333rem;\n text-align: center;\n height: 1.17333333rem;\n line-height: 1.17333333rem;\n}\n.indexBox .live_details ul li .live_intro {\n text-align: center;\n}\n.indexBox .live_details ul li .live_intro h3 {\n font-size: 0.8rem;\n color: #414141;\n margin: 0.8rem 0rem 0.26666667rem 0rem;\n}\n.indexBox .live_details ul li .live_intro p {\n font-size: 0.53333333rem;\n line-height: 1.06666667rem;\n color: #a0a0a0;\n}\n.indexBox .live_details ul li .live_intro span {\n display: inline-block;\n margin-right: 0.53333333rem;\n line-height: 1.06666667rem;\n font-size: 0.53333333rem;\n color: #a0a0a0;\n}\n.indexBox .live_details ul li .live_intro .tag span {\n display: inline-block;\n border: 1px solid #ccc;\n margin: 0.26666667rem 0rem;\n width: 2.4rem;\n text-align: center;\n height: 1.33333333rem;\n line-height: 1.33333333rem;\n font-size: 0.53333333rem;\n color: #a0a0a0;\n}\n/*底部导航*/\nfooter {\n width: 100%;\n position: absolute;\n bottom: 0;\n}\nfooter ul {\n background: #666;\n color: #a0a0a0;\n display: flex;\n}\nfooter ul li {\n flex-grow: 1;\n text-align: center;\n height: 4.26666667rem;\n}\nfooter ul li a {\n display: inline-block;\n text-align: center;\n}\nfooter ul li a i {\n display: inline-block;\n border: 1px solid #ccc;\n width: 1.06666667rem;\n height: 1.06666667rem;\n margin-top: 1.06666667rem;\n}\nfooter ul li a span {\n display: block;\n color: #a0a0a0;\n}\nfooter ul li.active span {\n color: #ff0000;\n}\n",".cover {\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n}\r\n",".box {\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n background: silver;\r\n text-align: center;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n#slider{\r\n display: block;\r\n ul{\r\n margin: 0 auto;\r\n padding: 0px;\r\n .px1rem(height,400);\r\n >li{\r\n float: left;\r\n width: 100%;\r\n list-style: none;\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n img{\r\n width:100%;\r\n height:100%;\r\n -o-object-fit: cover;\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n ol {\r\n text-align: center;\r\n position: absolute;\r\n .px1rem(bottom,20);\r\n margin: 0 auto;\r\n padding: 0;\r\n > li {\r\n float: left;\r\n .px1rem(height,20);\r\n .px1rem(line-height,20);\r\n .px1rem(width,20);\r\n list-style: none;\r\n margin: 0 5px;\r\n border-radius: 50%;\r\n background: #c9c9c9;\r\n &.active {\r\n background: @bg-red;\r\n }\r\n }\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n.px1rem(@name, @px) {\r\n @{name}: @px/37.5rem;\r\n}\r\n// padding, margin\r\n.px2rem(@name, @tb, @lr) {\r\n @{name}: @tb/37.5rem @lr/37.5rem;\r\n}\r\n.px3rem(@name, @t, @lr, @b) {\r\n @{name}: @t/37.5rem @lr/37.5rem @b/37.5rem;\r\n}\r\n.px4rem(@name, @t, @r, @b, @l) {\r\n @{name}: @t/37.5rem @r/37.5rem @b/37.5rem @l/37.5rem;\r\n}\r\n\r\n// 字体\r\n.font-size( @font-size ) {\r\n font-size : @font-size;\r\n [data-dpr=\"2\"] & {\r\n font-size: @font-size * 2;\r\n }\r\n [data-dpr=\"3\"] & {\r\n font-size: @font-size * 3;\r\n }\r\n}\r\n",".nav {\r\n background: @bg-dark-grey;\r\n .clearfix();\r\n > li {\r\n float: left;\r\n text-align: center;\r\n color: #fff;\r\n }\r\n}\r\n.nav.col-1 {\r\n li {\r\n /*\t.px1rem(width, 375);*/\r\n width:100%;\r\n }\r\n}\r\n.nav.col-2 {\r\n\tli {\r\n\t/*\t.px1rem(width, 375);*/\r\n width:50%;\r\n\t}\r\n}\r\n.nav.col-3 {\r\n\tli {\r\n\t/*\t.px1rem(width, 250);*/\r\n width:33.33%;\r\n\t}\r\n}\r\n.nav.col-4 {\r\n li {\r\n /* .px1rem(width, 187.5);*/\r\n width:25%;\r\n }\r\n}\r\n.nav-tabs {\r\n a {\r\n display: inline-block;\r\n .px1rem(height,126);\r\n .px1rem(line-height,126);\r\n .px1rem(font-size, 30);\r\n color: @txt-white;\r\n .px1rem(font-size,36);\r\n .px1rem(width,250);\r\n }\r\n a.active {\r\n color: @txt-red;\r\n .border-bottom(6, @txt-red);\r\n }\r\n\r\n}\r\n.tab-panel {\r\n display: none;\r\n}\r\n.tab-panel.active {\r\n display: block;\r\n}\r\n","@charset \"UTF-8\";\r\n.clearfix() {\r\n &:before,\r\n &:after {\r\n content: ' ';\r\n display: table;\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n// 矩形\r\n.rectangle ( @width; @height ) {\r\n .px1rem(width, @width);\r\n .px1rem(height, @height);\r\n}\r\n// 正方形\r\n.square ( @size ) {\r\n .rectangle ( @size; @size );\r\n}\r\n\r\n// 圆形\r\n.circle ( @size ) {\r\n .square( @size );\r\n .px1rem(border-radius, @size);\r\n}\r\n\r\n// 边框\r\n.border-bottom ( @px, @color) {\r\n border-bottom : @px/37.5rem solid @color;\r\n}\r\n.border-top ( @px, @color ) {\r\n border-top : @px/37.5rem solid @color;\r\n}\r\n.border-left ( @px, @color ) {\r\n border-left : @px/37.5rem solid @color;\r\n}\r\n.border-right ( @px, @color ) {\r\n border-right : @px/37.5rem solid @color;\r\n}\r\n.border ( @px, @color ) {\r\n border: @px/37.5rem solid @color;\r\n}\r\n\r\n// 三角形\r\n.triangle-base() {\r\n content: '';\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n -moz-transform: scale(.9999);\r\n}\r\n.triangle(@direction, @size, @color) {\r\n .triangle(@direction, @size * 2, @size, @color);\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = up) {\r\n .triangle-base();\r\n border-left: (@width / 2) solid transparent;\r\n border-right: (@width / 2) solid transparent;\r\n border-bottom: @height solid @color;\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = down) {\r\n .triangle-base();\r\n border-left: (@width / 2) solid transparent;\r\n border-right: (@width / 2) solid transparent;\r\n border-top: @height solid @color;\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = left) {\r\n .triangle-base();\r\n border-top: (@width / 2) solid transparent;\r\n border-bottom: (@width / 2) solid transparent;\r\n border-right: @height solid @color;\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = right) {\r\n .triangle-base();\r\n border-top: (@width / 2) solid transparent;\r\n border-bottom: (@width / 2) solid transparent;\r\n border-left: @height solid @color;\r\n}\r\n","/*状态徽章*/\r\n.status(@width,@height){\r\n display: inline-block;\r\n color: @txt-white;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n border: 1px solid #fff;\r\n .px1rem(border-radius,24);\r\n background: rgba(0,0,0,0.3);\r\n}\r\n\r\n.badge(@width,@height){\r\n display: inline-block;\r\n color: @txt-white;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n}\r\n.orange_badge(@width,@height) {\r\n background: @bg-orange;\r\n .badge(@width,@height);\r\n}\r\n.green_badge(@width,@height) {\r\n background: @bg-green;\r\n .badge(@width,@height);\r\n}\r\n.blue_badge(@width,@height) {\r\n background: @bg-blue;\r\n .badge(@width,@height);\r\n}\r\n.red_badge(@width,@height) {\r\n background: @bg-red;\r\n .badge(@width,@height);\r\n}\r\n\r\n.grey_badge(@width,@height) {\r\n background: @bg-grey;\r\n .badge(@width,@height);\r\n}\r\n\r\n.transparent_badge(@width,@height){\r\n display: inline-block;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n .px1rem(font-size,24);\r\n background: rgba(0,0,0,0.3);\r\n color: @txt-white;\r\n box-shadow: 0px 0px 4px #ccc;\r\n}\r\n","@charset \"UTF-8\";\r\n@import \"./common/base.less\";\r\n@import \"./sprites/sprites.less\";\r\n/*@import \"./iconfont/iconfont.less\";*/\r\n@import \"ui-widget/slider\";\r\n@import \"./ui-widget/nav-tabs.less\";\r\n\r\n.indexBox{\r\n .nav{\r\n .px1rem(height,100);\r\n .px1rem(line-height,100);\r\n background: @bg-white;\r\n }\r\n .nav-tabs a{\r\n .px1rem(height,100);\r\n .px1rem(line-height,100);\r\n .px1rem(font-size,30);\r\n color: @txt-dark-grey;\r\n width: 70%;\r\n }\r\n .nav-tabs a.active {\r\n color: #f24130;\r\n border-bottom:2px solid #f24130;\r\n }\r\n \r\n .live_details{\r\n background:@bg-light-grey;\r\n ul li{\r\n position: relative;\r\n float: left;\r\n width: 50%;\r\n overflow: hidden;\r\n .px1rem(padding,32);\r\n &:nth-child(even){\r\n .px1rem(padding-left,16);\r\n }\r\n .publicityMap{\r\n display: inline-block;\r\n position: relative;\r\n div{\r\n .px1rem(height,326);\r\n .px1rem(width,326);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n img{\r\n width: 100%;\r\n height:100%;\r\n -o-object-fit: cover;\r\n object-fit: cover;\r\n }\r\n }\r\n span{\r\n position: absolute;\r\n z-index: 4;\r\n .transparent_badge(108,48);\r\n &.open_state{\r\n .px1rem(left,0);\r\n }\r\n &.live_state{\r\n .px1rem(right,0);\r\n }\r\n }\r\n button{\r\n .red_badge(110,44);\r\n position: absolute;\r\n .px1rem(right,0);\r\n .px1rem(bottom,0);\r\n .px1rem(font-size,20);\r\n border-radius: 2px;\r\n }\r\n .cancel{\r\n .grey_badge(110;44);\r\n }\r\n }\r\n\r\n .live_intro{\r\n text-align: center;\r\n h3{\r\n .px1rem(font-size,30);\r\n color:@txt-light-black;\r\n .px4rem(margin,30,0,10,0);\r\n }\r\n p{\r\n .px1rem(font-size,20);\r\n .px1rem(line-height,40);\r\n color:@txt-grey;\r\n }\r\n span{\r\n display: inline-block;\r\n .px1rem(margin-right,20);\r\n .px1rem(line-height,40);\r\n .px1rem(font-size,20);\r\n color:@txt-grey;\r\n }\r\n .tag{\r\n span{\r\n display: inline-block;\r\n border: 1px solid #ccc;\r\n .px2rem(margin,10,0);\r\n .px1rem(width,90);\r\n .text-center(50);\r\n .px1rem(font-size,20);\r\n color:@txt-grey;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*底部导航*/\r\nfooter{\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n ul{\r\n background: @txt-dark-grey;\r\n color: @txt-grey;\r\n display: flex;\r\n li{\r\n flex-grow: 1;\r\n text-align: center;\r\n .px1rem(height,160);\r\n a{\r\n display: inline-block;\r\n text-align: center;\r\n i{\r\n display: inline-block;\r\n border: 1px solid #ccc;\r\n .px1rem(width,40);\r\n .px1rem(height,40);\r\n .px1rem(margin-top,40);\r\n }\r\n span{\r\n display: block;\r\n color: @txt-grey;\r\n }\r\n }\r\n &.active span{\r\n color: @txt-red;\r\n }\r\n }\r\n }\r\n}\r\n\r\n","@charset \"UTF-8\";\r\n.text-center(@px) {\r\n text-align: center;\r\n .px1rem(height, @px);\r\n .px1rem(line-height, @px);\r\n}\r\n"]}
\ No newline at end of file
{"version":3,"sources":["common/base.less","index.css","common/util/img-responsible.less","ui-widget/slider.less","common/mixin/rem.less","ui-widget/nav-tabs.less","common/mixin/clearfix.less","common/mixin/box.less","common/util/badge.less","index.less","common/mixin/text-center.less"],"names":[],"mappings":"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","file":"index.min.css","sourcesContent":["@charset \"UTF-8\";\r\n/* 变量 */\r\n@import \"./variable/variable.less\";\r\n\r\n/* mixin:功能类 */\r\n@import \"./mixin/mixin.less\";\r\n\r\n/* 通用类 */\r\n@import \"./util/util.less\";\r\n\r\n*,\r\n*:after,\r\n*:before {\r\n box-sizing: border-box;\r\n}\r\nhtml {\r\n font-family: sans-serif;\r\n -webkit-text-size-adjust: 100%;\r\n -ms-text-size-adjust: 100%;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n}\r\nbody {\r\n font-family: \"PingFang SC\" ,\"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n background: #f9f9f9;\r\n word-break:break-all;\r\n color: @txt-deep-grey;\r\n background: @bg-light-grey;\r\n}\r\n/* Remove default margin */\r\nbody, h1, h2, h3, h4, h5, h6, ul, ol, p {\r\n padding: 0;\r\n margin: 0;\r\n font-weight: lighter;\r\n}\r\n/* Links\r\n ========================================================================== */\r\na {\r\n color: #353535;\r\n text-decoration: none;\r\n}\r\na:active,\r\na:hover {\r\n outline-width: 0;\r\n cursor: pointer;\r\n}\r\n\r\n/* Font adjust\r\n ========================================================================== */\r\ndiv,\r\nspan,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nheader,\r\nfooter,\r\nsection,\r\nheader {\r\n font-size: 100%;\r\n}\r\n/* List\r\n ========================================================================== */\r\nol,\r\nul {\r\n list-style: none;\r\n}\r\n\r\n/* Forms\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers (opinionated).\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\n textarea {\r\n resize: none;\r\n }\r\n\r\ninput,\r\ntextarea,\r\nbutton,\r\nselect\r\n{\r\n outline: none;\r\n border: none;\r\n/* -webkit-appearance : none;*/\r\n}\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n font-family: sans-serif; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput { /* 1 */\r\n overflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect { /* 1 */\r\n text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n * controls in Android 4.\r\n * 2. Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\nhtml [type=\"button\"], /* 1 */\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Change the border, margin, and padding in all browsers (opinionated).\r\n */\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * 1. Add the correct display in IE 9-.\r\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n display: inline-block; /* 1 */\r\n vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE.\r\n */\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10-.\r\n * 2. Remove the padding in IE 10-.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n}\r\n\r\n/* HTML5 display definitions\r\n ========================================================================== */\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n display: block;\r\n}\r\n\r\n//\r\n// 1. Correct `inline-block` display not defined in IE 8/9.\r\n// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n//\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block; // 1\r\n vertical-align: baseline; // 2\r\n}\r\n\r\n//\r\n// Prevent modern browsers from displaying `audio` without controls.\r\n// Remove excess height in iOS 5 devices.\r\n//\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n//\r\n// Address `[hidden]` styling not present in IE 8/9/10.\r\n// Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\r\n//\r\n[hidden],\r\ntemplate {\r\n display: none;\r\n}\r\n\r\n/* Text-level semantics\r\n ========================================================================== */\r\nem {\r\n font-style: normal;\r\n}\r\nimg {\r\n border: 0;\r\n}\r\n\r\n// Tables\r\n// ==========================================================================\r\n//\r\n// Remove most spacing between table cells.\r\n//\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 0;\r\n}\r\n\r\n.hidden{\r\n display:none;\r\n }\r\n","@charset \"UTF-8\";\n/* 变量 */\n/* 字体 */\n/* 背景 */\n/* mixin:功能类 */\n/* 通用类 */\n.cover img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*状态徽章*/\n*,\n*:after,\n*:before {\n box-sizing: border-box;\n}\nhtml {\n font-family: sans-serif;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n font-family: \"PingFang SC\", \"Helvetica Neue\", Helvetica, STHeiTi, sans-serif;\n font-size: 14px;\n line-height: 1.5;\n background: #f9f9f9;\n word-break: break-all;\n color: #353535;\n background: #f4f5f9;\n}\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nul,\nol,\np {\n padding: 0;\n margin: 0;\n font-weight: lighter;\n}\n/* Links\n ========================================================================== */\na {\n color: #353535;\n text-decoration: none;\n}\na:active,\na:hover {\n outline-width: 0;\n cursor: pointer;\n}\n/* Font adjust\n ========================================================================== */\ndiv,\nspan,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nheader,\nfooter,\nsection,\nheader {\n font-size: 100%;\n}\n/* List\n ========================================================================== */\nol,\nul {\n list-style: none;\n}\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\ntextarea {\n resize: none;\n}\ninput,\ntextarea,\nbutton,\nselect {\n outline: none;\n border: none;\n /* -webkit-appearance : none;*/\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n}\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n/* HTML5 display definitions\n ========================================================================== */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n vertical-align: baseline;\n}\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n[hidden],\ntemplate {\n display: none;\n}\n/* Text-level semantics\n ========================================================================== */\nem {\n font-style: normal;\n}\nimg {\n border: 0;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\ntd,\nth {\n padding: 0;\n}\n.hidden {\n display: none;\n}\n/*\nLESS variables are information about icon's compiled state, stored under its original file name\n\n.icon-home {\n width: @icon-home-width;\n}\n\nThe large array-like variables contain all information about a single icon\n@icon-home: x y offset_x offset_y width height total_width total_height image_path name;\n\nAt the bottom of this section, we provide information about the spritesheet itself\n@spritesheet: width height image @spritesheet-sprites;\n*/\n/*\nThe provided classes are intended to be used with the array-like variables\n\n.icon-home {\n .sprite-width(@icon-home);\n}\n.icon-email {\n .sprite(@icon-email);\n}\n\nExample usage in HTML:\n\n`display: block` sprite:\n<div class=\"icon-home\"></div>\n\nTo change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:\n\n// CSS\n.icon {\n display: inline-block;\n}\n\n// HTML\n<i class=\"icon icon-home\"></i>\n*/\n/*\nThe `.sprites` mixin generates identical output to the CSS template\n but can be overridden inside of LESS\n\nThis must be run when you have at least 2 sprites.\n If run with a single sprite, then there will be reference errors.\n\n.sprites(@spritesheet-sprites);\n*/\n/*@import \"./iconfont/iconfont.less\";*/\n.box {\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n background: silver;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n#slider {\n display: block;\n}\n#slider ul {\n margin: 0 auto;\n padding: 0px;\n height: 10.66666667rem;\n}\n#slider ul > li {\n float: left;\n width: 100%;\n list-style: none;\n height: 10.66666667rem;\n line-height: 10.66666667rem;\n}\n#slider ul > li img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n#slider ol {\n text-align: center;\n position: absolute;\n bottom: 0.53333333rem;\n margin: 0 auto;\n padding: 0;\n}\n#slider ol > li {\n float: left;\n height: 0.53333333rem;\n line-height: 0.53333333rem;\n width: 0.53333333rem;\n list-style: none;\n margin: 0 5px;\n border-radius: 50%;\n background: #c9c9c9;\n}\n#slider ol > li.active {\n background: #ff0000;\n}\n.nav {\n background: #434343;\n}\n.nav:before,\n.nav:after {\n content: ' ';\n display: table;\n}\n.nav:after {\n clear: both;\n}\n.nav > li {\n float: left;\n text-align: center;\n color: #fff;\n}\n.nav.col-1 li {\n /*\t.px1rem(width, 375);*/\n width: 100%;\n}\n.nav.col-2 li {\n /*\t.px1rem(width, 375);*/\n width: 50%;\n}\n.nav.col-3 li {\n /*\t.px1rem(width, 250);*/\n width: 33.33%;\n}\n.nav.col-4 li {\n /* .px1rem(width, 187.5);*/\n width: 25%;\n}\n.nav-tabs a {\n display: inline-block;\n height: 3.36rem;\n line-height: 3.36rem;\n font-size: 0.8rem;\n color: #fff;\n font-size: 0.96rem;\n width: 6.66666667rem;\n}\n.nav-tabs .active:after {\n display: block;\n content: '';\n width: 70%;\n margin-left: 15%;\n color: #ff0000;\n border-bottom: 0.16rem solid #ff0000;\n}\n.tab-panel {\n display: none;\n}\n.active {\n display: block;\n}\n.indexBox .nav {\n height: 2.66666667rem;\n line-height: 2.66666667rem;\n background: #fff;\n}\n.indexBox .nav-tabs a {\n height: 2.66666667rem;\n line-height: 2.66666667rem;\n font-size: 0.8rem;\n color: #666;\n width: 70%;\n}\n.indexBox .nav-tabs a.active {\n color: #f24130;\n border-bottom: 2px solid #f24130;\n}\n.indexBox .live_details {\n background: #f4f5f9;\n}\n.indexBox .live_details ul li {\n position: relative;\n float: left;\n width: 50%;\n overflow: hidden;\n padding: 0.85333333rem;\n}\n.indexBox .live_details ul li:nth-child(even) {\n padding-left: 0.42666667rem;\n}\n.indexBox .live_details ul li .publicityMap {\n display: inline-block;\n position: relative;\n}\n.indexBox .live_details ul li .publicityMap div {\n height: 8.69333333rem;\n width: 8.69333333rem;\n border-radius: 4px;\n overflow: hidden;\n}\n.indexBox .live_details ul li .publicityMap div img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.indexBox .live_details ul li .publicityMap span {\n position: absolute;\n z-index: 4;\n display: inline-block;\n width: 2.88rem;\n text-align: center;\n height: 1.28rem;\n line-height: 1.28rem;\n font-size: 0.64rem;\n background: rgba(0, 0, 0, 0.3);\n color: #fff;\n box-shadow: 0px 0px 4px #ccc;\n}\n.indexBox .live_details ul li .publicityMap span.open_state {\n left: 0rem;\n}\n.indexBox .live_details ul li .publicityMap span.live_state {\n right: 0rem;\n}\n.indexBox .live_details ul li .publicityMap button {\n background: #ff0000;\n display: inline-block;\n color: #fff;\n width: 2.93333333rem;\n text-align: center;\n height: 1.17333333rem;\n line-height: 1.17333333rem;\n position: absolute;\n right: 0rem;\n bottom: 0rem;\n font-size: 0.53333333rem;\n border-radius: 2px;\n}\n.indexBox .live_details ul li .publicityMap .cancel {\n background: #a0a0a0;\n display: inline-block;\n color: #fff;\n width: 2.93333333rem;\n text-align: center;\n height: 1.17333333rem;\n line-height: 1.17333333rem;\n}\n.indexBox .live_details ul li .live_intro {\n text-align: center;\n}\n.indexBox .live_details ul li .live_intro h3 {\n font-size: 0.8rem;\n color: #414141;\n margin: 0.8rem 0rem 0.26666667rem 0rem;\n}\n.indexBox .live_details ul li .live_intro p {\n font-size: 0.53333333rem;\n line-height: 1.06666667rem;\n color: #a0a0a0;\n}\n.indexBox .live_details ul li .live_intro span {\n display: inline-block;\n margin-right: 0.53333333rem;\n line-height: 1.06666667rem;\n font-size: 0.53333333rem;\n color: #a0a0a0;\n}\n.indexBox .live_details ul li .live_intro .tag span {\n display: inline-block;\n border: 1px solid #ccc;\n margin: 0.26666667rem 0rem;\n width: 2.4rem;\n text-align: center;\n height: 1.33333333rem;\n line-height: 1.33333333rem;\n font-size: 0.53333333rem;\n color: #a0a0a0;\n}\n/*底部导航*/\nfooter {\n width: 100%;\n position: absolute;\n bottom: 0;\n}\nfooter ul {\n background: #666;\n color: #a0a0a0;\n display: flex;\n}\nfooter ul li {\n flex-grow: 1;\n text-align: center;\n height: 4.26666667rem;\n}\nfooter ul li a {\n display: inline-block;\n text-align: center;\n}\nfooter ul li a i {\n display: inline-block;\n border: 1px solid #ccc;\n width: 1.06666667rem;\n height: 1.06666667rem;\n margin-top: 1.06666667rem;\n}\nfooter ul li a span {\n display: block;\n color: #a0a0a0;\n}\nfooter ul li.active span {\n color: #ff0000;\n}\n",".cover {\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n}\r\n",".box {\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n background: silver;\r\n text-align: center;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n#slider{\r\n display: block;\r\n ul{\r\n margin: 0 auto;\r\n padding: 0px;\r\n .px1rem(height,400);\r\n >li{\r\n float: left;\r\n width: 100%;\r\n list-style: none;\r\n .px1rem(height,400);\r\n .px1rem(line-height,400);\r\n img{\r\n width:100%;\r\n height:100%;\r\n -o-object-fit: cover;\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n ol {\r\n text-align: center;\r\n position: absolute;\r\n .px1rem(bottom,20);\r\n margin: 0 auto;\r\n padding: 0;\r\n > li {\r\n float: left;\r\n .px1rem(height,20);\r\n .px1rem(line-height,20);\r\n .px1rem(width,20);\r\n list-style: none;\r\n margin: 0 5px;\r\n border-radius: 50%;\r\n background: #c9c9c9;\r\n &.active {\r\n background: @bg-red;\r\n }\r\n }\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n.px1rem(@name, @px) {\r\n @{name}: @px/37.5rem;\r\n}\r\n// padding, margin\r\n.px2rem(@name, @tb, @lr) {\r\n @{name}: @tb/37.5rem @lr/37.5rem;\r\n}\r\n.px3rem(@name, @t, @lr, @b) {\r\n @{name}: @t/37.5rem @lr/37.5rem @b/37.5rem;\r\n}\r\n.px4rem(@name, @t, @r, @b, @l) {\r\n @{name}: @t/37.5rem @r/37.5rem @b/37.5rem @l/37.5rem;\r\n}\r\n\r\n// 字体\r\n.font-size( @font-size ) {\r\n font-size : @font-size;\r\n [data-dpr=\"2\"] & {\r\n font-size: @font-size * 2;\r\n }\r\n [data-dpr=\"3\"] & {\r\n font-size: @font-size * 3;\r\n }\r\n}\r\n",".nav {\r\n background: @bg-dark-grey;\r\n .clearfix();\r\n > li {\r\n float: left;\r\n text-align: center;\r\n color: #fff;\r\n }\r\n}\r\n.nav.col-1 {\r\n li {\r\n /*\t.px1rem(width, 375);*/\r\n width:100%;\r\n }\r\n}\r\n.nav.col-2 {\r\n li {\r\n /*\t.px1rem(width, 375);*/\r\n width:50%;\r\n }\r\n}\r\n.nav.col-3 {\r\n li {\r\n /*\t.px1rem(width, 250);*/\r\n width:33.33%;\r\n }\r\n}\r\n.nav.col-4 {\r\n li {\r\n /* .px1rem(width, 187.5);*/\r\n width:25%;\r\n }\r\n}\r\n.nav-tabs {\r\n a {\r\n display: inline-block;\r\n .px1rem(height,126);\r\n .px1rem(line-height,126);\r\n .px1rem(font-size, 30);\r\n color: @txt-white;\r\n .px1rem(font-size,36);\r\n .px1rem(width,250);\r\n }\r\n .active:after {\r\n display: block;\r\n content: '';\r\n width:70%;\r\n margin-left:15%;\r\n color: @txt-red;\r\n .border-bottom(6, @txt-red);\r\n }\r\n\r\n}\r\n.tab-panel {\r\n display: none;\r\n}\r\n.active {\r\n display: block;\r\n}","@charset \"UTF-8\";\r\n.clearfix() {\r\n &:before,\r\n &:after {\r\n content: ' ';\r\n display: table;\r\n }\r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n","@charset \"UTF-8\";\r\n// 矩形\r\n.rectangle ( @width; @height ) {\r\n .px1rem(width, @width);\r\n .px1rem(height, @height);\r\n}\r\n// 正方形\r\n.square ( @size ) {\r\n .rectangle ( @size; @size );\r\n}\r\n\r\n// 圆形\r\n.circle ( @size ) {\r\n .square( @size );\r\n .px1rem(border-radius, @size);\r\n}\r\n\r\n// 边框\r\n.border-bottom ( @px, @color) {\r\n border-bottom : @px/37.5rem solid @color;\r\n}\r\n.border-top ( @px, @color ) {\r\n border-top : @px/37.5rem solid @color;\r\n}\r\n.border-left ( @px, @color ) {\r\n border-left : @px/37.5rem solid @color;\r\n}\r\n.border-right ( @px, @color ) {\r\n border-right : @px/37.5rem solid @color;\r\n}\r\n.border ( @px, @color ) {\r\n border: @px/37.5rem solid @color;\r\n}\r\n\r\n// 三角形\r\n.triangle-base() {\r\n content: '';\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n -moz-transform: scale(.9999);\r\n}\r\n.triangle(@direction, @size, @color) {\r\n .triangle(@direction, @size * 2, @size, @color);\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = up) {\r\n .triangle-base();\r\n border-left: (@width / 2) solid transparent;\r\n border-right: (@width / 2) solid transparent;\r\n border-bottom: @height solid @color;\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = down) {\r\n .triangle-base();\r\n border-left: (@width / 2) solid transparent;\r\n border-right: (@width / 2) solid transparent;\r\n border-top: @height solid @color;\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = left) {\r\n .triangle-base();\r\n border-top: (@width / 2) solid transparent;\r\n border-bottom: (@width / 2) solid transparent;\r\n border-right: @height solid @color;\r\n}\r\n.triangle(@direction, @width, @height, @color) when (@direction = right) {\r\n .triangle-base();\r\n border-top: (@width / 2) solid transparent;\r\n border-bottom: (@width / 2) solid transparent;\r\n border-left: @height solid @color;\r\n}\r\n","/*状态徽章*/\r\n.status(@width,@height){\r\n display: inline-block;\r\n color: @txt-white;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n border: 1px solid #fff;\r\n .px1rem(border-radius,24);\r\n background: rgba(0,0,0,0.3);\r\n}\r\n\r\n.badge(@width,@height){\r\n display: inline-block;\r\n color: @txt-white;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n}\r\n.orange_badge(@width,@height) {\r\n background: @bg-orange;\r\n .badge(@width,@height);\r\n}\r\n.green_badge(@width,@height) {\r\n background: @bg-green;\r\n .badge(@width,@height);\r\n}\r\n.blue_badge(@width,@height) {\r\n background: @bg-blue;\r\n .badge(@width,@height);\r\n}\r\n.red_badge(@width,@height) {\r\n background: @bg-red;\r\n .badge(@width,@height);\r\n}\r\n\r\n.grey_badge(@width,@height) {\r\n background: @bg-grey;\r\n .badge(@width,@height);\r\n}\r\n\r\n.transparent_badge(@width,@height){\r\n display: inline-block;\r\n .px1rem(width,@width);\r\n .text-center(@height);\r\n .px1rem(font-size,24);\r\n background: rgba(0,0,0,0.3);\r\n color: @txt-white;\r\n box-shadow: 0px 0px 4px #ccc;\r\n}\r\n","@charset \"UTF-8\";\r\n@import \"./common/base.less\";\r\n@import \"./sprites/sprites.less\";\r\n/*@import \"./iconfont/iconfont.less\";*/\r\n@import \"ui-widget/slider\";\r\n@import \"./ui-widget/nav-tabs.less\";\r\n\r\n.indexBox{\r\n .nav{\r\n .px1rem(height,100);\r\n .px1rem(line-height,100);\r\n background: @bg-white;\r\n }\r\n .nav-tabs a{\r\n .px1rem(height,100);\r\n .px1rem(line-height,100);\r\n .px1rem(font-size,30);\r\n color: @txt-dark-grey;\r\n width: 70%;\r\n }\r\n .nav-tabs a.active {\r\n color: #f24130;\r\n border-bottom:2px solid #f24130;\r\n }\r\n \r\n .live_details{\r\n background:@bg-light-grey;\r\n ul li{\r\n position: relative;\r\n float: left;\r\n width: 50%;\r\n overflow: hidden;\r\n .px1rem(padding,32);\r\n &:nth-child(even){\r\n .px1rem(padding-left,16);\r\n }\r\n .publicityMap{\r\n display: inline-block;\r\n position: relative;\r\n div{\r\n .px1rem(height,326);\r\n .px1rem(width,326);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n img{\r\n width: 100%;\r\n height:100%;\r\n -o-object-fit: cover;\r\n object-fit: cover;\r\n }\r\n }\r\n span{\r\n position: absolute;\r\n z-index: 4;\r\n .transparent_badge(108,48);\r\n &.open_state{\r\n .px1rem(left,0);\r\n }\r\n &.live_state{\r\n .px1rem(right,0);\r\n }\r\n }\r\n button{\r\n .red_badge(110,44);\r\n position: absolute;\r\n .px1rem(right,0);\r\n .px1rem(bottom,0);\r\n .px1rem(font-size,20);\r\n border-radius: 2px;\r\n }\r\n .cancel{\r\n .grey_badge(110;44);\r\n }\r\n }\r\n\r\n .live_intro{\r\n text-align: center;\r\n h3{\r\n .px1rem(font-size,30);\r\n color:@txt-light-black;\r\n .px4rem(margin,30,0,10,0);\r\n }\r\n p{\r\n .px1rem(font-size,20);\r\n .px1rem(line-height,40);\r\n color:@txt-grey;\r\n }\r\n span{\r\n display: inline-block;\r\n .px1rem(margin-right,20);\r\n .px1rem(line-height,40);\r\n .px1rem(font-size,20);\r\n color:@txt-grey;\r\n }\r\n .tag{\r\n span{\r\n display: inline-block;\r\n border: 1px solid #ccc;\r\n .px2rem(margin,10,0);\r\n .px1rem(width,90);\r\n .text-center(50);\r\n .px1rem(font-size,20);\r\n color:@txt-grey;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n/*底部导航*/\r\nfooter{\r\n width: 100%;\r\n position: absolute;\r\n bottom: 0;\r\n ul{\r\n background: @txt-dark-grey;\r\n color: @txt-grey;\r\n display: flex;\r\n li{\r\n flex-grow: 1;\r\n text-align: center;\r\n .px1rem(height,160);\r\n a{\r\n display: inline-block;\r\n text-align: center;\r\n i{\r\n display: inline-block;\r\n border: 1px solid #ccc;\r\n .px1rem(width,40);\r\n .px1rem(height,40);\r\n .px1rem(margin-top,40);\r\n }\r\n span{\r\n display: block;\r\n color: @txt-grey;\r\n }\r\n }\r\n &.active span{\r\n color: @txt-red;\r\n }\r\n }\r\n }\r\n}\r\n\r\n","@charset \"UTF-8\";\r\n.text-center(@px) {\r\n text-align: center;\r\n .px1rem(height, @px);\r\n .px1rem(line-height, @px);\r\n}\r\n"]}
\ No newline at end of file
dist/css/picture-live.min.css
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}.icon:before,a{text-decoration:none}.nav>li,.slider,nav #updateItem{text-align:center}.cover img,.poster div img{object-fit:cover}.cover img{width:100%;height:100%;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}ol,ul{list-style:none}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon:before,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.hidden,[hidden],template{display:none}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('eot'),url(../fonts/iconFont.woff2) format('woff2'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg')}.icon:before{font-family:iconFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;text-transform:none}.icon-gray:before{content:"\E001"}.icon-icon_blacktel:before{content:"\E002"}.icon-icon_donwpic:before{content:"\E003"}.icon-icon_down:before{content:"\E004"}.icon-icon_eye:before{content:"\E005"}.icon-icon_livepic:before{content:"\E006"}.icon-icon_local:before{content:"\E007"}.icon-icon_more:before{content:"\E008"}.icon-icon_order:before{content:"\E009"}.icon-icon_pen:before{content:"\E00A"}.icon-icon_people:before{content:"\E00B"}.icon-icon_person:before{content:"\E00C"}.icon-icon_picture:before{content:"\E00D"}.icon-icon_redlocal:before{content:"\E00E"}.icon-icon_redphone:before{content:"\E00F"}.icon-icon_return:before{content:"\E010"}.icon-icon_reverse_order:before{content:"\E011"}.icon-icon_right:before{content:"\E012"}.icon-icon_shop:before{content:"\E013"}.icon-icon_tel:before{content:"\E014"}.icon-icon_tex:before{content:"\E015"}.icon-icon_time:before{content:"\E016"}.icon-icon_type:before{content:"\E017"}.icon-icon_up:before{content:"\E018"}.dynamic{background:#fff;margin-bottom:.53333333rem}.dynamic-person{display:block;padding:0 .8rem}.dynamic-person:after,.dynamic-person:before{content:' ';display:table}.dynamic-person:after{clear:both}.dynamic-person .person-info{float:left;margin:.53333333rem 0}.dynamic-person .person-info .head,.dynamic-person .person-info .other{line-height:1;display:inline-block}.dynamic-person .person-info .head{width:2.66666667rem;height:2.66666667rem;border-radius:2.66666667rem;margin-right:.8rem}.dynamic-person .person-info .other{vertical-align:baseline}.dynamic-person .person-info .nickname{margin-bottom:.8rem;font-size:.8rem}.dynamic-person .person-info .date{color:#999;font-size:.58666667rem}.dynamic-detail,.dynamic-tag{font-size:.74666667rem}.dynamic-work{position:relative}.dynamic-work>a{display:block}.dynamic-work .work{line-height:0}.dynamic-work .work:after,.dynamic-work .work:before{content:' ';display:table}.dynamic-work .work:after{clear:both}.dynamic-work .work-1 li{height:26.45333333rem}.dynamic-work .work-2 li{height:11.76rem}.dynamic-work .work-2 li:nth-child(1){margin-bottom:.21333333rem}.dynamic-work .work-3 li{float:left;width:9.89333333rem;height:9.89333333rem}.dynamic-work .work-3 li:nth-child(2){margin-right:.21333333rem}.dynamic-work .work-3 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-4 li{float:left;margin-right:.26666667rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-4 li:nth-child(4){margin-right:0}.dynamic-work .work-4 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem}.dynamic-work .work-5 li{float:left;width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-5 li:nth-child(1){margin-right:.26666667rem;width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-5 li:nth-child(2),.dynamic-work .work-5 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-5 li:nth-child(5){margin-right:0}.dynamic-work .work-6 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem}.dynamic-work .work-6 li:nth-child(1){width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-6 li:nth-child(2),.dynamic-work .work-6 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-6 li:nth-child(6){margin-right:0}.dynamic-work .work-7 li{float:left;margin-right:.26666667rem;margin-bottom:.21333333rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-7 li:nth-child(1){width:100%;height:15.29333333rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-7 li:nth-child(4),.dynamic-work .work-7 li:nth-child(7){margin-right:0}.dynamic-work .work-7 li:nth-child(5),.dynamic-work .work-7 li:nth-child(6),.dynamic-work .work-7 li:nth-child(7){margin-bottom:0}.dynamic-work .work-8 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem;margin-bottom:.21333333rem}.dynamic-work .work-8 li:nth-child(1),.dynamic-work .work-8 li:nth-child(2){width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-8 li:nth-child(2),.dynamic-work .work-8 li:nth-child(5),.dynamic-work .work-8 li:nth-child(8){margin-right:0}.dynamic-work .work-8 li:nth-child(6),.dynamic-work .work-8 li:nth-child(7),.dynamic-work .work-8 li:nth-child(8){margin-bottom:0}.dynamic-work .work-9 li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.48888889rem;height:6.48888889rem}.nav-tabs a,nav{height:3.36rem}.dynamic-work .work-9 li:nth-child(3),.dynamic-work .work-9 li:nth-child(6),.dynamic-work .work-9 li:nth-child(9){margin-right:0}.dynamic-work .work-9 li:nth-child(7),.dynamic-work .work-9 li:nth-child(8),.dynamic-work .work-9 li:nth-child(9){margin-bottom:0}.dynamic-address,.dynamic-tag{margin-bottom:.26666667rem}.dynamic-detail{padding:.66666667rem .61333333rem .8rem .8rem}.dynamic-tag a{color:#32798d;margin-right:.58666667rem}.dynamic-activity,.dynamic-address{line-height:1}.dynamic-activity .icon,.dynamic-address .icon{margin-right:.48rem;color:#9a9999;font-size:1.01333333rem}.dynamic-activity>div,.dynamic-address>div{display:inline-block}.dynamic-address .address{color:#999}.dynamic-activity{margin-bottom:.8rem}.dynamic-txt{color:#666}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}.nav-tabs a.active{color:red;border-bottom:.16rem solid red}.tab-panel{display:none}.tab-panel.active{display:block}.slider{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:100}.slider .pic-num{position:absolute;top:12%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;z-index:1}.slider-cont{-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition:.3s -webkit-transform ease-out;transition:.3s -webkit-transform ease-out;transition:.3s transform ease-out;transition:.3s transform ease-out,.3s -webkit-transform ease-out}.slider-cont .wrap{float:left}.slider-cont .scroll{width:100%;-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}nav #updateItem,nav .nav{width:20rem;position:fixed}.slider-cont .scroll img{max-width:100%;vertical-align:middle}body{position:relative}nav .nav{top:0;z-index:100}nav #updateItem{clear:both;height:1.6rem;line-height:1.6rem;background:#f39800;color:#fff;font-size:.69333333rem;top:1.6rem;z-index:10}.poster{position:relative;height:7.46666667rem;width:100%;background:#ccc;overflow:hidden}#meet_room,#meet_room ul{overflow-x:scroll;overflow-y:hidden}.poster span{position:absolute;top:.37333333rem;right:.26666667rem;display:inline-block;margin-top:.53333333rem;vertical-align:middle}.poster span b{display:inline-block;font-size:.64rem;font-weight:400;vertical-align:middle;height:1.28rem;line-height:1.22666667rem}.poster span .origin{display:inline-block;width:.32rem;height:.32rem;border-radius:50%;background:#fff;margin-right:.26666667rem;margin-bottom:.10666667rem}.poster .during,.poster .no_start{border:1px solid #fff;width:3.46666667rem;height:1.33333333rem;line-height:1.33333333rem;color:#fff;display:inline-block;text-align:center}.poster .no_start{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .no_start .origin{background:#f39800}.poster .during{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .during .origin{background:#22ac38}.poster .end{display:inline-block;color:#fff;width:3.46666667rem;text-align:center;height:1.33333333rem;line-height:1.33333333rem;border:1px solid #fff;border-radius:.64rem;background:rgba(0,0,0,.3)}.poster div,.poster div img{width:100%;height:100%}.poster .end .origin{background:red}#live_box{position:relative;margin-bottom:11.73333333rem;background:#f2f2f2}#live_box .live_title{position:relative;padding:.4rem .26666667rem;height:4.16rem}#live_box .live_title .public_live{position:absolute;background:red;display:inline-block;color:#fff;width:3.2rem;text-align:center;height:1.28rem;line-height:1.28rem;font-size:.64rem;border-radius:4px 0 0 4px}#live_box .live_title .public_triangle{width:0;height:0;border-top:.64rem solid transparent;border-left:.32rem solid red;border-bottom:.64rem solid transparent;position:absolute;left:3.46666667rem;top:.42666667rem}#live_box .live_title .latest{position:absolute;top:.8rem;right:.8rem}#live_box .live_title .latest i{display:inline-block;vertical-align:middle;font-size:2.66666667rem;margin-top:-2.61333333rem;color:#a0a0a0}#live_box .live_title .latest i.active{color:red}#live_box .live_title h3{text-align:center;height:1.6rem;line-height:1.6rem;font-size:.85333333rem;color:#353535}#live_box .live_title ul{height:1.6rem;line-height:1.6rem;padding:0 .53333333rem}#live_box .live_title ul li{text-align:center}#live_box .live_title ul li span{display:inline-block;color:#999;font-size:.53333333rem;margin-right:.53333333rem;height:1.6rem;line-height:1.6rem}#live_box .live_title ul li span:last-child{margin-right:0}#live_box .live_title ul li span b{display:inline-block;margin-right:.13333333rem;vertical-align:middle;font-weight:400}#live_box .live_title ul li span b:before{display:inline-block;font-size:2.66666667rem;margin-right:.13333333rem;margin-top:-.74666667rem}#live_box .live_title ul li.left{float:left}#live_box .live_title ul li.right{float:right;margin-top:-.32rem}#live_box .live_content{position:relative;min-height:11.73333333rem;clear:both;margin-bottom:1.06666667rem}#live_box .live_content p{clear:both;text-align:center}#live_box .live_content .picture_mode .work::after{content:".";display:block;height:0;clear:both;visibility:hidden}#live_box .live_content .picture_mode .work li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.4rem;height:6.4rem}#live_box .live_content .picture_mode .work li:nth-child(3n+3){margin-right:0}#live_box .live_content .dynamic-work{display:none}#live_box .live_content .dynamic-work>ul>li{display:block;margin-bottom:.8rem}#live_box .live_content .prompt{text-align:center;height:11.73333333rem;line-height:11.73333333rem}#live_box .live_content .prompt p{font-size:.8rem;color:#a0a0a0;font-weight:400}#live_box .word_details{margin:.53333333rem 0}#live_box .word_details p{line-height:1.33333333rem;padding:0 .8rem;text-align:left;text-indent:1.6rem;font-size:.74666667rem}#meet_room{position:fixed;bottom:2.8rem;max-width:20rem;background:#666}#meet_room ul{width:100%;display:inline-block}#meet_room ul li{float:left;width:6.66666667rem;text-align:center;height:4.26666667rem;line-height:4.26666667rem;border:10px solid #666;background:#666;color:#fff;font-size:.8rem}#meet_room ul li:last-child{border-right:10px solid #666}#meet_room ul li.active{color:red}#meet_room ul li.active .pic{border:1px solid red}#meet_room ul li .pic{width:6.13333333rem;text-align:center;height:3.2rem;line-height:3.2rem;position:relative;border-radius:4px;overflow:hidden;border:1px solid #666}#meet_room ul li .pic img{width:100%;height:100%;object-fit:cover}#meet_room ul li .pic p{position:absolute;background:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%}.appointment{position:fixed;bottom:0;width:20rem}.appointment span{display:block;float:left}.appointment .appointUser{width:70%;background:red;color:#fff;font-size:.96rem;font-weight:lighter;text-align:center;height:2.66666667rem;line-height:2.66666667rem}.appointment .shop{width:30%;background:#999;color:#e4e4e4;text-align:center;height:2.66666667rem;overflow:hidden}.appointment .shop i{display:inline-block;font-size:2.13333333rem;margin-top:-.13333333rem;line-height:1.06666667rem}.appointment .shop small{display:block;line-height:1.33333333rem;margin-top:.26666667rem}.weui-loadmore,.weui-pull-to-refresh__layer{display:none}.block{display:block}
@charset "UTF-8";*,:after,:before,legend{-webkit-box-sizing:border-box}a,body{color:#353535}.icon:before,a{text-decoration:none}.nav>li,.slider,nav #updateItem{text-align:center}.cover img,.poster div img{object-fit:cover}.cover img{width:100%;height:100%;object-position:center}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-size:14px;line-height:1.5;word-break:break-all;background:#f4f5f9}body,h1,h2,h3,h4,h5,h6,ol,p,ul{padding:0;margin:0;font-weight:lighter}a:active,a:hover{outline-width:0;cursor:pointer}div,footer,h1,h2,h3,h4,h5,h6,header,section,span{font-size:100%}ol,ul{list-style:none}textarea{resize:none;overflow:auto}button,input,select,textarea{outline:0;border:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.icon:before,em{font-style:normal}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.hidden,[hidden],template{display:none}img{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:iconFont;src:url(../fonts/iconFont.eot);src:url(../fonts/iconFont.eot?#iefix) format('eot'),url(../fonts/iconFont.woff2) format('woff2'),url(../fonts/iconFont.woff) format('woff'),url(../fonts/iconFont.ttf) format('truetype'),url(../fonts/iconFont.svg#iconFont) format('svg')}.icon:before{font-family:iconFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:normal;font-weight:400;text-transform:none}.icon-gray:before{content:"\E001"}.icon-icon_blacktel:before{content:"\E002"}.icon-icon_donwpic:before{content:"\E003"}.icon-icon_down:before{content:"\E004"}.icon-icon_eye:before{content:"\E005"}.icon-icon_livepic:before{content:"\E006"}.icon-icon_local:before{content:"\E007"}.icon-icon_more:before{content:"\E008"}.icon-icon_order:before{content:"\E009"}.icon-icon_pen:before{content:"\E00A"}.icon-icon_people:before{content:"\E00B"}.icon-icon_person:before{content:"\E00C"}.icon-icon_picture:before{content:"\E00D"}.icon-icon_redlocal:before{content:"\E00E"}.icon-icon_redphone:before{content:"\E00F"}.icon-icon_return:before{content:"\E010"}.icon-icon_reverse_order:before{content:"\E011"}.icon-icon_right:before{content:"\E012"}.icon-icon_shop:before{content:"\E013"}.icon-icon_tel:before{content:"\E014"}.icon-icon_tex:before{content:"\E015"}.icon-icon_time:before{content:"\E016"}.icon-icon_type:before{content:"\E017"}.icon-icon_up:before{content:"\E018"}.dynamic{background:#fff;margin-bottom:.53333333rem}.dynamic-person{display:block;padding:0 .8rem}.dynamic-person:after,.dynamic-person:before{content:' ';display:table}.dynamic-person:after{clear:both}.dynamic-person .person-info{float:left;margin:.53333333rem 0}.dynamic-person .person-info .head,.dynamic-person .person-info .other{line-height:1;display:inline-block}.dynamic-person .person-info .head{width:2.66666667rem;height:2.66666667rem;border-radius:2.66666667rem;margin-right:.8rem}.dynamic-person .person-info .other{vertical-align:baseline}.dynamic-person .person-info .nickname{margin-bottom:.8rem;font-size:.8rem}.dynamic-person .person-info .date{color:#999;font-size:.58666667rem}.dynamic-detail,.dynamic-tag{font-size:.74666667rem}.dynamic-work{position:relative}.dynamic-work>a{display:block}.dynamic-work .work{line-height:0}.dynamic-work .work:after,.dynamic-work .work:before{content:' ';display:table}.dynamic-work .work:after{clear:both}.dynamic-work .work-1 li{height:26.45333333rem}.dynamic-work .work-2 li{height:11.76rem}.dynamic-work .work-2 li:nth-child(1){margin-bottom:.21333333rem}.dynamic-work .work-3 li{float:left;width:9.89333333rem;height:9.89333333rem}.dynamic-work .work-3 li:nth-child(2){margin-right:.21333333rem}.dynamic-work .work-3 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-4 li{float:left;margin-right:.26666667rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-4 li:nth-child(4){margin-right:0}.dynamic-work .work-4 li:nth-child(1){width:100%;height:15.28rem;margin-bottom:.21333333rem}.dynamic-work .work-5 li{float:left;width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-5 li:nth-child(1){margin-right:.26666667rem;width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-5 li:nth-child(2),.dynamic-work .work-5 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-5 li:nth-child(5){margin-right:0}.dynamic-work .work-6 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem}.dynamic-work .work-6 li:nth-child(1){width:13.24444444rem;height:13.24444444rem;margin-bottom:.26666667rem}.dynamic-work .work-6 li:nth-child(2),.dynamic-work .work-6 li:nth-child(3){width:6.48888889rem;height:6.48888889rem;margin-bottom:.26666667rem;margin-right:0}.dynamic-work .work-6 li:nth-child(6){margin-right:0}.dynamic-work .work-7 li{float:left;margin-right:.26666667rem;margin-bottom:.21333333rem;width:6.48888889rem;height:6.48888889rem}.dynamic-work .work-7 li:nth-child(1){width:100%;height:15.29333333rem;margin-bottom:.21333333rem;margin-right:0}.dynamic-work .work-7 li:nth-child(4),.dynamic-work .work-7 li:nth-child(7){margin-right:0}.dynamic-work .work-7 li:nth-child(5),.dynamic-work .work-7 li:nth-child(6),.dynamic-work .work-7 li:nth-child(7){margin-bottom:0}.dynamic-work .work-8 li{float:left;width:6.48888889rem;height:6.48888889rem;margin-right:.26666667rem;margin-bottom:.21333333rem}.dynamic-work .work-8 li:nth-child(1),.dynamic-work .work-8 li:nth-child(2){width:9.89333333rem;height:9.89333333rem;margin-right:.21333333rem}.dynamic-work .work-8 li:nth-child(2),.dynamic-work .work-8 li:nth-child(5),.dynamic-work .work-8 li:nth-child(8){margin-right:0}.dynamic-work .work-8 li:nth-child(6),.dynamic-work .work-8 li:nth-child(7),.dynamic-work .work-8 li:nth-child(8){margin-bottom:0}.dynamic-work .work-9 li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.48888889rem;height:6.48888889rem}.nav-tabs a,nav{height:3.36rem}.dynamic-work .work-9 li:nth-child(3),.dynamic-work .work-9 li:nth-child(6),.dynamic-work .work-9 li:nth-child(9){margin-right:0}.dynamic-work .work-9 li:nth-child(7),.dynamic-work .work-9 li:nth-child(8),.dynamic-work .work-9 li:nth-child(9){margin-bottom:0}.dynamic-address,.dynamic-tag{margin-bottom:.26666667rem}.dynamic-detail{padding:.66666667rem .61333333rem .8rem .8rem}.dynamic-tag a{color:#32798d;margin-right:.58666667rem}.dynamic-activity,.dynamic-address{line-height:1}.dynamic-activity .icon,.dynamic-address .icon{margin-right:.48rem;color:#9a9999;font-size:1.01333333rem}.dynamic-activity>div,.dynamic-address>div{display:inline-block}.dynamic-address .address{color:#999}.dynamic-activity{margin-bottom:.8rem}.dynamic-txt{color:#666}.nav{background:#434343}.nav:after,.nav:before{content:' ';display:table}.nav:after{clear:both}.nav>li{float:left;color:#fff}.nav.col-1 li{width:100%}.nav.col-2 li{width:50%}.nav.col-3 li{width:33.33%}.nav.col-4 li{width:25%}.nav-tabs a{display:inline-block;line-height:3.36rem;color:#fff;font-size:.96rem;width:6.66666667rem}.nav-tabs .active:after{display:block;content:'';width:70%;margin-left:15%;color:red;border-bottom:.16rem solid red}.tab-panel{display:none}.active{display:block}.slider{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:100}.slider .pic-num{position:absolute;top:12%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#fff;z-index:1}.slider-cont{-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition:.3s -webkit-transform ease-out;transition:.3s -webkit-transform ease-out;transition:.3s transform ease-out;transition:.3s transform ease-out,.3s -webkit-transform ease-out}.slider-cont .wrap{float:left}.slider-cont .scroll{width:100%;-webkit-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}nav #updateItem,nav .nav{width:20rem;position:fixed}.slider-cont .scroll img{max-width:100%;vertical-align:middle}body{position:relative}nav .nav{top:0;z-index:100}nav #updateItem{clear:both;height:1.6rem;line-height:1.6rem;background:#f39800;color:#fff;font-size:.69333333rem;top:1.6rem;z-index:10}.poster{position:relative;height:7.46666667rem;width:100%;background:#ccc;overflow:hidden}#meet_room,#meet_room ul{overflow-x:scroll;overflow-y:hidden}.poster span{position:absolute;top:.37333333rem;right:.26666667rem;display:inline-block;margin-top:.53333333rem;vertical-align:middle}.poster span b{display:inline-block;font-size:.64rem;font-weight:400;vertical-align:middle;height:1.28rem;line-height:1.22666667rem}.poster span .origin{display:inline-block;width:.32rem;height:.32rem;border-radius:50%;background:#fff;margin-right:.26666667rem;margin-bottom:.10666667rem}.poster .during,.poster .no_start{border:1px solid #fff;width:3.46666667rem;height:1.33333333rem;line-height:1.33333333rem;color:#fff;display:inline-block;text-align:center}.poster .no_start{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .no_start .origin{background:#f39800}.poster .during{border-radius:.64rem;background:rgba(0,0,0,.3)}.poster .during .origin{background:#22ac38}.poster .end{display:inline-block;color:#fff;width:3.46666667rem;text-align:center;height:1.33333333rem;line-height:1.33333333rem;border:1px solid #fff;border-radius:.64rem;background:rgba(0,0,0,.3)}.poster div,.poster div img{width:100%;height:100%}.poster .end .origin{background:red}#live_box{position:relative;margin-bottom:11.73333333rem;background:#f2f2f2}#live_box .live_title{position:relative;padding:.4rem .26666667rem;height:4.16rem}#live_box .live_title .public_live{position:absolute;background:red;display:inline-block;color:#fff;width:3.2rem;text-align:center;height:1.28rem;line-height:1.28rem;font-size:.64rem;border-radius:4px 0 0 4px}#live_box .live_title .public_triangle{width:0;height:0;border-top:.64rem solid transparent;border-left:.32rem solid red;border-bottom:.64rem solid transparent;position:absolute;left:3.46666667rem;top:.42666667rem}#live_box .live_title .latest{position:absolute;top:.8rem;right:.8rem}#live_box .live_title .latest i{display:inline-block;vertical-align:middle;font-size:2.66666667rem;margin-top:-2.61333333rem;color:#a0a0a0}#live_box .live_title .latest i.active{color:red}#live_box .live_title h3{text-align:center;height:1.6rem;line-height:1.6rem;font-size:.85333333rem;color:#353535}#live_box .live_title ul{height:1.6rem;line-height:1.6rem;padding:0 .53333333rem}#live_box .live_title ul li{text-align:center}#live_box .live_title ul li span{display:inline-block;color:#999;font-size:.53333333rem;margin-right:.53333333rem;height:1.6rem;line-height:1.6rem}#live_box .live_title ul li span:last-child{margin-right:0}#live_box .live_title ul li span b{display:inline-block;margin-right:.13333333rem;vertical-align:middle;font-weight:400}#live_box .live_title ul li span b:before{display:inline-block;font-size:2.66666667rem;margin-right:.13333333rem;margin-top:-.74666667rem}#live_box .live_title ul li.left{float:left}#live_box .live_title ul li.right{float:right;margin-top:-.32rem}#live_box .live_content{position:relative;min-height:11.73333333rem;clear:both;margin-bottom:1.06666667rem}#live_box .live_content p{clear:both;text-align:center}#live_box .live_content .picture_mode{display:none}#live_box .live_content .picture_mode .work::after{content:".";display:block;height:0;clear:both;visibility:hidden}#live_box .live_content .picture_mode .work li{float:left;margin-right:.26666667rem;margin-bottom:.26666667rem;width:6.4rem;height:6.4rem}#live_box .live_content .picture_mode .work li:nth-child(3n+3){margin-right:0}#live_box .live_content .dynamic-work{display:none}#live_box .live_content .dynamic-work>ul>li{display:block;margin-bottom:.8rem}#live_box .live_content .prompt{text-align:center;height:11.73333333rem;line-height:11.73333333rem}#live_box .live_content .prompt p{font-size:.8rem;color:#a0a0a0;font-weight:400}#live_box .live_content .tab-panel{display:none}#live_box .live_content .active{display:block}#live_box .word_details{margin:.53333333rem 0}#live_box .word_details p{line-height:1.33333333rem;padding:0 .8rem;text-align:left;text-indent:1.6rem;font-size:.74666667rem}#meet_room{position:fixed;bottom:2.8rem;max-width:20rem;background:#666}#meet_room ul{width:100%;display:inline-block}#meet_room ul li{float:left;width:6.66666667rem;text-align:center;height:4.26666667rem;line-height:4.26666667rem;border:10px solid #666;background:#666;color:#fff;font-size:.8rem}#meet_room ul li:last-child{border-right:10px solid #666}#meet_room ul li.active{color:red}#meet_room ul li.active .pic{border:1px solid red}#meet_room ul li .pic{width:6.13333333rem;text-align:center;height:3.2rem;line-height:3.2rem;position:relative;border-radius:4px;overflow:hidden;border:1px solid #666}#meet_room ul li .pic img{width:100%;height:100%;object-fit:cover}#meet_room ul li .pic p{position:absolute;background:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%}.appointment{position:fixed;bottom:0;width:20rem}.appointment span{display:block;float:left}.appointment .appointUser{width:70%;background:red;color:#fff;font-size:.96rem;font-weight:lighter;text-align:center;height:2.66666667rem;line-height:2.66666667rem}.appointment .shop{width:30%;background:#999;color:#e4e4e4;text-align:center;height:2.66666667rem;overflow:hidden}.appointment .shop i{display:inline-block;font-size:2.13333333rem;margin-top:-.13333333rem;line-height:1.06666667rem}.appointment .shop small{display:block;line-height:1.33333333rem;margin-top:.26666667rem}.weui-loadmore,.weui-pull-to-refresh__layer{display:none}.block{display:block}
/*# sourceMappingURL=picture-live.min.css.map */
dist/css/picture-live.min.css.map
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/html/appoint.html
......@@ -27,12 +27,12 @@
</head>
<body>
<article>
<ul class="nav nav-tabs col-2">
<li><a class="active">预约摄影师</a></li>
<li id="shop"><a>购买Wifi-SD卡</a></li>
<ul class="nav nav-tabs col-2" role="tablist">
<li role="presentation" class="active"><a href="#photographer" caria-controls="profile" role="tab" data-toggle="tab">预约摄影师</a></li>
<li role="presentation" id="shop"><a href="#equipment" aria-controls="profile" role="tab" data-toggle="tab">购买Wifi-SD卡</a></li>
</ul>
<section id="photographer" class="show">
<section class="ab-content">
<section id="photographer" class="tab-pane active">
<!-- <div class="appointment">
<h2>预约关注直播活动摄影师 </h2>
<table>
......@@ -94,7 +94,7 @@
<div class="submit_btn"><button>确认提交</button></div>
</div>
</section>
<section id="equipment" class="hidden">
<section id="equipment" class="tab-pane">
<div class="appointment">
<h2> 图播Wifi-SD卡</h2>
<!--幻灯片-->
......@@ -140,6 +140,8 @@
</ul>
</div>
</section>
</section>
<div class="contactTel">
<a href="tel:400-132-155">
<span>直接联系图播天下客服：</span>
......
dist/html/dir-appoint.html
......@@ -97,7 +97,41 @@
</div>
</article>
<script>
+function($){
$.rawCitiesData = [
{
"name":"A",
"sub":[
{
"id": "462",
"name": "阿拉善盟"
},
{
"id": "492",
"name": "鞍山市"
},
{
"id": "1098",
"name": "安庆市"
}
]
},
{ "name":"B",
"sub":[
{
"id": "2",
"name": "北京市"
},
{
"id": "124",
"name": "保定市"
}
]
}
]
}($);
</script>
<script type="text/javascript" src="../../lib/jquery-weui/js/city-picker.min.js" charset="utf-8"></script>
<script>
/*选择拍摄地点*/
......
dist/html/picture-live.html
......@@ -23,13 +23,14 @@
<link rel="stylesheet" href="../css/picture-live.min.css">
<!-- <link rel="stylesheet" href="../css/bootstrap.min.css">-->
</head>
<body>
<!--头部导航切换卡-->
<nav>
<ul class="nav nav-tabs col-2">
<li><a class="active">图片</a></li>
<li><a >图文</a></li>
<ul class="nav nav-tabs col-2" role="tablist">
<li role="presentation" class="active"><a href="#live_content" caria-controls="profile" role="tab" data-toggle="tab">图片</a></li>
<li role="presentation" ><a href="#picture" aria-controls="profile" role="tab" data-toggle="tab">图文</a></li>
</ul>
<div id="updateItem">有<b id="num">30</b>条数据更新</div>
</nav>
......@@ -68,9 +69,9 @@
</div>
<!--九宫图布局-->
<section class="live_content" >
<section id="main-container">
<section id="main-container" class="tab-content">
<!--图片模式-->
<div class="picture_mode show" id="live_content">
<div class="picture_mode tab-pane active" id="live_content" role="tabpanel">
<ul class="work">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
......@@ -79,14 +80,12 @@
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
</li>
</ul>
</div>
<!--图文模式-->
<div class="dynamic-work hidden">
<div class="dynamic-work tab-pane" role="tabpanel" id="picture">
<ul>
<li>
<ul class="work work-4">
......
dist/js/appoint.min.js
!function e(n,t,i){function r(s,l){if(!t[s]){if(!n[s]){var o="function"==typeof require&&require;if(!l&&o)return o(s,!0);if(a)return a(s,!0);var c=new Error("Cannot find module '"+s+"'");throw c.code="MODULE_NOT_FOUND",c}var d=t[s]={exports:{}};n[s][0].call(d.exports,function(e){var t=n[s][1][e];return r(t?t:e)},d,d.exports,e,n,t,i)}return t[s].exports}for(var a="function"==typeof require&&require,s=0;s<i.length;s++)r(i[s]);return r}({1:[function(e,n,t){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}var r=e("./widget/tabs.js"),a=(i(r),e("./widget/slider.js"));i(a)},{"./widget/slider.js":2,"./widget/tabs.js":3}],2:[function(e,n,t){"use strict";(function(e,n){function t(){var n=o(),t=document.createElement("ol");u.append(t);for(var i=e(d.SLIDER_OL),r=0;r<f.length;r++){var a=document.createElement("li");i.append(a),0==r&&i.find("li").addClass("active")}var s=(n-20*f.length)/2;i.css("left",s)}function i(){var n=e(d.SLIDER_OL);n.find("li").eq(L).addClass("active").siblings().removeClass("active")}function r(e){var n=o();L++,L>=I&&(L=I-1),v.animate({"margin-left":-n*L},500),i()}function a(e){var n=o();L--,L<=-1&&(L=0),v.animate({"margin-left":-n*L},500),i()}function s(){var i=o();parseInt(f.width(i));var s=parseInt(f.width());v.width(parseInt(s*f.length));var l=document.getElementById("slider"),u=new n(l);t(),u.on(c.SWIPELEFT,function(e){r(e)}),u.on(c.SWIPRIGHT,function(e){a(e)});var I=e(d.SLIDER_OL_LI);I.click(function(n){var t=e(this).index();L=t,e(this).addClass("active").siblings("li").removeClass("active"),v.animate({"margin-left":-i*t},500)})}function l(){window.setInterval(function(){var e=o();L++,L>=I&&(L=0),v.animate({"margin-left":-e*L},500),i()},3e3)}function o(){var e=window.screen.availWidth;return e>640&&(e=640),e}var c={PANDWON:"pandown",PANUP:"panup",PAN:"pan",PANSTART:"panstart",PANEND:"panend",SWIPELEFT:"swipeleft",SWIPRIGHT:"swiperight",TAP:"tap",CLICK:"click"},d={SLIDER:"#slider",SLIDER_UL:"#slider ul",SLIDER_OL:"#slider ol",SLIDER_LI:"#slider ul>li",SLIDER_OL_LI:"#slider ol>li",SLIDER_OL_LI_AC:"#slider ol>li.active",Item:"#item"},u=e(d.SLIDER),f=e(d.SLIDER_LI),v=e(d.SLIDER_UL),I=(e(d.Item),f.length),L=0;e(function(){s(),l()})})($,Hammer)},{}],3:[function(e,n,t){"use strict";(function(e,n){var t={NAV:".nav",NAV_LI:".nav>li",WORD:".word_details",SHOW:".show",HIDDEN:".hidden"},i={ACTIVE:"active"};e(function(){var n=i.ACTIVE;e(t.NAV_LI).click(function(){var i=e(this);i.find("a").addClass(n),i.siblings().find("a").removeClass(n),e(t.HIDDEN).toggle(),e(t.SHOW).toggle()})})})($,Hammer)},{}]},{},[1]);
!function t(e,a,n){function i(s,o){if(!a[s]){if(!e[s]){var d="function"==typeof require&&require;if(!o&&d)return d(s,!0);if(r)return r(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var c=a[s]={exports:{}};e[s][0].call(c.exports,function(t){var a=e[s][1][t];return i(a?a:t)},c,c.exports,t,e,a,n)}return a[s].exports}for(var r="function"==typeof require&&require,s=0;s<n.length;s++)i(n[s]);return i}({1:[function(t,e,a){"use strict";function n(t){return t&&t.__esModule?t:{"default":t}}var i=t("./widget/tab.js"),r=(n(i),t("./widget/slider.js"));n(r)},{"./widget/slider.js":2,"./widget/tab.js":3}],2:[function(t,e,a){"use strict";(function(t,e){function a(){var e=d(),a=document.createElement("ol");f.append(a);for(var n=t(c.SLIDER_OL),i=0;i<u.length;i++){var r=document.createElement("li");n.append(r),0==i&&n.find("li").addClass("active")}var s=(e-20*u.length)/2;n.css("left",s)}function n(){var e=t(c.SLIDER_OL);e.find("li").eq(g).addClass("active").siblings().removeClass("active")}function i(t){var e=d();g++,g>=p&&(g=p-1),v.animate({"margin-left":-e*g},500),n()}function r(t){var e=d();g--,g<=-1&&(g=0),v.animate({"margin-left":-e*g},500),n()}function s(){var n=d();parseInt(u.width(n));var s=parseInt(u.width());v.width(parseInt(s*u.length));var o=document.getElementById("slider"),f=new e(o);a(),f.on(l.SWIPELEFT,function(t){i(t)}),f.on(l.SWIPRIGHT,function(t){r(t)});var p=t(c.SLIDER_OL_LI);p.click(function(e){var a=t(this).index();g=a,t(this).addClass("active").siblings("li").removeClass("active"),v.animate({"margin-left":-n*a},500)})}function o(){window.setInterval(function(){var t=d();g++,g>=p&&(g=0),v.animate({"margin-left":-t*g},500),n()},3e3)}function d(){var t=window.screen.availWidth;return t>640&&(t=640),t}var l={PANDWON:"pandown",PANUP:"panup",PAN:"pan",PANSTART:"panstart",PANEND:"panend",SWIPELEFT:"swipeleft",SWIPRIGHT:"swiperight",TAP:"tap",CLICK:"click"},c={SLIDER:"#slider",SLIDER_UL:"#slider ul",SLIDER_OL:"#slider ol",SLIDER_LI:"#slider ul>li",SLIDER_OL_LI:"#slider ol>li",SLIDER_OL_LI_AC:"#slider ol>li.active",Item:"#item"},f=t(c.SLIDER),u=t(c.SLIDER_LI),v=t(c.SLIDER_UL),p=(t(c.Item),u.length),g=0;t(function(){s(),o()})})($,Hammer)},{}],3:[function(t,e,a){"use strict";+function(t){function e(e){return this.each(function(){var n=t(this),i=n.data("bs.tab");i||n.data("bs.tab",i=new a(this)),"string"==typeof e&&i[e]()})}var a=function(e){this.element=t(e)};a.VERSION="3.3.7",a.TRANSITION_DURATION=150,a.prototype.show=function(){var e=this.element,a=e.closest("ul:not(.dropdown-menu)"),n=e.data("target");if(n||(n=e.attr("href"),n=n&&n.replace(/.*(?=#[^\s]*$)/,"")),!e.parent("li").hasClass("active")){var i=a.find(".active:last a"),r=t.Event("hide.bs.tab",{relatedTarget:e[0]}),s=t.Event("show.bs.tab",{relatedTarget:i[0]});if(i.trigger(r),e.trigger(s),!s.isDefaultPrevented()&&!r.isDefaultPrevented()){var o=t(n);this.activate(e.closest("li"),a),this.activate(o,o.parent(),function(){i.trigger({type:"hidden.bs.tab",relatedTarget:e[0]}),e.trigger({type:"shown.bs.tab",relatedTarget:i[0]})})}}},a.prototype.activate=function(e,n,i){function r(){s.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),e.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),o?(e[0].offsetWidth,e.addClass("in")):e.removeClass("fade"),e.parent(".dropdown-menu").length&&e.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),i&&i()}var s=n.find("> .active"),o=i&&t.support.transition&&(s.length&&s.hasClass("fade")||!!n.find("> .fade").length);s.length&&o?s.one("bsTransitionEnd",r).emulateTransitionEnd(a.TRANSITION_DURATION):r(),s.removeClass("in")};var n=t.fn.tab;t.fn.tab=e,t.fn.tab.Constructor=a,t.fn.tab.noConflict=function(){return t.fn.tab=n,this};var i=function(a){a.preventDefault(),e.call(t(this),"show")};t(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',i).on("click.bs.tab.data-api",'[data-toggle="pill"]',i)}(jQuery)},{}]},{},[1]);
//# sourceMappingURL=appoint.min.js.map
dist/js/appoint.min.js.map
{"version":3,"sources":["node_modules/browser-pack/_prelude.js","appoint.js","src/js/appoint.js","src/js/widget/slider.js","src/js/widget/tabs.js"],"names":["e","t","n","r","s","o","u","a","require","i","f","Error","code","l","exports","call","length","1","module","_interopRequireDefault","obj","__esModule","default","_tabs","_slider","./widget/slider.js","./widget/tabs.js","2","$","Hammer","listItem","Swidth","maxWidthLimit","ol","document","createElement","slider","append","oll","Selector","SLIDER_OL","sliderLi","li","find","addClass","Left","css","itemActive","eq","m","siblings","removeClass","swipeLeft","ev","sliderUl","animate","margin-left","swipeRight","init","parseInt","width","liWidth","getElementById","mc","on","Event","SWIPELEFT","SWIPRIGHT","oli","SLIDER_OL_LI","click","nowIndex","this","index","autoPlay","window","setInterval","screen","availWidth","PANDWON","PANUP","PAN","PANSTART","PANEND","TAP","CLICK","SLIDER","SLIDER_UL","SLIDER_LI","SLIDER_OL_LI_AC","Item","3","NAV","NAV_LI","WORD","SHOW","HIDDEN","ClassName","ACTIVE","active","This","toggle"],"mappings":"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","file":"appoint.min.js","sourcesContent":["(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})","(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){\n'use strict';\n\nvar _tabs = require('./widget/tabs.js');\n\nvar _tabs2 = _interopRequireDefault(_tabs);\n\nvar _slider = require('./widget/slider.js');\n\nvar _slider2 = _interopRequireDefault(_slider);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n},{\"./widget/slider.js\":2,\"./widget/tabs.js\":3}],2:[function(require,module,exports){\n'use strict';\n\nvar Slider = function ($, Hammer) {\n var Event = {\n PANDWON: 'pandown',\n PANUP: 'panup',\n PAN: 'pan',\n PANSTART: 'panstart',\n PANEND: 'panend',\n SWIPELEFT: 'swipeleft',\n SWIPRIGHT: 'swiperight',\n TAP: 'tap',\n CLICK: 'click'\n };\n var Selector = {\n SLIDER: '#slider',\n SLIDER_UL: '#slider ul',\n SLIDER_OL: '#slider ol',\n SLIDER_LI: '#slider ul>li',\n SLIDER_OL_LI: '#slider ol>li',\n SLIDER_OL_LI_AC: '#slider ol>li.active',\n Item: '#item'\n };\n /*const Init = {\r\n NUM:5\r\n };*/\n var slider = $(Selector.SLIDER);\n var sliderLi = $(Selector.SLIDER_LI);\n var sliderUl = $(Selector.SLIDER_UL);\n var item = $(Selector.Item);\n var n = sliderLi.length;\n var m = 0;\n\n /*创建轮播图提示点*/\n function listItem() {\n var Swidth = maxWidthLimit();\n var ol = document.createElement(\"ol\");\n slider.append(ol);\n var oll = $(Selector.SLIDER_OL);\n for (var i = 0; i < sliderLi.length; i++) {\n var li = document.createElement(\"li\");\n oll.append(li);\n if (i == 0) {\n oll.find(\"li\").addClass('active');\n }\n }\n var Left = (Swidth - 20 * sliderLi.length) / 2;\n oll.css('left', Left);\n }\n\n /*提示点选中样式添加*/\n function itemActive() {\n var oll = $(Selector.SLIDER_OL);\n oll.find(\"li\").eq(m).addClass('active').siblings().removeClass('active');\n }\n\n /*向左滑动*/\n function swipeLeft(ev) {\n var Swidth = maxWidthLimit();\n m++;\n if (m >= n) {\n m = n - 1;\n }\n sliderUl.animate({ \"margin-left\": -Swidth * m }, 500);\n itemActive();\n }\n\n /*向右滑动*/\n function swipeRight(ev) {\n var Swidth = maxWidthLimit();\n m--;\n if (m <= -1) {\n m = 0;\n }\n sliderUl.animate({ \"margin-left\": -Swidth * m }, 500);\n itemActive();\n }\n\n /*轮播图初始化*/\n function init() {\n var Swidth = maxWidthLimit();\n\n parseInt(sliderLi.width(Swidth));\n var liWidth = parseInt(sliderLi.width());\n sliderUl.width(parseInt(liWidth * sliderLi.length));\n\n var slider = document.getElementById('slider');\n var mc = new Hammer(slider);\n\n listItem(); //初始化创建幻灯片提示点\n\n mc.on(Event.SWIPELEFT, function (ev) {\n swipeLeft(ev);\n });\n mc.on(Event.SWIPRIGHT, function (ev) {\n swipeRight(ev);\n });\n\n var oli = $(Selector.SLIDER_OL_LI);\n oli.click(function (ev) {\n var nowIndex = $(this).index();\n m = nowIndex;\n $(this).addClass(\"active\").siblings('li').removeClass(\"active\");\n sliderUl.animate({ \"margin-left\": -Swidth * nowIndex }, 500);\n });\n }\n\n function autoPlay() {\n window.setInterval(function () {\n var Swidth = maxWidthLimit();\n m++;\n if (m >= n) {\n m = 0;\n //sliderUl.animate({\"margin-left\":0},500);\n }\n sliderUl.animate({ \"margin-left\": -Swidth * m }, 500);\n itemActive();\n }, 3000);\n }\n\n function maxWidthLimit() {\n var Swidth = window.screen.availWidth;\n if (Swidth > 640) {\n Swidth = 640;\n }\n return Swidth;\n }\n\n $(function () {\n init();\n autoPlay();\n });\n}($, Hammer);\n\n},{}],3:[function(require,module,exports){\n'use strict';\n\nvar Slider = function ($, Hammer) {\n var Event = {\n PANDWON: 'pandown',\n PANUP: 'panup',\n PAN: 'pan',\n PANSTART: 'panstart',\n PANEND: 'panend',\n SWIPELEFT: 'swipeleft',\n SWIPRIGHT: 'swiperight',\n TAP: 'tap',\n CLICK: 'click'\n };\n var Selector = {\n NAV: '.nav',\n NAV_LI: '.nav>li',\n WORD: '.word_details',\n SHOW: '.show',\n HIDDEN: '.hidden'\n };\n var ClassName = {\n ACTIVE: 'active'\n };\n\n $(function () {\n var active = ClassName.ACTIVE;\n $(Selector.NAV_LI).click(function () {\n var This = $(this);\n This.find('a').addClass(active);\n This.siblings().find('a').removeClass(active);\n $(Selector.HIDDEN).toggle();\n $(Selector.SHOW).toggle();\n });\n });\n}($, Hammer);\n\n},{}]},{},[1])\n\n","import tab from './widget/tabs.js'\r\nimport slider from './widget/slider.js'\r\n\r\n","const Slider = (( $, Hammer )=>{\r\n const Event = {\r\n PANDWON: 'pandown',\r\n PANUP: 'panup',\r\n PAN: 'pan',\r\n PANSTART: 'panstart',\r\n PANEND: 'panend',\r\n SWIPELEFT: 'swipeleft',\r\n SWIPRIGHT: 'swiperight',\r\n TAP: 'tap',\r\n CLICK: 'click'\r\n }\r\n const Selector = {\r\n SLIDER: '#slider',\r\n SLIDER_UL: '#slider ul',\r\n SLIDER_OL: '#slider ol',\r\n SLIDER_LI: '#slider ul>li',\r\n SLIDER_OL_LI: '#slider ol>li',\r\n SLIDER_OL_LI_AC: '#slider ol>li.active',\r\n Item: '#item'\r\n };\r\n/*const Init = {\r\n NUM:5\r\n };*/\r\nvar slider = $(Selector.SLIDER);\r\nvar sliderLi= $(Selector.SLIDER_LI);\r\nvar sliderUl= $(Selector.SLIDER_UL);\r\nvar item= $(Selector.Item);\r\nvar n=sliderLi.length;\r\nvar m=0;\r\n\r\n/*创建轮播图提示点*/\r\nfunction listItem(){\r\n var Swidth=maxWidthLimit();\r\n var ol= document.createElement(\"ol\");\r\n slider.append(ol);\r\n var oll=$(Selector.SLIDER_OL);\r\n for(var i=0; i<sliderLi.length; i++){\r\n var li= document.createElement(\"li\");\r\n oll.append(li);\r\n if(i==0){\r\n oll.find(\"li\").addClass('active');\r\n }\r\n }\r\n var Left=(Swidth-20*(sliderLi.length))/2;\r\n oll.css('left',Left);\r\n}\r\n\r\n/*提示点选中样式添加*/\r\nfunction itemActive(){\r\n var oll=$(Selector.SLIDER_OL);\r\n oll.find(\"li\").eq(m).addClass('active').siblings().removeClass('active');\r\n}\r\n\r\n/*向左滑动*/\r\nfunction swipeLeft(ev){\r\n var Swidth=maxWidthLimit();\r\n m++;\r\n if(m>=n){\r\n m=n-1;\r\n }\r\n sliderUl.animate({\"margin-left\":-Swidth*m},500);\r\n itemActive();\r\n}\r\n\r\n/*向右滑动*/\r\nfunction swipeRight(ev){\r\n var Swidth=maxWidthLimit();\r\n m--;\r\n if(m<=-1){\r\n m=0;\r\n }\r\n sliderUl.animate({\"margin-left\":-Swidth*m},500);\r\n itemActive();\r\n}\r\n\r\n/*轮播图初始化*/\r\nfunction init(){\r\n var Swidth=maxWidthLimit();\r\n\r\n parseInt(sliderLi.width(Swidth));\r\n var liWidth= parseInt(sliderLi.width());\r\n sliderUl.width(parseInt(liWidth*sliderLi.length));\r\n\r\n var slider = document.getElementById('slider');\r\n var mc = new Hammer(slider);\r\n\r\n listItem(); //初始化创建幻灯片提示点\r\n\r\n mc.on(Event.SWIPELEFT, function ( ev ) {\r\n swipeLeft(ev);\r\n });\r\n mc.on(Event.SWIPRIGHT, function ( ev ) {\r\n swipeRight(ev);\r\n });\r\n\r\n var oli=$(Selector.SLIDER_OL_LI);\r\n oli.click(function(ev){\r\n var nowIndex=$(this).index();\r\n m=nowIndex;\r\n $(this).addClass(\"active\").siblings('li').removeClass(\"active\");\r\n sliderUl.animate({\"margin-left\":-Swidth*nowIndex},500);\r\n });\r\n\r\n\r\n}\r\n\r\nfunction autoPlay(){\r\n window.setInterval(function(){\r\n var Swidth=maxWidthLimit();\r\n m++;\r\n if(m>=n){\r\n m=0;\r\n //sliderUl.animate({\"margin-left\":0},500);\r\n }\r\n sliderUl.animate({\"margin-left\":-Swidth*m},500);\r\n itemActive();\r\n },3000);\r\n}\r\n\r\nfunction maxWidthLimit(){\r\n var Swidth=window.screen.availWidth;\r\n if(Swidth>640){\r\n Swidth=640;\r\n }\r\n return Swidth;\r\n}\r\n\r\n$(function () {\r\n init();\r\n autoPlay();\r\n});\r\n})( $, Hammer );","const Slider = (( $, Hammer )=>{\r\n const Event = {\r\n PANDWON: 'pandown',\r\n PANUP: 'panup',\r\n PAN: 'pan',\r\n PANSTART: 'panstart',\r\n PANEND: 'panend',\r\n SWIPELEFT: 'swipeleft',\r\n SWIPRIGHT: 'swiperight',\r\n TAP: 'tap',\r\n CLICK: 'click'\r\n };\r\nconst Selector = {\r\n NAV:'.nav',\r\n NAV_LI:'.nav>li',\r\n WORD: '.word_details',\r\n SHOW:'.show',\r\n HIDDEN:'.hidden'\r\n};\r\nconst ClassName = {\r\n ACTIVE: 'active'\r\n}\r\n\r\n$(function () {\r\n var active=ClassName.ACTIVE;\r\n $(Selector.NAV_LI).click(function(){\r\n var This=$(this);\r\n This.find('a').addClass(active);\r\n This.siblings().find('a').removeClass(active);\r\n $(Selector.HIDDEN).toggle();\r\n $(Selector.SHOW).toggle();\r\n });\r\n});\r\n})( $, Hammer );\r\n"]}
\ No newline at end of file
{"version":3,"sources":["node_modules/browser-pack/_prelude.js","appoint.js","src/js/appoint.js","src/js/widget/slider.js","src/js/widget/tab.js"],"names":["e","t","n","r","s","o","u","a","require","i","f","Error","code","l","exports","call","length","1","module","_interopRequireDefault","obj","__esModule","default","_tab","_slider","./widget/slider.js","./widget/tab.js","2","$","Hammer","listItem","Swidth","maxWidthLimit","ol","document","createElement","slider","append","oll","Selector","SLIDER_OL","sliderLi","li","find","addClass","Left","css","itemActive","eq","m","siblings","removeClass","swipeLeft","ev","sliderUl","animate","margin-left","swipeRight","init","parseInt","width","liWidth","getElementById","mc","on","Event","SWIPELEFT","SWIPRIGHT","oli","SLIDER_OL_LI","click","nowIndex","this","index","autoPlay","window","setInterval","screen","availWidth","PANDWON","PANUP","PAN","PANSTART","PANEND","TAP","CLICK","SLIDER","SLIDER_UL","SLIDER_LI","SLIDER_OL_LI_AC","Item","3","Plugin","option","each","$this","data","Tab","element","VERSION","TRANSITION_DURATION","prototype","show","$ul","closest","selector","attr","replace","parent","hasClass","$previous","hideEvent","relatedTarget","showEvent","trigger","isDefaultPrevented","$target","activate","type","container","callback","next","$active","end","transition","offsetWidth","support","one","emulateTransitionEnd","old","fn","tab","Constructor","noConflict","clickHandler","preventDefault","jQuery"],"mappings":"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","file":"appoint.min.js","sourcesContent":["(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})","(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){\n'use strict';\n\nvar _tab = require('./widget/tab.js');\n\nvar _tab2 = _interopRequireDefault(_tab);\n\nvar _slider = require('./widget/slider.js');\n\nvar _slider2 = _interopRequireDefault(_slider);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n},{\"./widget/slider.js\":2,\"./widget/tab.js\":3}],2:[function(require,module,exports){\n'use strict';\n\nvar Slider = function ($, Hammer) {\n var Event = {\n PANDWON: 'pandown',\n PANUP: 'panup',\n PAN: 'pan',\n PANSTART: 'panstart',\n PANEND: 'panend',\n SWIPELEFT: 'swipeleft',\n SWIPRIGHT: 'swiperight',\n TAP: 'tap',\n CLICK: 'click'\n };\n var Selector = {\n SLIDER: '#slider',\n SLIDER_UL: '#slider ul',\n SLIDER_OL: '#slider ol',\n SLIDER_LI: '#slider ul>li',\n SLIDER_OL_LI: '#slider ol>li',\n SLIDER_OL_LI_AC: '#slider ol>li.active',\n Item: '#item'\n };\n /*const Init = {\r\n NUM:5\r\n };*/\n var slider = $(Selector.SLIDER);\n var sliderLi = $(Selector.SLIDER_LI);\n var sliderUl = $(Selector.SLIDER_UL);\n var item = $(Selector.Item);\n var n = sliderLi.length;\n var m = 0;\n\n /*创建轮播图提示点*/\n function listItem() {\n var Swidth = maxWidthLimit();\n var ol = document.createElement(\"ol\");\n slider.append(ol);\n var oll = $(Selector.SLIDER_OL);\n for (var i = 0; i < sliderLi.length; i++) {\n var li = document.createElement(\"li\");\n oll.append(li);\n if (i == 0) {\n oll.find(\"li\").addClass('active');\n }\n }\n var Left = (Swidth - 20 * sliderLi.length) / 2;\n oll.css('left', Left);\n }\n\n /*提示点选中样式添加*/\n function itemActive() {\n var oll = $(Selector.SLIDER_OL);\n oll.find(\"li\").eq(m).addClass('active').siblings().removeClass('active');\n }\n\n /*向左滑动*/\n function swipeLeft(ev) {\n var Swidth = maxWidthLimit();\n m++;\n if (m >= n) {\n m = n - 1;\n }\n sliderUl.animate({ \"margin-left\": -Swidth * m }, 500);\n itemActive();\n }\n\n /*向右滑动*/\n function swipeRight(ev) {\n var Swidth = maxWidthLimit();\n m--;\n if (m <= -1) {\n m = 0;\n }\n sliderUl.animate({ \"margin-left\": -Swidth * m }, 500);\n itemActive();\n }\n\n /*轮播图初始化*/\n function init() {\n var Swidth = maxWidthLimit();\n\n parseInt(sliderLi.width(Swidth));\n var liWidth = parseInt(sliderLi.width());\n sliderUl.width(parseInt(liWidth * sliderLi.length));\n\n var slider = document.getElementById('slider');\n var mc = new Hammer(slider);\n\n listItem(); //初始化创建幻灯片提示点\n\n mc.on(Event.SWIPELEFT, function (ev) {\n swipeLeft(ev);\n });\n mc.on(Event.SWIPRIGHT, function (ev) {\n swipeRight(ev);\n });\n\n var oli = $(Selector.SLIDER_OL_LI);\n oli.click(function (ev) {\n var nowIndex = $(this).index();\n m = nowIndex;\n $(this).addClass(\"active\").siblings('li').removeClass(\"active\");\n sliderUl.animate({ \"margin-left\": -Swidth * nowIndex }, 500);\n });\n }\n\n function autoPlay() {\n window.setInterval(function () {\n var Swidth = maxWidthLimit();\n m++;\n if (m >= n) {\n m = 0;\n //sliderUl.animate({\"margin-left\":0},500);\n }\n sliderUl.animate({ \"margin-left\": -Swidth * m }, 500);\n itemActive();\n }, 3000);\n }\n\n function maxWidthLimit() {\n var Swidth = window.screen.availWidth;\n if (Swidth > 640) {\n Swidth = 640;\n }\n return Swidth;\n }\n\n $(function () {\n init();\n autoPlay();\n });\n}($, Hammer);\n\n},{}],3:[function(require,module,exports){\n'use strict';\n\n/* ========================================================================\r\n * Bootstrap: tab.js v3.3.7\r\n * http://getbootstrap.com/javascript/#tabs\r\n * ========================================================================\r\n * Copyright 2011-2016 Twitter, Inc.\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n * ======================================================================== */\n\n+function ($) {\n 'use strict';\n\n // TAB CLASS DEFINITION\n // ====================\n\n var Tab = function Tab(element) {\n // jscs:disable requireDollarBeforejQueryAssignment\n this.element = $(element);\n // jscs:enable requireDollarBeforejQueryAssignment\n };\n\n Tab.VERSION = '3.3.7';\n\n Tab.TRANSITION_DURATION = 150;\n\n Tab.prototype.show = function () {\n var $this = this.element;\n var $ul = $this.closest('ul:not(.dropdown-menu)');\n var selector = $this.data('target');\n\n if (!selector) {\n selector = $this.attr('href');\n selector = selector && selector.replace(/.*(?=#[^\\s]*$)/, ''); // strip for ie7\n }\n\n if ($this.parent('li').hasClass('active')) return;\n\n var $previous = $ul.find('.active:last a');\n var hideEvent = $.Event('hide.bs.tab', {\n relatedTarget: $this[0]\n });\n var showEvent = $.Event('show.bs.tab', {\n relatedTarget: $previous[0]\n });\n\n $previous.trigger(hideEvent);\n $this.trigger(showEvent);\n\n if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return;\n\n var $target = $(selector);\n\n this.activate($this.closest('li'), $ul);\n this.activate($target, $target.parent(), function () {\n $previous.trigger({\n type: 'hidden.bs.tab',\n relatedTarget: $this[0]\n });\n $this.trigger({\n type: 'shown.bs.tab',\n relatedTarget: $previous[0]\n });\n });\n };\n\n Tab.prototype.activate = function (element, container, callback) {\n var $active = container.find('> .active');\n var transition = callback && $.support.transition && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length);\n\n function next() {\n $active.removeClass('active').find('> .dropdown-menu > .active').removeClass('active').end().find('[data-toggle=\"tab\"]').attr('aria-expanded', false);\n\n element.addClass('active').find('[data-toggle=\"tab\"]').attr('aria-expanded', true);\n\n if (transition) {\n element[0].offsetWidth; // reflow for transition\n element.addClass('in');\n } else {\n element.removeClass('fade');\n }\n\n if (element.parent('.dropdown-menu').length) {\n element.closest('li.dropdown').addClass('active').end().find('[data-toggle=\"tab\"]').attr('aria-expanded', true);\n }\n\n callback && callback();\n }\n\n $active.length && transition ? $active.one('bsTransitionEnd', next).emulateTransitionEnd(Tab.TRANSITION_DURATION) : next();\n\n $active.removeClass('in');\n };\n\n // TAB PLUGIN DEFINITION\n // =====================\n\n function Plugin(option) {\n return this.each(function () {\n var $this = $(this);\n var data = $this.data('bs.tab');\n\n if (!data) $this.data('bs.tab', data = new Tab(this));\n if (typeof option == 'string') data[option]();\n });\n }\n\n var old = $.fn.tab;\n\n $.fn.tab = Plugin;\n $.fn.tab.Constructor = Tab;\n\n // TAB NO CONFLICT\n // ===============\n\n $.fn.tab.noConflict = function () {\n $.fn.tab = old;\n return this;\n };\n\n // TAB DATA-API\n // ============\n\n var clickHandler = function clickHandler(e) {\n e.preventDefault();\n Plugin.call($(this), 'show');\n };\n\n $(document).on('click.bs.tab.data-api', '[data-toggle=\"tab\"]', clickHandler).on('click.bs.tab.data-api', '[data-toggle=\"pill\"]', clickHandler);\n}(jQuery);\n\n},{}]},{},[1])\n\n","import tab from './widget/tab.js'\r\nimport slider from './widget/slider.js'\r\n\r\n","const Slider = (( $, Hammer )=>{\r\n const Event = {\r\n PANDWON: 'pandown',\r\n PANUP: 'panup',\r\n PAN: 'pan',\r\n PANSTART: 'panstart',\r\n PANEND: 'panend',\r\n SWIPELEFT: 'swipeleft',\r\n SWIPRIGHT: 'swiperight',\r\n TAP: 'tap',\r\n CLICK: 'click'\r\n }\r\n const Selector = {\r\n SLIDER: '#slider',\r\n SLIDER_UL: '#slider ul',\r\n SLIDER_OL: '#slider ol',\r\n SLIDER_LI: '#slider ul>li',\r\n SLIDER_OL_LI: '#slider ol>li',\r\n SLIDER_OL_LI_AC: '#slider ol>li.active',\r\n Item: '#item'\r\n };\r\n/*const Init = {\r\n NUM:5\r\n };*/\r\nvar slider = $(Selector.SLIDER);\r\nvar sliderLi= $(Selector.SLIDER_LI);\r\nvar sliderUl= $(Selector.SLIDER_UL);\r\nvar item= $(Selector.Item);\r\nvar n=sliderLi.length;\r\nvar m=0;\r\n\r\n/*创建轮播图提示点*/\r\nfunction listItem(){\r\n var Swidth=maxWidthLimit();\r\n var ol= document.createElement(\"ol\");\r\n slider.append(ol);\r\n var oll=$(Selector.SLIDER_OL);\r\n for(var i=0; i<sliderLi.length; i++){\r\n var li= document.createElement(\"li\");\r\n oll.append(li);\r\n if(i==0){\r\n oll.find(\"li\").addClass('active');\r\n }\r\n }\r\n var Left=(Swidth-20*(sliderLi.length))/2;\r\n oll.css('left',Left);\r\n}\r\n\r\n/*提示点选中样式添加*/\r\nfunction itemActive(){\r\n var oll=$(Selector.SLIDER_OL);\r\n oll.find(\"li\").eq(m).addClass('active').siblings().removeClass('active');\r\n}\r\n\r\n/*向左滑动*/\r\nfunction swipeLeft(ev){\r\n var Swidth=maxWidthLimit();\r\n m++;\r\n if(m>=n){\r\n m=n-1;\r\n }\r\n sliderUl.animate({\"margin-left\":-Swidth*m},500);\r\n itemActive();\r\n}\r\n\r\n/*向右滑动*/\r\nfunction swipeRight(ev){\r\n var Swidth=maxWidthLimit();\r\n m--;\r\n if(m<=-1){\r\n m=0;\r\n }\r\n sliderUl.animate({\"margin-left\":-Swidth*m},500);\r\n itemActive();\r\n}\r\n\r\n/*轮播图初始化*/\r\nfunction init(){\r\n var Swidth=maxWidthLimit();\r\n\r\n parseInt(sliderLi.width(Swidth));\r\n var liWidth= parseInt(sliderLi.width());\r\n sliderUl.width(parseInt(liWidth*sliderLi.length));\r\n\r\n var slider = document.getElementById('slider');\r\n var mc = new Hammer(slider);\r\n\r\n listItem(); //初始化创建幻灯片提示点\r\n\r\n mc.on(Event.SWIPELEFT, function ( ev ) {\r\n swipeLeft(ev);\r\n });\r\n mc.on(Event.SWIPRIGHT, function ( ev ) {\r\n swipeRight(ev);\r\n });\r\n\r\n var oli=$(Selector.SLIDER_OL_LI);\r\n oli.click(function(ev){\r\n var nowIndex=$(this).index();\r\n m=nowIndex;\r\n $(this).addClass(\"active\").siblings('li').removeClass(\"active\");\r\n sliderUl.animate({\"margin-left\":-Swidth*nowIndex},500);\r\n });\r\n\r\n\r\n}\r\n\r\nfunction autoPlay(){\r\n window.setInterval(function(){\r\n var Swidth=maxWidthLimit();\r\n m++;\r\n if(m>=n){\r\n m=0;\r\n //sliderUl.animate({\"margin-left\":0},500);\r\n }\r\n sliderUl.animate({\"margin-left\":-Swidth*m},500);\r\n itemActive();\r\n },3000);\r\n}\r\n\r\nfunction maxWidthLimit(){\r\n var Swidth=window.screen.availWidth;\r\n if(Swidth>640){\r\n Swidth=640;\r\n }\r\n return Swidth;\r\n}\r\n\r\n$(function () {\r\n init();\r\n autoPlay();\r\n});\r\n})( $, Hammer );","/* ========================================================================\r\n * Bootstrap: tab.js v3.3.7\r\n * http://getbootstrap.com/javascript/#tabs\r\n * ========================================================================\r\n * Copyright 2011-2016 Twitter, Inc.\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n * ======================================================================== */\r\n\r\n\r\n+function ($) {\r\n 'use strict';\r\n\r\n // TAB CLASS DEFINITION\r\n // ====================\r\n\r\n var Tab = function (element) {\r\n // jscs:disable requireDollarBeforejQueryAssignment\r\n this.element = $(element)\r\n // jscs:enable requireDollarBeforejQueryAssignment\r\n }\r\n\r\n Tab.VERSION = '3.3.7'\r\n\r\n Tab.TRANSITION_DURATION = 150\r\n\r\n Tab.prototype.show = function () {\r\n var $this = this.element\r\n var $ul = $this.closest('ul:not(.dropdown-menu)')\r\n var selector = $this.data('target')\r\n\r\n if (!selector) {\r\n selector = $this.attr('href')\r\n selector = selector && selector.replace(/.*(?=#[^\\s]*$)/, '') // strip for ie7\r\n }\r\n\r\n if ($this.parent('li').hasClass('active')) return\r\n\r\n var $previous = $ul.find('.active:last a')\r\n var hideEvent = $.Event('hide.bs.tab', {\r\n relatedTarget: $this[0]\r\n })\r\n var showEvent = $.Event('show.bs.tab', {\r\n relatedTarget: $previous[0]\r\n })\r\n\r\n $previous.trigger(hideEvent)\r\n $this.trigger(showEvent)\r\n\r\n if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return\r\n\r\n var $target = $(selector)\r\n\r\n this.activate($this.closest('li'), $ul)\r\n this.activate($target, $target.parent(), function () {\r\n $previous.trigger({\r\n type: 'hidden.bs.tab',\r\n relatedTarget: $this[0]\r\n })\r\n $this.trigger({\r\n type: 'shown.bs.tab',\r\n relatedTarget: $previous[0]\r\n })\r\n })\r\n }\r\n\r\n Tab.prototype.activate = function (element, container, callback) {\r\n var $active = container.find('> .active')\r\n var transition = callback\r\n && $.support.transition\r\n && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length)\r\n\r\n function next() {\r\n $active\r\n .removeClass('active')\r\n .find('> .dropdown-menu > .active')\r\n .removeClass('active')\r\n .end()\r\n .find('[data-toggle=\"tab\"]')\r\n .attr('aria-expanded', false)\r\n\r\n element\r\n .addClass('active')\r\n .find('[data-toggle=\"tab\"]')\r\n .attr('aria-expanded', true)\r\n\r\n if (transition) {\r\n element[0].offsetWidth // reflow for transition\r\n element.addClass('in')\r\n } else {\r\n element.removeClass('fade')\r\n }\r\n\r\n if (element.parent('.dropdown-menu').length) {\r\n element\r\n .closest('li.dropdown')\r\n .addClass('active')\r\n .end()\r\n .find('[data-toggle=\"tab\"]')\r\n .attr('aria-expanded', true)\r\n }\r\n\r\n callback && callback()\r\n }\r\n\r\n $active.length && transition ?\r\n $active\r\n .one('bsTransitionEnd', next)\r\n .emulateTransitionEnd(Tab.TRANSITION_DURATION) :\r\n next()\r\n\r\n $active.removeClass('in')\r\n }\r\n\r\n\r\n // TAB PLUGIN DEFINITION\r\n // =====================\r\n\r\n function Plugin(option) {\r\n return this.each(function () {\r\n var $this = $(this)\r\n var data = $this.data('bs.tab')\r\n\r\n if (!data) $this.data('bs.tab', (data = new Tab(this)))\r\n if (typeof option == 'string') data[option]()\r\n })\r\n }\r\n\r\n var old = $.fn.tab\r\n\r\n $.fn.tab = Plugin\r\n $.fn.tab.Constructor = Tab\r\n\r\n\r\n // TAB NO CONFLICT\r\n // ===============\r\n\r\n $.fn.tab.noConflict = function () {\r\n $.fn.tab = old\r\n return this\r\n }\r\n\r\n\r\n // TAB DATA-API\r\n // ============\r\n\r\n var clickHandler = function (e) {\r\n e.preventDefault()\r\n Plugin.call($(this), 'show')\r\n }\r\n\r\n $(document)\r\n .on('click.bs.tab.data-api', '[data-toggle=\"tab\"]', clickHandler)\r\n .on('click.bs.tab.data-api', '[data-toggle=\"pill\"]', clickHandler)\r\n\r\n}(jQuery);\r\n"]}
\ No newline at end of file
dist/js/picture-live.min.js
!function n(t,r,i){function e(o,c){if(!r[o]){if(!t[o]){var s="function"==typeof require&&require;if(!c&&s)return s(o,!0);if(a)return a(o,!0);var u=new Error("Cannot find module '"+o+"'");throw u.code="MODULE_NOT_FOUND",u}var d=r[o]={exports:{}};t[o][0].call(d.exports,function(n){var r=t[o][1][n];return e(r?r:n)},d,d.exports,n,t,r,i)}return r[o].exports}for(var a="function"==typeof require&&require,o=0;o<i.length;o++)e(i[o]);return e}({1:[function(n,t,r){"use strict";function i(n){return n&&n.__esModule?n:{"default":n}}var e=n("./widget/tabs.js"),a=(i(e),n("./widget/layout.js"));i(a)},{"./widget/layout.js":2,"./widget/tabs.js":3}],2:[function(n,t,r){"use strict";(function(n,t){function r(t){var r=n(t.target),o=r.parent().index(),c=e(r);E=n(S.SLIDER),T=n(S.SLIDER_CONT),g=n(S.PIC_CUR_NUM),m=n(S.PIC_TOTAL_NUM),i(),a(c),N(o),I(o)}function i(){var r=new t(E[0]),i=new t(T[0]);i.on(R.SWIPELEFT,function(n){s()}),i.on(R.SWIPRIGHT,function(n){u()});var e=R.PAN+" "+R.panstart+" "+R.PANEND;i.on(e,function(t){var r=h(t,"pic"),i=n(t.target),e=i.height(),a=t.deltaY,o=U-e;r&&e>U&&d(i,a,o)}),r.on(R.TAP,function(n){var t=h(n,"pic");t&&w(E)})}function e(t){var r=t.parent().parent().find(S.DATA_NODE_PIC);P=r.length;for(var i=[],e=0;e<P;e++)i.push(n(r[e]).attr("src"));return i}function a(n){for(var t=0;t<P;t++){var r=o(n[t]);if(T.children().length>=P)return;T.append(r),c(t)}T.width(M*P),T.height(U)}function o(t){var r=n('\n\t\t\t<div class="wrap">\n\t\t\t <div class="scroll">\n\t\t <img src='+t+' data-node="pic">\n\t\t </div>\n\t\t </div>');return r}function c(t){n(S.SLIDER_CONT_CHILD).eq(t).css({width:M+"px",height:U+"px"}).children().css({lineHeight:U+"px"})}function s(){L=f();var n=Math.ceil(L/M);L=n*M,L-=M,L<=-M*P||(l(T,L+"px","x"),O++,O>P&&(O=P),v(O))}function u(){L=f();var n=Math.floor(L/M);L=n*M,L+=M,L>0||(l(T,L+"px","x"),O--,O<1&&(O=1),v(O))}function d(n,t,r){x=p(n.parent()),x+=t,x>0?x=0:x<r&&(x=r),l(n.parent(),x+"px","y")}function f(){var n=T.css("transform").split(","),t=+n[4];return t}function p(n){var t=n.css("transform").split(","),r=+t[5].replace(/\)/,"");return r}function l(n,t,r){var r=r.toUpperCase(),i="translate"+r;n.css({"-webkit-transform":i+"("+t+")","-ms-transform":i+"("+t+")",transform:i+"("+t+")"})}function v(n){g.text(n)}function N(n){L=-n*M+"px",l(T,L,"x")}function I(n){O=n+1,v(O),m.text(P)}function h(t,r){var i=n(t.target),e=i.attr("data-node");return e===r}function _(){var t=n('<div class="slider" id="slider">\n\t\t <div class="pic-num">\n\t\t <span class="pic-cur-num"></span>/<span class="pic-total-num"></span>\n\n </div>\n <div class="slider-cont"></div>\n </div>');return t}function A(n,t){var i=_();n.append(i),C(document.querySelector(S.SLIDER)),H.hide(),r(t)}function w(n){n.remove(),H.show()}function C(n){n.addEventListener("touchstart",function(n){event.preventDefault()})}function D(){var r=new t(H[0]);r.on(R.TAP,function(t){var r=h(t,"pic");r&&A(n(document.body),t)})}var E,T,g,m,P,L,x,O,R={PANDWON:"pandown",PANUP:"panup",PAN:"pan",PANSTART:"panstart",PANEND:"panend",SWIPELEFT:"swipeleft",SWIPRIGHT:"swiperight",TAP:"tap",CLICK:"click"},S={MAIN_CONTAINER:"#main-container",SLIDER:"#slider",SLIDER_CONT:"#slider .slider-cont",SLIDER_CONT_CHILD:"#slider .slider-cont > .wrap",DATA_NODE_PIC:'[data-node="pic"]',PIC_CUR_NUM:"#slider .pic-cur-num",PIC_TOTAL_NUM:"#slider .pic-total-num"},H=n(S.MAIN_CONTAINER),M=window.innerWidth,U=window.innerHeight;n(function(){D()})})($,Hammer)},{}],3:[function(n,t,r){"use strict";(function(n,t){var r={NAV:".nav",NAV_LI:".nav>li",WORD:".word_details",SHOW:".show",HIDDEN:".hidden"},i={ACTIVE:"active"};n(function(){var t=i.ACTIVE;n(r.NAV_LI).click(function(){var i=n(this);i.find("a").addClass(t),i.siblings().find("a").removeClass(t),n(r.HIDDEN).toggle(),n(r.SHOW).toggle()})})})($,Hammer)},{}]},{},[1]);
!function t(n,e,a){function r(o,s){if(!e[o]){if(!n[o]){var c="function"==typeof require&&require;if(!s&&c)return c(o,!0);if(i)return i(o,!0);var d=new Error("Cannot find module '"+o+"'");throw d.code="MODULE_NOT_FOUND",d}var u=e[o]={exports:{}};n[o][0].call(u.exports,function(t){var e=n[o][1][t];return r(e?e:t)},u,u.exports,t,n,e,a)}return e[o].exports}for(var i="function"==typeof require&&require,o=0;o<a.length;o++)r(a[o]);return r}({1:[function(t,n,e){"use strict";function a(t){return t&&t.__esModule?t:{"default":t}}var r=t("./widget/tab.js"),i=(a(r),t("./widget/layout.js"));a(i)},{"./widget/layout.js":2,"./widget/tab.js":3}],2:[function(t,n,e){"use strict";(function(t,n){function e(n){var e=t(n.target),o=e.parent().index(),s=r(e);m=t(L.SLIDER),_=t(L.SLIDER_CONT),A=t(L.PIC_CUR_NUM),E=t(L.PIC_TOTAL_NUM),a(),i(s),h(o),g(o)}function a(){var e=new n(m[0]),a=new n(_[0]);a.on(R.SWIPELEFT,function(t){c()}),a.on(R.SWIPRIGHT,function(t){d()});var r=R.PAN+" "+R.panstart+" "+R.PANEND;a.on(r,function(n){var e=N(n,"pic"),a=t(n.target),r=a.height(),i=n.deltaY,o=U-r;e&&r>U&&u(a,i,o)}),e.on(R.TAP,function(t){var n=N(t,"pic");n&&w(m)})}function r(n){var e=n.parent().parent().find(L.DATA_NODE_PIC);D=e.length;for(var a=[],r=0;r<D;r++)a.push(t(e[r]).attr("src"));return a}function i(t){for(var n=0;n<D;n++){var e=o(t[n]);if(_.children().length>=D)return;_.append(e),s(n)}_.width(y*D),_.height(U)}function o(n){var e=t('\n\t\t\t<div class="wrap">\n\t\t\t <div class="scroll">\n\t\t <img src='+n+' data-node="pic">\n\t\t </div>\n\t\t </div>');return e}function s(n){t(L.SLIDER_CONT_CHILD).eq(n).css({width:y+"px",height:U+"px"}).children().css({lineHeight:U+"px"})}function c(){P=f();var t=Math.ceil(P/y);P=t*y,P-=y,P<=-y*D||(p(_,P+"px","x"),O++,O>D&&(O=D),v(O))}function d(){P=f();var t=Math.floor(P/y);P=t*y,P+=y,P>0||(p(_,P+"px","x"),O--,O<1&&(O=1),v(O))}function u(t,n,e){x=l(t.parent()),x+=n,x>0?x=0:x<e&&(x=e),p(t.parent(),x+"px","y")}function f(){var t=_.css("transform").split(","),n=+t[4];return n}function l(t){var n=t.css("transform").split(","),e=+n[5].replace(/\)/,"");return e}function p(t,n,e){var e=e.toUpperCase(),a="translate"+e;t.css({"-webkit-transform":a+"("+n+")","-ms-transform":a+"("+n+")",transform:a+"("+n+")"})}function v(t){A.text(t)}function h(t){P=-t*y+"px",p(_,P,"x")}function g(t){O=t+1,v(O),E.text(D)}function N(n,e){var a=t(n.target),r=a.attr("data-node");return r===e}function T(){var n=t('<div class="slider" id="slider">\n\t\t <div class="pic-num">\n\t\t <span class="pic-cur-num"></span>/<span class="pic-total-num"></span>\n\n </div>\n <div class="slider-cont"></div>\n </div>');return n}function I(t,n){var a=T();t.append(a),C(document.querySelector(L.SLIDER)),S.hide(),e(n)}function w(t){t.remove(),S.show()}function C(t){t.addEventListener("touchstart",function(t){event.preventDefault()})}function b(){var e=new n(S[0]);e.on(R.TAP,function(n){var e=N(n,"pic");e&&I(t(document.body),n)})}var m,_,A,E,D,P,x,O,R={PANDWON:"pandown",PANUP:"panup",PAN:"pan",PANSTART:"panstart",PANEND:"panend",SWIPELEFT:"swipeleft",SWIPRIGHT:"swiperight",TAP:"tap",CLICK:"click"},L={MAIN_CONTAINER:"#main-container",SLIDER:"#slider",SLIDER_CONT:"#slider .slider-cont",SLIDER_CONT_CHILD:"#slider .slider-cont > .wrap",DATA_NODE_PIC:'[data-node="pic"]',PIC_CUR_NUM:"#slider .pic-cur-num",PIC_TOTAL_NUM:"#slider .pic-total-num"},S=t(L.MAIN_CONTAINER),y=window.innerWidth,U=window.innerHeight;t(function(){b()})})($,Hammer)},{}],3:[function(t,n,e){"use strict";+function(t){function n(n){return this.each(function(){var a=t(this),r=a.data("bs.tab");r||a.data("bs.tab",r=new e(this)),"string"==typeof n&&r[n]()})}var e=function(n){this.element=t(n)};e.VERSION="3.3.7",e.TRANSITION_DURATION=150,e.prototype.show=function(){var n=this.element,e=n.closest("ul:not(.dropdown-menu)"),a=n.data("target");if(a||(a=n.attr("href"),a=a&&a.replace(/.*(?=#[^\s]*$)/,"")),!n.parent("li").hasClass("active")){var r=e.find(".active:last a"),i=t.Event("hide.bs.tab",{relatedTarget:n[0]}),o=t.Event("show.bs.tab",{relatedTarget:r[0]});if(r.trigger(i),n.trigger(o),!o.isDefaultPrevented()&&!i.isDefaultPrevented()){var s=t(a);this.activate(n.closest("li"),e),this.activate(s,s.parent(),function(){r.trigger({type:"hidden.bs.tab",relatedTarget:n[0]}),n.trigger({type:"shown.bs.tab",relatedTarget:r[0]})})}}},e.prototype.activate=function(n,a,r){function i(){o.removeClass("active").find("> .dropdown-menu > .active").removeClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!1),n.addClass("active").find('[data-toggle="tab"]').attr("aria-expanded",!0),s?(n[0].offsetWidth,n.addClass("in")):n.removeClass("fade"),n.parent(".dropdown-menu").length&&n.closest("li.dropdown").addClass("active").end().find('[data-toggle="tab"]').attr("aria-expanded",!0),r&&r()}var o=a.find("> .active"),s=r&&t.support.transition&&(o.length&&o.hasClass("fade")||!!a.find("> .fade").length);o.length&&s?o.one("bsTransitionEnd",i).emulateTransitionEnd(e.TRANSITION_DURATION):i(),o.removeClass("in")};var a=t.fn.tab;t.fn.tab=n,t.fn.tab.Constructor=e,t.fn.tab.noConflict=function(){return t.fn.tab=a,this};var r=function(e){e.preventDefault(),n.call(t(this),"show")};t(document).on("click.bs.tab.data-api",'[data-toggle="tab"]',r).on("click.bs.tab.data-api",'[data-toggle="pill"]',r)}(jQuery)},{}]},{},[1]);
//# sourceMappingURL=picture-live.min.js.map
dist/js/picture-live.min.js.map
{"version":3,"sources":["node_modules/browser-pack/_prelude.js","picture-live.js","src/js/picture-live.js","src/js/widget/layout.js","src/js/widget/tabs.js"],"names":["e","t","n","r","s","o","u","a","require","i","f","Error","code","l","exports","call","length","1","module","_interopRequireDefault","obj","__esModule","default","_tabs","_layout","./widget/layout.js","./widget/tabs.js","2","$","Hammer","initSlider","ev","el","target","index","parent","data","getPicData","slider","Selector","SLIDER","slider_cont","SLIDER_CONT","pic_cur_num","PIC_CUR_NUM","pic_total_num","PIC_TOTAL_NUM","bindSliderEvents","renderPicTemp","initPicPos","initPicNum","mc_slider","mc_slider_cont","on","Event","SWIPELEFT","sliderLeft","SWIPRIGHT","sliderRight","pan_event","PAN","panstart","PANEND","result","confirmTarget","target_height","height","scrolly","deltaY","up_limit","vh","scrollPic","TAP","destroySliderTemp","img","find","DATA_NODE_PIC","len","img_src","push","attr","html","createPicTemp","children","append","initSliderSize","width","vw","url","SLIDER_CONT_CHILD","eq","css","lineHeight","slider_origin_pos_x","getSliderPosX","integer","Math","ceil","assignMoveValue","assignPicNum","floor","limit","scroll_origin_pos_y","getScrollPoxY","value","split","pos_x","pos_y","replace","ele","axis","toUpperCase","move_direction","-webkit-transform","-ms-transform","transform","num","text","sign","data_node","createSliderTemp","renderSliderTemp","scrollFix","document","querySelector","main_container","hide","remove","show","addEventListener","event","preventDefault","init","mc_main_container","body","PANDWON","PANUP","PANSTART","CLICK","MAIN_CONTAINER","window","innerWidth","innerHeight","3","NAV","NAV_LI","WORD","SHOW","HIDDEN","ClassName","ACTIVE","active","click","This","this","addClass","siblings","removeClass","toggle"],"mappings":"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","file":"picture-live.min.js","sourcesContent":["(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})","(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){\n'use strict';\n\nvar _tabs = require('./widget/tabs.js');\n\nvar _tabs2 = _interopRequireDefault(_tabs);\n\nvar _layout = require('./widget/layout.js');\n\nvar _layout2 = _interopRequireDefault(_layout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n},{\"./widget/layout.js\":2,\"./widget/tabs.js\":3}],2:[function(require,module,exports){\n'use strict';\n\nvar Slider = function ($, Hammer) {\n\tvar Event = {\n\t\tPANDWON: 'pandown',\n\t\tPANUP: 'panup',\n\t\tPAN: 'pan',\n\t\tPANSTART: 'panstart',\n\t\tPANEND: 'panend',\n\t\tSWIPELEFT: 'swipeleft',\n\t\tSWIPRIGHT: 'swiperight',\n\t\tTAP: 'tap',\n\t\tCLICK: 'click'\n\t};\n\n\tvar Selector = {\n\t\tMAIN_CONTAINER: '#main-container',\n\t\tSLIDER: '#slider',\n\t\tSLIDER_CONT: '#slider .slider-cont',\n\t\tSLIDER_CONT_CHILD: '#slider .slider-cont > .wrap',\n\t\tDATA_NODE_PIC: '[data-node=\"pic\"]',\n\t\tPIC_CUR_NUM: '#slider .pic-cur-num',\n\t\tPIC_TOTAL_NUM: '#slider .pic-total-num'\n\t};\n\tvar slider;\n\tvar slider_cont;\n\tvar pic_cur_num;\n\tvar pic_total_num;\n\tvar main_container = $(Selector.MAIN_CONTAINER);\n\tvar vw = window.innerWidth;\n\tvar vh = window.innerHeight;\n\n\tvar len;\n\tvar slider_origin_pos_x;\n\tvar scroll_origin_pos_y;\n\tvar n;\n\n\tvar is_slider_exit = false;\n\n\tfunction initSlider(ev) {\n\t\tvar el = $(ev.target);\n\t\tvar index = el.parent().index();\n\t\tvar data = getPicData(el);\n\t\tslider = $(Selector.SLIDER);\n\t\tslider_cont = $(Selector.SLIDER_CONT);\n\t\tpic_cur_num = $(Selector.PIC_CUR_NUM);\n\t\tpic_total_num = $(Selector.PIC_TOTAL_NUM);\n\n\t\tbindSliderEvents();\n\t\trenderPicTemp(data);\n\t\tinitPicPos(index);\n\t\tinitPicNum(index);\n\t}\n\tfunction bindSliderEvents() {\n\t\tvar mc_slider = new Hammer(slider[0]);\n\t\tvar mc_slider_cont = new Hammer(slider_cont[0]);\n\n\t\t// 左右滑动slider\n\t\tmc_slider_cont.on(Event.SWIPELEFT, function (ev) {\n\t\t\tsliderLeft();\n\t\t});\n\t\tmc_slider_cont.on(Event.SWIPRIGHT, function (ev) {\n\t\t\tsliderRight();\n\t\t});\n\n\t\t// 上下滑动图片\n\t\tvar pan_event = Event.PAN + ' ' + Event.panstart + ' ' + Event.PANEND;\n\t\tmc_slider_cont.on(pan_event, function (ev) {\n\t\t\tvar result = confirmTarget(ev, 'pic');\n\t\t\tvar target = $(ev.target);\n\t\t\tvar target_height = target.height();\n\t\t\tvar scrolly = ev.deltaY;\n\t\t\tvar up_limit = vh - target_height;\n\n\t\t\tif (result && target_height > vh) {\n\t\t\t\tscrollPic(target, scrolly, up_limit);\n\t\t\t};\n\t\t});\n\n\t\t// 关闭slider\n\t\tmc_slider.on(Event.TAP, function (ev) {\n\t\t\tvar result = confirmTarget(ev, 'pic');\n\t\t\tif (result) {\n\t\t\t\tdestroySliderTemp(slider);\n\t\t\t}\n\t\t});\n\t}\n\tfunction getPicData(el) {\n\t\tvar img = el.parent().parent().find(Selector.DATA_NODE_PIC);\n\t\tlen = img.length;\n\t\tvar img_src = [];\n\t\tfor (var i = 0; i < len; i++) {\n\t\t\timg_src.push($(img[i]).attr('src'));\n\t\t};\n\t\treturn img_src;\n\t}\n\tfunction renderPicTemp(data) {\n\n\t\tfor (var i = 0; i < len; i++) {\n\t\t\tvar html = createPicTemp(data[i]);\n\t\t\tif (slider_cont.children().length >= len) {\n\t\t\t\treturn;\n\t\t\t};\n\t\t\tslider_cont.append(html);\n\n\t\t\tinitSliderSize(i);\n\t\t};\n\t\tslider_cont.width(vw * len);\n\t\tslider_cont.height(vh);\n\t};\n\tfunction createPicTemp(url) {\n\t\tvar html = $('\\n\\t\\t\\t<div class=\"wrap\">\\n\\t\\t\\t <div class=\"scroll\">\\n\\t\\t <img src=' + url + ' data-node=\"pic\">\\n\\t\\t </div>\\n\\t\\t </div>');\n\t\treturn html;\n\t};\n\tfunction initSliderSize(index) {\n\t\t$(Selector.SLIDER_CONT_CHILD).eq(index).css({\n\t\t\twidth: vw + 'px',\n\t\t\theight: vh + 'px'\n\t\t}).children().css({\n\t\t\tlineHeight: vh + 'px'\n\t\t});\n\t}\n\tfunction sliderLeft() {\n\t\tslider_origin_pos_x = getSliderPosX();\n\t\tvar integer = Math.ceil(slider_origin_pos_x / vw);\n\t\tslider_origin_pos_x = integer * vw;\n\n\t\tslider_origin_pos_x -= vw;\n\t\tif (slider_origin_pos_x <= -vw * len) {\n\t\t\treturn;\n\t\t};\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x + 'px', 'x');\n\n\t\tn++;\n\t\tif (n > len) {\n\t\t\tn = len;\n\t\t};\n\t\tassignPicNum(n);\n\t}\n\tfunction sliderRight() {\n\t\tslider_origin_pos_x = getSliderPosX();\n\t\tvar integer = Math.floor(slider_origin_pos_x / vw);\n\t\tslider_origin_pos_x = integer * vw;\n\n\t\tslider_origin_pos_x += vw;\n\t\tif (slider_origin_pos_x > 0) {\n\t\t\treturn;\n\t\t};\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x + 'px', 'x');\n\n\t\tn--;\n\t\tif (n < 1) {\n\t\t\tn = 1;\n\t\t};\n\t\tassignPicNum(n);\n\t}\n\tfunction scrollPic(target, scrolly, limit) {\n\t\tscroll_origin_pos_y = getScrollPoxY(target.parent());\n\t\tscroll_origin_pos_y += scrolly;\n\t\tif (scroll_origin_pos_y > 0) {\n\t\t\tscroll_origin_pos_y = 0;\n\t\t} else if (scroll_origin_pos_y < limit) {\n\t\t\tscroll_origin_pos_y = limit;\n\t\t}\n\t\tassignMoveValue(target.parent(), scroll_origin_pos_y + 'px', 'y');\n\t}\n\tfunction getSliderPosX() {\n\t\tvar value = slider_cont.css('transform').split(',');\n\t\tvar pos_x = +value[4];\n\t\treturn pos_x;\n\t}\n\tfunction getScrollPoxY(el) {\n\t\tvar value = el.css('transform').split(',');\n\t\tvar pos_y = +value[5].replace(/\\)/, '');\n\t\treturn pos_y;\n\t}\n\tfunction assignMoveValue(ele, value, axis) {\n\t\tvar axis = axis.toUpperCase();\n\t\tvar move_direction = 'translate' + axis;\n\n\t\tele.css({\n\t\t\t'-webkit-transform': move_direction + '(' + value + ')',\n\t\t\t'-ms-transform': move_direction + '(' + value + ')',\n\t\t\t'transform': move_direction + '(' + value + ')'\n\t\t});\n\t}\n\tfunction assignPicNum(num) {\n\t\tpic_cur_num.text(num);\n\t}\n\tfunction initPicPos(index) {\n\t\tslider_origin_pos_x = -index * vw + 'px';\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x, 'x');\n\t}\n\tfunction initPicNum(index) {\n\t\tn = index + 1;\n\t\tassignPicNum(n);\n\t\tpic_total_num.text(len);\n\t}\n\tfunction confirmTarget(ev, sign) {\n\t\tvar target = $(ev.target);\n\t\tvar data_node = target.attr('data-node');\n\t\tif (data_node === sign) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\tfunction createSliderTemp() {\n\t\tvar html = $('<div class=\"slider\" id=\"slider\">\\n\\t\\t <div class=\"pic-num\">\\n\\t\\t <span class=\"pic-cur-num\"></span>/<span class=\"pic-total-num\"></span>\\n\\n </div>\\n <div class=\"slider-cont\"></div>\\n </div>');\n\t\treturn html;\n\t}\n\tfunction renderSliderTemp(ele, ev) {\n\t\tvar html = createSliderTemp();\n\t\tele.append(html);\n\t\tscrollFix(document.querySelector(Selector.SLIDER));\n\n\t\tmain_container.hide();\n\t\tinitSlider(ev);\n\t}\n\tfunction destroySliderTemp(ele) {\n\t\tele.remove();\n\t\tmain_container.show();\n\t}\n\tfunction scrollFix(el) {\n\t\tel.addEventListener('touchstart', function (ev) {\n\t\t\tevent.preventDefault();\n\t\t});\n\t}\n\tfunction init() {\n\t\tvar mc_main_container = new Hammer(main_container[0]);\n\n\t\t// 初始化slider\n\t\tmc_main_container.on(Event.TAP, function (ev) {\n\t\t\tvar result = confirmTarget(ev, 'pic');\n\t\t\tif (result) {\n\t\t\t\trenderSliderTemp($(document.body), ev);\n\t\t\t};\n\t\t});\n\t}\n\n\t$(function () {\n\t\tinit();\n\t});\n}($, Hammer);\n\n},{}],3:[function(require,module,exports){\n'use strict';\n\nvar Slider = function ($, Hammer) {\n var Event = {\n PANDWON: 'pandown',\n PANUP: 'panup',\n PAN: 'pan',\n PANSTART: 'panstart',\n PANEND: 'panend',\n SWIPELEFT: 'swipeleft',\n SWIPRIGHT: 'swiperight',\n TAP: 'tap',\n CLICK: 'click'\n };\n var Selector = {\n NAV: '.nav',\n NAV_LI: '.nav>li',\n WORD: '.word_details',\n SHOW: '.show',\n HIDDEN: '.hidden'\n };\n var ClassName = {\n ACTIVE: 'active'\n };\n\n $(function () {\n var active = ClassName.ACTIVE;\n $(Selector.NAV_LI).click(function () {\n var This = $(this);\n This.find('a').addClass(active);\n This.siblings().find('a').removeClass(active);\n $(Selector.HIDDEN).toggle();\n $(Selector.SHOW).toggle();\n });\n });\n}($, Hammer);\n\n},{}]},{},[1])\n\n","import tab from './widget/tabs.js'\r\nimport slider from './widget/layout.js'\r\n\r\n","const Slider = (( $, Hammer )=>{\r\n\tconst Event = {\r\n\t\tPANDWON: 'pandown',\r\n\t\tPANUP: 'panup',\r\n\t\tPAN: 'pan',\r\n\t\tPANSTART: 'panstart',\r\n\t\tPANEND: 'panend',\r\n\t\tSWIPELEFT: 'swipeleft',\r\n\t\tSWIPRIGHT: 'swiperight',\r\n\t\tTAP: 'tap',\r\n\t\tCLICK: 'click'\r\n\t}\r\n\r\n\tconst Selector = {\r\n\t\tMAIN_CONTAINER: '#main-container',\r\n\t\tSLIDER: '#slider',\r\n\t\tSLIDER_CONT: '#slider .slider-cont',\r\n\t\tSLIDER_CONT_CHILD: '#slider .slider-cont > .wrap',\r\n\t\tDATA_NODE_PIC: '[data-node=\"pic\"]',\r\n\t\tPIC_CUR_NUM: '#slider .pic-cur-num',\r\n\t\tPIC_TOTAL_NUM: '#slider .pic-total-num'\r\n\t}\r\n\tvar slider;\r\n\tvar slider_cont;\r\n\tvar pic_cur_num;\r\n\tvar pic_total_num;\r\n\tvar main_container = $(Selector.MAIN_CONTAINER);\r\n\tvar vw = window.innerWidth;\r\n\tvar vh = window.innerHeight;\r\n\r\n\tvar len;\r\n\tvar slider_origin_pos_x;\r\n\tvar scroll_origin_pos_y;\r\n\tvar n;\r\n\r\n\tvar is_slider_exit = false;\r\n\r\n\r\n\tfunction initSlider ( ev ) {\r\n\t\tvar el = $(ev.target);\r\n\t\tvar index = el.parent().index();\r\n\t\tvar data = getPicData(el);\r\n\t\tslider = $(Selector.SLIDER);\r\n\t\tslider_cont = $(Selector.SLIDER_CONT);\r\n\t\tpic_cur_num = $(Selector.PIC_CUR_NUM);\r\n\t\tpic_total_num = $(Selector.PIC_TOTAL_NUM);\r\n\r\n\t\tbindSliderEvents();\r\n\t\trenderPicTemp( data );\r\n\t\tinitPicPos( index );\r\n\t\tinitPicNum( index );\t\t\r\n\t}\r\n\tfunction bindSliderEvents () {\r\n\t\tvar mc_slider = new Hammer( slider[0]);\r\n\t\tvar mc_slider_cont = new Hammer ( slider_cont[0] );\r\n\r\n\t\t// 左右滑动slider\r\n\t\tmc_slider_cont.on(Event.SWIPELEFT, function ( ev ) {\r\n\t\t\tsliderLeft();\r\n\t\t});\r\n\t\tmc_slider_cont.on(Event.SWIPRIGHT, function ( ev) {\r\n\t\t\tsliderRight();\r\n\t\t});\r\n\r\n\t\t// 上下滑动图片\r\n\t\tvar pan_event = Event.PAN + ' ' + Event.panstart + ' ' + Event.PANEND;\r\n\t\tmc_slider_cont.on(pan_event, function ( ev ) {\r\n\t\t\tvar result = confirmTarget(ev, 'pic');\t\r\n\t\t\tvar target = $(ev.target);\r\n\t\t\tvar target_height = target.height();\r\n\t\t\tvar scrolly = ev.deltaY;\r\n\t\t\tvar up_limit = vh - target_height;\r\n\r\n\t\t\tif( result && target_height > vh ) {\r\n\t\t\t\tscrollPic( target, scrolly, up_limit );\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\t// 关闭slider\r\n\t\tmc_slider.on(Event.TAP, function ( ev ) {\r\n\t\t\tvar result = confirmTarget(ev, 'pic');\r\n\t\t\tif ( result ) {\r\n\t\t\t\tdestroySliderTemp(slider);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tfunction getPicData ( el ) {\r\n\t\tvar img = el.parent().parent().find(Selector.DATA_NODE_PIC);\r\n\t\tlen = img.length;\r\n\t\tvar img_src = [];\r\n\t\tfor(var i = 0; i < len; i++) {\r\n\t\t\timg_src.push($(img[i]).attr('src'));\r\n\t\t};\r\n\t\treturn img_src;\r\n\t}\r\n\tfunction renderPicTemp ( data ) {\r\n\r\n\t\tfor( var i = 0; i < len; i++ ) {\r\n\t\t\tvar html = createPicTemp(data[i]);\r\n\t\t\tif(slider_cont.children().length >= len) {\r\n\t\t\t\treturn;\r\n\t\t\t};\t\t\r\n\t\t\tslider_cont.append(html);\r\n\r\n\t\t\tinitSliderSize(i);\r\n\t\t};\r\n\t\tslider_cont.width(vw*len);\r\n\t\tslider_cont.height(vh);\r\n\t};\r\n\tfunction createPicTemp ( url ) {\r\n\t\tvar html = $(`\r\n\t\t\t<div class=\"wrap\">\r\n\t\t\t <div class=\"scroll\">\r\n\t\t <img src=${url} data-node=\"pic\">\r\n\t\t </div>\r\n\t\t </div>`);\r\n\t\treturn html;\r\n\t};\r\n\tfunction initSliderSize ( index ) {\r\n\t\t$(Selector.SLIDER_CONT_CHILD).eq(index).css({\r\n\t\t\twidth: vw + 'px',\r\n\t\t\theight: vh + 'px'\r\n\t\t}).children().css({\r\n\t\t\tlineHeight: vh + 'px'\r\n\t\t});\r\n\t}\r\n\tfunction sliderLeft () {\r\n\t\tslider_origin_pos_x = getSliderPosX();\r\n\t\tvar integer = Math.ceil(slider_origin_pos_x/vw);\r\n\t\tslider_origin_pos_x = integer * vw;\r\n\r\n\t\tslider_origin_pos_x-=vw;\r\n\t\tif( slider_origin_pos_x <= -vw*len ) {\r\n\t\t\treturn;\r\n\t\t};\r\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x+'px', 'x');\r\n\r\n\t\tn++;\r\n\t\tif( n > len ) {\r\n\t\t\tn = len;\r\n\t\t};\r\n\t\tassignPicNum(n);\r\n\t}\r\n\tfunction sliderRight () {\r\n\t\tslider_origin_pos_x = getSliderPosX();\r\n\t\tvar integer = Math.floor(slider_origin_pos_x/vw);\r\n\t\tslider_origin_pos_x = integer * vw;\r\n\r\n\t\tslider_origin_pos_x+=vw;\r\n\t\tif( slider_origin_pos_x > 0 ) {\r\n\t\t\treturn;\r\n\t\t};\r\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x+'px', 'x');\r\n\r\n\t\tn--;\r\n\t\tif( n < 1 ) {\r\n\t\t\tn = 1;\r\n\t\t};\r\n\t\tassignPicNum(n);\r\n\t}\r\n\tfunction scrollPic ( target, scrolly, limit ) {\r\n\t\tscroll_origin_pos_y = getScrollPoxY(target.parent());\r\n\t\tscroll_origin_pos_y += scrolly;\r\n\t\tif( scroll_origin_pos_y > 0 ) {\r\n\t\t\tscroll_origin_pos_y = 0;\r\n\t\t}\r\n\t\telse if( scroll_origin_pos_y < limit ) {\r\n\t\t\tscroll_origin_pos_y = limit;\r\n\t\t}\r\n\t\tassignMoveValue(target.parent(), scroll_origin_pos_y+'px', 'y');\r\n\t}\r\n\tfunction getSliderPosX () {\r\n\t\tvar value = slider_cont.css('transform').split(',');\r\n\t\tvar pos_x = +value[4];\r\n\t\treturn pos_x;\r\n\t}\r\n\tfunction getScrollPoxY ( el ) {\r\n\t\tvar value = el.css('transform').split(',');\r\n\t\tvar pos_y = +value[5].replace(/\\)/, '');\r\n\t\treturn pos_y;\r\n\t}\r\n\tfunction assignMoveValue ( ele, value, axis ) {\r\n\t\tvar axis = axis.toUpperCase();\r\n\t\tvar move_direction = 'translate' + axis;\r\n\t\r\n\t\tele.css({\r\n\t\t\t'-webkit-transform' : move_direction + '(' + value + ')',\r\n\t\t\t'-ms-transform' : move_direction + '(' + value + ')',\r\n\t\t\t'transform' : move_direction + '(' + value + ')'\r\n\t\t});\r\n\t}\r\n\tfunction assignPicNum ( num ) {\r\n\t\tpic_cur_num.text(num);\r\n\t}\r\n\tfunction initPicPos ( index ) {\r\n\t slider_origin_pos_x = -index*vw + 'px';\r\n\t\tassignMoveValue( slider_cont, slider_origin_pos_x, 'x' );\r\n\t}\r\n\tfunction initPicNum ( index ) {\r\n\t\tn = index + 1;\r\n\t\tassignPicNum(n);\r\n\t\tpic_total_num.text(len);\r\n\t}\r\n\tfunction confirmTarget ( ev, sign ) {\r\n\t\tvar target = $(ev.target);\r\n\t\tvar data_node = target.attr('data-node');\r\n\t\tif(data_node === sign) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\tfunction createSliderTemp () {\r\n\t\tvar html = $(`<div class=\"slider\" id=\"slider\">\r\n\t\t <div class=\"pic-num\">\r\n\t\t <span class=\"pic-cur-num\"></span>/<span class=\"pic-total-num\"></span>\r\n\r\n </div>\r\n <div class=\"slider-cont\"></div>\r\n </div>`);\r\n\t\treturn html;\r\n\t}\r\n\tfunction renderSliderTemp ( ele, ev ) {\r\n\t\tvar html = createSliderTemp();\r\n\t\tele.append(html);\r\n\t\tscrollFix(document.querySelector(Selector.SLIDER));\r\n\r\n\t\tmain_container.hide();\r\n\t\tinitSlider(ev);\r\n\t}\r\n\tfunction destroySliderTemp ( ele ) {\r\n\t\tele.remove();\r\n\t\tmain_container.show();\r\n\t}\r\n\tfunction scrollFix ( el ) {\r\n\t\tel.addEventListener('touchstart', function ( ev ) {\r\n\t\t\tevent.preventDefault();\r\n\t\t});\r\n\t}\r\n\tfunction init () {\r\n\t\tvar mc_main_container = new Hammer( main_container[0] );\r\n\r\n\t\t// 初始化slider\r\n\t\tmc_main_container.on(Event.TAP, function ( ev ) {\r\n\t\t\tvar result = confirmTarget(ev, 'pic');\r\n\t\t\tif ( result ) {\r\n\t\t\t\trenderSliderTemp($(document.body), ev);\r\n\t\t\t}; \r\n\t\t});\r\n\t}\r\n\r\n\t$(function () {\r\n\t\tinit();\r\n\t});\r\n})( $, Hammer );","const Slider = (( $, Hammer )=>{\r\n const Event = {\r\n PANDWON: 'pandown',\r\n PANUP: 'panup',\r\n PAN: 'pan',\r\n PANSTART: 'panstart',\r\n PANEND: 'panend',\r\n SWIPELEFT: 'swipeleft',\r\n SWIPRIGHT: 'swiperight',\r\n TAP: 'tap',\r\n CLICK: 'click'\r\n };\r\nconst Selector = {\r\n NAV:'.nav',\r\n NAV_LI:'.nav>li',\r\n WORD: '.word_details',\r\n SHOW:'.show',\r\n HIDDEN:'.hidden'\r\n};\r\nconst ClassName = {\r\n ACTIVE: 'active'\r\n}\r\n\r\n$(function () {\r\n var active=ClassName.ACTIVE;\r\n $(Selector.NAV_LI).click(function(){\r\n var This=$(this);\r\n This.find('a').addClass(active);\r\n This.siblings().find('a').removeClass(active);\r\n $(Selector.HIDDEN).toggle();\r\n $(Selector.SHOW).toggle();\r\n });\r\n});\r\n})( $, Hammer );\r\n"]}
\ No newline at end of file
{"version":3,"sources":["node_modules/browser-pack/_prelude.js","picture-live.js","src/js/picture-live.js","src/js/widget/layout.js","src/js/widget/tab.js"],"names":["e","t","n","r","s","o","u","a","require","i","f","Error","code","l","exports","call","length","1","module","_interopRequireDefault","obj","__esModule","default","_tab","_layout","./widget/layout.js","./widget/tab.js","2","$","Hammer","initSlider","ev","el","target","index","parent","data","getPicData","slider","Selector","SLIDER","slider_cont","SLIDER_CONT","pic_cur_num","PIC_CUR_NUM","pic_total_num","PIC_TOTAL_NUM","bindSliderEvents","renderPicTemp","initPicPos","initPicNum","mc_slider","mc_slider_cont","on","Event","SWIPELEFT","sliderLeft","SWIPRIGHT","sliderRight","pan_event","PAN","panstart","PANEND","result","confirmTarget","target_height","height","scrolly","deltaY","up_limit","vh","scrollPic","TAP","destroySliderTemp","img","find","DATA_NODE_PIC","len","img_src","push","attr","html","createPicTemp","children","append","initSliderSize","width","vw","url","SLIDER_CONT_CHILD","eq","css","lineHeight","slider_origin_pos_x","getSliderPosX","integer","Math","ceil","assignMoveValue","assignPicNum","floor","limit","scroll_origin_pos_y","getScrollPoxY","value","split","pos_x","pos_y","replace","ele","axis","toUpperCase","move_direction","-webkit-transform","-ms-transform","transform","num","text","sign","data_node","createSliderTemp","renderSliderTemp","scrollFix","document","querySelector","main_container","hide","remove","show","addEventListener","event","preventDefault","init","mc_main_container","body","PANDWON","PANUP","PANSTART","CLICK","MAIN_CONTAINER","window","innerWidth","innerHeight","3","Plugin","option","this","each","$this","Tab","element","VERSION","TRANSITION_DURATION","prototype","$ul","closest","selector","hasClass","$previous","hideEvent","relatedTarget","showEvent","trigger","isDefaultPrevented","$target","activate","type","container","callback","next","$active","removeClass","end","addClass","transition","offsetWidth","support","one","emulateTransitionEnd","old","fn","tab","Constructor","noConflict","clickHandler","jQuery"],"mappings":"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","file":"picture-live.min.js","sourcesContent":["(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})","(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){\n'use strict';\n\nvar _tab = require('./widget/tab.js');\n\nvar _tab2 = _interopRequireDefault(_tab);\n\nvar _layout = require('./widget/layout.js');\n\nvar _layout2 = _interopRequireDefault(_layout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n},{\"./widget/layout.js\":2,\"./widget/tab.js\":3}],2:[function(require,module,exports){\n'use strict';\n\nvar Slider = function ($, Hammer) {\n\tvar Event = {\n\t\tPANDWON: 'pandown',\n\t\tPANUP: 'panup',\n\t\tPAN: 'pan',\n\t\tPANSTART: 'panstart',\n\t\tPANEND: 'panend',\n\t\tSWIPELEFT: 'swipeleft',\n\t\tSWIPRIGHT: 'swiperight',\n\t\tTAP: 'tap',\n\t\tCLICK: 'click'\n\t};\n\n\tvar Selector = {\n\t\tMAIN_CONTAINER: '#main-container',\n\t\tSLIDER: '#slider',\n\t\tSLIDER_CONT: '#slider .slider-cont',\n\t\tSLIDER_CONT_CHILD: '#slider .slider-cont > .wrap',\n\t\tDATA_NODE_PIC: '[data-node=\"pic\"]',\n\t\tPIC_CUR_NUM: '#slider .pic-cur-num',\n\t\tPIC_TOTAL_NUM: '#slider .pic-total-num'\n\t};\n\tvar slider;\n\tvar slider_cont;\n\tvar pic_cur_num;\n\tvar pic_total_num;\n\tvar main_container = $(Selector.MAIN_CONTAINER);\n\tvar vw = window.innerWidth;\n\tvar vh = window.innerHeight;\n\n\tvar len;\n\tvar slider_origin_pos_x;\n\tvar scroll_origin_pos_y;\n\tvar n;\n\n\tvar is_slider_exit = false;\n\n\tfunction initSlider(ev) {\n\t\tvar el = $(ev.target);\n\t\tvar index = el.parent().index();\n\t\tvar data = getPicData(el);\n\t\tslider = $(Selector.SLIDER);\n\t\tslider_cont = $(Selector.SLIDER_CONT);\n\t\tpic_cur_num = $(Selector.PIC_CUR_NUM);\n\t\tpic_total_num = $(Selector.PIC_TOTAL_NUM);\n\n\t\tbindSliderEvents();\n\t\trenderPicTemp(data);\n\t\tinitPicPos(index);\n\t\tinitPicNum(index);\n\t}\n\tfunction bindSliderEvents() {\n\t\tvar mc_slider = new Hammer(slider[0]);\n\t\tvar mc_slider_cont = new Hammer(slider_cont[0]);\n\n\t\t// 左右滑动slider\n\t\tmc_slider_cont.on(Event.SWIPELEFT, function (ev) {\n\t\t\tsliderLeft();\n\t\t});\n\t\tmc_slider_cont.on(Event.SWIPRIGHT, function (ev) {\n\t\t\tsliderRight();\n\t\t});\n\n\t\t// 上下滑动图片\n\t\tvar pan_event = Event.PAN + ' ' + Event.panstart + ' ' + Event.PANEND;\n\t\tmc_slider_cont.on(pan_event, function (ev) {\n\t\t\tvar result = confirmTarget(ev, 'pic');\n\t\t\tvar target = $(ev.target);\n\t\t\tvar target_height = target.height();\n\t\t\tvar scrolly = ev.deltaY;\n\t\t\tvar up_limit = vh - target_height;\n\n\t\t\tif (result && target_height > vh) {\n\t\t\t\tscrollPic(target, scrolly, up_limit);\n\t\t\t};\n\t\t});\n\n\t\t// 关闭slider\n\t\tmc_slider.on(Event.TAP, function (ev) {\n\t\t\tvar result = confirmTarget(ev, 'pic');\n\t\t\tif (result) {\n\t\t\t\tdestroySliderTemp(slider);\n\t\t\t}\n\t\t});\n\t}\n\tfunction getPicData(el) {\n\t\tvar img = el.parent().parent().find(Selector.DATA_NODE_PIC);\n\t\tlen = img.length;\n\t\tvar img_src = [];\n\t\tfor (var i = 0; i < len; i++) {\n\t\t\timg_src.push($(img[i]).attr('src'));\n\t\t};\n\t\treturn img_src;\n\t}\n\tfunction renderPicTemp(data) {\n\n\t\tfor (var i = 0; i < len; i++) {\n\t\t\tvar html = createPicTemp(data[i]);\n\t\t\tif (slider_cont.children().length >= len) {\n\t\t\t\treturn;\n\t\t\t};\n\t\t\tslider_cont.append(html);\n\n\t\t\tinitSliderSize(i);\n\t\t};\n\t\tslider_cont.width(vw * len);\n\t\tslider_cont.height(vh);\n\t};\n\tfunction createPicTemp(url) {\n\t\tvar html = $('\\n\\t\\t\\t<div class=\"wrap\">\\n\\t\\t\\t <div class=\"scroll\">\\n\\t\\t <img src=' + url + ' data-node=\"pic\">\\n\\t\\t </div>\\n\\t\\t </div>');\n\t\treturn html;\n\t};\n\tfunction initSliderSize(index) {\n\t\t$(Selector.SLIDER_CONT_CHILD).eq(index).css({\n\t\t\twidth: vw + 'px',\n\t\t\theight: vh + 'px'\n\t\t}).children().css({\n\t\t\tlineHeight: vh + 'px'\n\t\t});\n\t}\n\tfunction sliderLeft() {\n\t\tslider_origin_pos_x = getSliderPosX();\n\t\tvar integer = Math.ceil(slider_origin_pos_x / vw);\n\t\tslider_origin_pos_x = integer * vw;\n\n\t\tslider_origin_pos_x -= vw;\n\t\tif (slider_origin_pos_x <= -vw * len) {\n\t\t\treturn;\n\t\t};\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x + 'px', 'x');\n\n\t\tn++;\n\t\tif (n > len) {\n\t\t\tn = len;\n\t\t};\n\t\tassignPicNum(n);\n\t}\n\tfunction sliderRight() {\n\t\tslider_origin_pos_x = getSliderPosX();\n\t\tvar integer = Math.floor(slider_origin_pos_x / vw);\n\t\tslider_origin_pos_x = integer * vw;\n\n\t\tslider_origin_pos_x += vw;\n\t\tif (slider_origin_pos_x > 0) {\n\t\t\treturn;\n\t\t};\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x + 'px', 'x');\n\n\t\tn--;\n\t\tif (n < 1) {\n\t\t\tn = 1;\n\t\t};\n\t\tassignPicNum(n);\n\t}\n\tfunction scrollPic(target, scrolly, limit) {\n\t\tscroll_origin_pos_y = getScrollPoxY(target.parent());\n\t\tscroll_origin_pos_y += scrolly;\n\t\tif (scroll_origin_pos_y > 0) {\n\t\t\tscroll_origin_pos_y = 0;\n\t\t} else if (scroll_origin_pos_y < limit) {\n\t\t\tscroll_origin_pos_y = limit;\n\t\t}\n\t\tassignMoveValue(target.parent(), scroll_origin_pos_y + 'px', 'y');\n\t}\n\tfunction getSliderPosX() {\n\t\tvar value = slider_cont.css('transform').split(',');\n\t\tvar pos_x = +value[4];\n\t\treturn pos_x;\n\t}\n\tfunction getScrollPoxY(el) {\n\t\tvar value = el.css('transform').split(',');\n\t\tvar pos_y = +value[5].replace(/\\)/, '');\n\t\treturn pos_y;\n\t}\n\tfunction assignMoveValue(ele, value, axis) {\n\t\tvar axis = axis.toUpperCase();\n\t\tvar move_direction = 'translate' + axis;\n\n\t\tele.css({\n\t\t\t'-webkit-transform': move_direction + '(' + value + ')',\n\t\t\t'-ms-transform': move_direction + '(' + value + ')',\n\t\t\t'transform': move_direction + '(' + value + ')'\n\t\t});\n\t}\n\tfunction assignPicNum(num) {\n\t\tpic_cur_num.text(num);\n\t}\n\tfunction initPicPos(index) {\n\t\tslider_origin_pos_x = -index * vw + 'px';\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x, 'x');\n\t}\n\tfunction initPicNum(index) {\n\t\tn = index + 1;\n\t\tassignPicNum(n);\n\t\tpic_total_num.text(len);\n\t}\n\tfunction confirmTarget(ev, sign) {\n\t\tvar target = $(ev.target);\n\t\tvar data_node = target.attr('data-node');\n\t\tif (data_node === sign) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\tfunction createSliderTemp() {\n\t\tvar html = $('<div class=\"slider\" id=\"slider\">\\n\\t\\t <div class=\"pic-num\">\\n\\t\\t <span class=\"pic-cur-num\"></span>/<span class=\"pic-total-num\"></span>\\n\\n </div>\\n <div class=\"slider-cont\"></div>\\n </div>');\n\t\treturn html;\n\t}\n\tfunction renderSliderTemp(ele, ev) {\n\t\tvar html = createSliderTemp();\n\t\tele.append(html);\n\t\tscrollFix(document.querySelector(Selector.SLIDER));\n\n\t\tmain_container.hide();\n\t\tinitSlider(ev);\n\t}\n\tfunction destroySliderTemp(ele) {\n\t\tele.remove();\n\t\tmain_container.show();\n\t}\n\tfunction scrollFix(el) {\n\t\tel.addEventListener('touchstart', function (ev) {\n\t\t\tevent.preventDefault();\n\t\t});\n\t}\n\tfunction init() {\n\t\tvar mc_main_container = new Hammer(main_container[0]);\n\n\t\t// 初始化slider\n\t\tmc_main_container.on(Event.TAP, function (ev) {\n\t\t\tvar result = confirmTarget(ev, 'pic');\n\t\t\tif (result) {\n\t\t\t\trenderSliderTemp($(document.body), ev);\n\t\t\t};\n\t\t});\n\t}\n\n\t$(function () {\n\t\tinit();\n\t});\n}($, Hammer);\n\n},{}],3:[function(require,module,exports){\n'use strict';\n\n/* ========================================================================\r\n * Bootstrap: tab.js v3.3.7\r\n * http://getbootstrap.com/javascript/#tabs\r\n * ========================================================================\r\n * Copyright 2011-2016 Twitter, Inc.\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n * ======================================================================== */\n\n+function ($) {\n 'use strict';\n\n // TAB CLASS DEFINITION\n // ====================\n\n var Tab = function Tab(element) {\n // jscs:disable requireDollarBeforejQueryAssignment\n this.element = $(element);\n // jscs:enable requireDollarBeforejQueryAssignment\n };\n\n Tab.VERSION = '3.3.7';\n\n Tab.TRANSITION_DURATION = 150;\n\n Tab.prototype.show = function () {\n var $this = this.element;\n var $ul = $this.closest('ul:not(.dropdown-menu)');\n var selector = $this.data('target');\n\n if (!selector) {\n selector = $this.attr('href');\n selector = selector && selector.replace(/.*(?=#[^\\s]*$)/, ''); // strip for ie7\n }\n\n if ($this.parent('li').hasClass('active')) return;\n\n var $previous = $ul.find('.active:last a');\n var hideEvent = $.Event('hide.bs.tab', {\n relatedTarget: $this[0]\n });\n var showEvent = $.Event('show.bs.tab', {\n relatedTarget: $previous[0]\n });\n\n $previous.trigger(hideEvent);\n $this.trigger(showEvent);\n\n if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return;\n\n var $target = $(selector);\n\n this.activate($this.closest('li'), $ul);\n this.activate($target, $target.parent(), function () {\n $previous.trigger({\n type: 'hidden.bs.tab',\n relatedTarget: $this[0]\n });\n $this.trigger({\n type: 'shown.bs.tab',\n relatedTarget: $previous[0]\n });\n });\n };\n\n Tab.prototype.activate = function (element, container, callback) {\n var $active = container.find('> .active');\n var transition = callback && $.support.transition && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length);\n\n function next() {\n $active.removeClass('active').find('> .dropdown-menu > .active').removeClass('active').end().find('[data-toggle=\"tab\"]').attr('aria-expanded', false);\n\n element.addClass('active').find('[data-toggle=\"tab\"]').attr('aria-expanded', true);\n\n if (transition) {\n element[0].offsetWidth; // reflow for transition\n element.addClass('in');\n } else {\n element.removeClass('fade');\n }\n\n if (element.parent('.dropdown-menu').length) {\n element.closest('li.dropdown').addClass('active').end().find('[data-toggle=\"tab\"]').attr('aria-expanded', true);\n }\n\n callback && callback();\n }\n\n $active.length && transition ? $active.one('bsTransitionEnd', next).emulateTransitionEnd(Tab.TRANSITION_DURATION) : next();\n\n $active.removeClass('in');\n };\n\n // TAB PLUGIN DEFINITION\n // =====================\n\n function Plugin(option) {\n return this.each(function () {\n var $this = $(this);\n var data = $this.data('bs.tab');\n\n if (!data) $this.data('bs.tab', data = new Tab(this));\n if (typeof option == 'string') data[option]();\n });\n }\n\n var old = $.fn.tab;\n\n $.fn.tab = Plugin;\n $.fn.tab.Constructor = Tab;\n\n // TAB NO CONFLICT\n // ===============\n\n $.fn.tab.noConflict = function () {\n $.fn.tab = old;\n return this;\n };\n\n // TAB DATA-API\n // ============\n\n var clickHandler = function clickHandler(e) {\n e.preventDefault();\n Plugin.call($(this), 'show');\n };\n\n $(document).on('click.bs.tab.data-api', '[data-toggle=\"tab\"]', clickHandler).on('click.bs.tab.data-api', '[data-toggle=\"pill\"]', clickHandler);\n}(jQuery);\n\n},{}]},{},[1])\n\n","import tab from './widget/tab.js'\r\nimport slider from './widget/layout.js'\r\n\r\n","const Slider = (( $, Hammer )=>{\r\n\tconst Event = {\r\n\t\tPANDWON: 'pandown',\r\n\t\tPANUP: 'panup',\r\n\t\tPAN: 'pan',\r\n\t\tPANSTART: 'panstart',\r\n\t\tPANEND: 'panend',\r\n\t\tSWIPELEFT: 'swipeleft',\r\n\t\tSWIPRIGHT: 'swiperight',\r\n\t\tTAP: 'tap',\r\n\t\tCLICK: 'click'\r\n\t}\r\n\r\n\tconst Selector = {\r\n\t\tMAIN_CONTAINER: '#main-container',\r\n\t\tSLIDER: '#slider',\r\n\t\tSLIDER_CONT: '#slider .slider-cont',\r\n\t\tSLIDER_CONT_CHILD: '#slider .slider-cont > .wrap',\r\n\t\tDATA_NODE_PIC: '[data-node=\"pic\"]',\r\n\t\tPIC_CUR_NUM: '#slider .pic-cur-num',\r\n\t\tPIC_TOTAL_NUM: '#slider .pic-total-num'\r\n\t}\r\n\tvar slider;\r\n\tvar slider_cont;\r\n\tvar pic_cur_num;\r\n\tvar pic_total_num;\r\n\tvar main_container = $(Selector.MAIN_CONTAINER);\r\n\tvar vw = window.innerWidth;\r\n\tvar vh = window.innerHeight;\r\n\r\n\tvar len;\r\n\tvar slider_origin_pos_x;\r\n\tvar scroll_origin_pos_y;\r\n\tvar n;\r\n\r\n\tvar is_slider_exit = false;\r\n\r\n\r\n\tfunction initSlider ( ev ) {\r\n\t\tvar el = $(ev.target);\r\n\t\tvar index = el.parent().index();\r\n\t\tvar data = getPicData(el);\r\n\t\tslider = $(Selector.SLIDER);\r\n\t\tslider_cont = $(Selector.SLIDER_CONT);\r\n\t\tpic_cur_num = $(Selector.PIC_CUR_NUM);\r\n\t\tpic_total_num = $(Selector.PIC_TOTAL_NUM);\r\n\r\n\t\tbindSliderEvents();\r\n\t\trenderPicTemp( data );\r\n\t\tinitPicPos( index );\r\n\t\tinitPicNum( index );\t\t\r\n\t}\r\n\tfunction bindSliderEvents () {\r\n\t\tvar mc_slider = new Hammer( slider[0]);\r\n\t\tvar mc_slider_cont = new Hammer ( slider_cont[0] );\r\n\r\n\t\t// 左右滑动slider\r\n\t\tmc_slider_cont.on(Event.SWIPELEFT, function ( ev ) {\r\n\t\t\tsliderLeft();\r\n\t\t});\r\n\t\tmc_slider_cont.on(Event.SWIPRIGHT, function ( ev) {\r\n\t\t\tsliderRight();\r\n\t\t});\r\n\r\n\t\t// 上下滑动图片\r\n\t\tvar pan_event = Event.PAN + ' ' + Event.panstart + ' ' + Event.PANEND;\r\n\t\tmc_slider_cont.on(pan_event, function ( ev ) {\r\n\t\t\tvar result = confirmTarget(ev, 'pic');\t\r\n\t\t\tvar target = $(ev.target);\r\n\t\t\tvar target_height = target.height();\r\n\t\t\tvar scrolly = ev.deltaY;\r\n\t\t\tvar up_limit = vh - target_height;\r\n\r\n\t\t\tif( result && target_height > vh ) {\r\n\t\t\t\tscrollPic( target, scrolly, up_limit );\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\t// 关闭slider\r\n\t\tmc_slider.on(Event.TAP, function ( ev ) {\r\n\t\t\tvar result = confirmTarget(ev, 'pic');\r\n\t\t\tif ( result ) {\r\n\t\t\t\tdestroySliderTemp(slider);\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\tfunction getPicData ( el ) {\r\n\t\tvar img = el.parent().parent().find(Selector.DATA_NODE_PIC);\r\n\t\tlen = img.length;\r\n\t\tvar img_src = [];\r\n\t\tfor(var i = 0; i < len; i++) {\r\n\t\t\timg_src.push($(img[i]).attr('src'));\r\n\t\t};\r\n\t\treturn img_src;\r\n\t}\r\n\tfunction renderPicTemp ( data ) {\r\n\r\n\t\tfor( var i = 0; i < len; i++ ) {\r\n\t\t\tvar html = createPicTemp(data[i]);\r\n\t\t\tif(slider_cont.children().length >= len) {\r\n\t\t\t\treturn;\r\n\t\t\t};\t\t\r\n\t\t\tslider_cont.append(html);\r\n\r\n\t\t\tinitSliderSize(i);\r\n\t\t};\r\n\t\tslider_cont.width(vw*len);\r\n\t\tslider_cont.height(vh);\r\n\t};\r\n\tfunction createPicTemp ( url ) {\r\n\t\tvar html = $(`\r\n\t\t\t<div class=\"wrap\">\r\n\t\t\t <div class=\"scroll\">\r\n\t\t <img src=${url} data-node=\"pic\">\r\n\t\t </div>\r\n\t\t </div>`);\r\n\t\treturn html;\r\n\t};\r\n\tfunction initSliderSize ( index ) {\r\n\t\t$(Selector.SLIDER_CONT_CHILD).eq(index).css({\r\n\t\t\twidth: vw + 'px',\r\n\t\t\theight: vh + 'px'\r\n\t\t}).children().css({\r\n\t\t\tlineHeight: vh + 'px'\r\n\t\t});\r\n\t}\r\n\tfunction sliderLeft () {\r\n\t\tslider_origin_pos_x = getSliderPosX();\r\n\t\tvar integer = Math.ceil(slider_origin_pos_x/vw);\r\n\t\tslider_origin_pos_x = integer * vw;\r\n\r\n\t\tslider_origin_pos_x-=vw;\r\n\t\tif( slider_origin_pos_x <= -vw*len ) {\r\n\t\t\treturn;\r\n\t\t};\r\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x+'px', 'x');\r\n\r\n\t\tn++;\r\n\t\tif( n > len ) {\r\n\t\t\tn = len;\r\n\t\t};\r\n\t\tassignPicNum(n);\r\n\t}\r\n\tfunction sliderRight () {\r\n\t\tslider_origin_pos_x = getSliderPosX();\r\n\t\tvar integer = Math.floor(slider_origin_pos_x/vw);\r\n\t\tslider_origin_pos_x = integer * vw;\r\n\r\n\t\tslider_origin_pos_x+=vw;\r\n\t\tif( slider_origin_pos_x > 0 ) {\r\n\t\t\treturn;\r\n\t\t};\r\n\t\tassignMoveValue(slider_cont, slider_origin_pos_x+'px', 'x');\r\n\r\n\t\tn--;\r\n\t\tif( n < 1 ) {\r\n\t\t\tn = 1;\r\n\t\t};\r\n\t\tassignPicNum(n);\r\n\t}\r\n\tfunction scrollPic ( target, scrolly, limit ) {\r\n\t\tscroll_origin_pos_y = getScrollPoxY(target.parent());\r\n\t\tscroll_origin_pos_y += scrolly;\r\n\t\tif( scroll_origin_pos_y > 0 ) {\r\n\t\t\tscroll_origin_pos_y = 0;\r\n\t\t}\r\n\t\telse if( scroll_origin_pos_y < limit ) {\r\n\t\t\tscroll_origin_pos_y = limit;\r\n\t\t}\r\n\t\tassignMoveValue(target.parent(), scroll_origin_pos_y+'px', 'y');\r\n\t}\r\n\tfunction getSliderPosX () {\r\n\t\tvar value = slider_cont.css('transform').split(',');\r\n\t\tvar pos_x = +value[4];\r\n\t\treturn pos_x;\r\n\t}\r\n\tfunction getScrollPoxY ( el ) {\r\n\t\tvar value = el.css('transform').split(',');\r\n\t\tvar pos_y = +value[5].replace(/\\)/, '');\r\n\t\treturn pos_y;\r\n\t}\r\n\tfunction assignMoveValue ( ele, value, axis ) {\r\n\t\tvar axis = axis.toUpperCase();\r\n\t\tvar move_direction = 'translate' + axis;\r\n\t\r\n\t\tele.css({\r\n\t\t\t'-webkit-transform' : move_direction + '(' + value + ')',\r\n\t\t\t'-ms-transform' : move_direction + '(' + value + ')',\r\n\t\t\t'transform' : move_direction + '(' + value + ')'\r\n\t\t});\r\n\t}\r\n\tfunction assignPicNum ( num ) {\r\n\t\tpic_cur_num.text(num);\r\n\t}\r\n\tfunction initPicPos ( index ) {\r\n\t slider_origin_pos_x = -index*vw + 'px';\r\n\t\tassignMoveValue( slider_cont, slider_origin_pos_x, 'x' );\r\n\t}\r\n\tfunction initPicNum ( index ) {\r\n\t\tn = index + 1;\r\n\t\tassignPicNum(n);\r\n\t\tpic_total_num.text(len);\r\n\t}\r\n\tfunction confirmTarget ( ev, sign ) {\r\n\t\tvar target = $(ev.target);\r\n\t\tvar data_node = target.attr('data-node');\r\n\t\tif(data_node === sign) {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t}\r\n\tfunction createSliderTemp () {\r\n\t\tvar html = $(`<div class=\"slider\" id=\"slider\">\r\n\t\t <div class=\"pic-num\">\r\n\t\t <span class=\"pic-cur-num\"></span>/<span class=\"pic-total-num\"></span>\r\n\r\n </div>\r\n <div class=\"slider-cont\"></div>\r\n </div>`);\r\n\t\treturn html;\r\n\t}\r\n\tfunction renderSliderTemp ( ele, ev ) {\r\n\t\tvar html = createSliderTemp();\r\n\t\tele.append(html);\r\n\t\tscrollFix(document.querySelector(Selector.SLIDER));\r\n\r\n\t\tmain_container.hide();\r\n\t\tinitSlider(ev);\r\n\t}\r\n\tfunction destroySliderTemp ( ele ) {\r\n\t\tele.remove();\r\n\t\tmain_container.show();\r\n\t}\r\n\tfunction scrollFix ( el ) {\r\n\t\tel.addEventListener('touchstart', function ( ev ) {\r\n\t\t\tevent.preventDefault();\r\n\t\t});\r\n\t}\r\n\tfunction init () {\r\n\t\tvar mc_main_container = new Hammer( main_container[0] );\r\n\r\n\t\t// 初始化slider\r\n\t\tmc_main_container.on(Event.TAP, function ( ev ) {\r\n\t\t\tvar result = confirmTarget(ev, 'pic');\r\n\t\t\tif ( result ) {\r\n\t\t\t\trenderSliderTemp($(document.body), ev);\r\n\t\t\t}; \r\n\t\t});\r\n\t}\r\n\r\n\t$(function () {\r\n\t\tinit();\r\n\t});\r\n})( $, Hammer );","/* ========================================================================\r\n * Bootstrap: tab.js v3.3.7\r\n * http://getbootstrap.com/javascript/#tabs\r\n * ========================================================================\r\n * Copyright 2011-2016 Twitter, Inc.\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n * ======================================================================== */\r\n\r\n\r\n+function ($) {\r\n 'use strict';\r\n\r\n // TAB CLASS DEFINITION\r\n // ====================\r\n\r\n var Tab = function (element) {\r\n // jscs:disable requireDollarBeforejQueryAssignment\r\n this.element = $(element)\r\n // jscs:enable requireDollarBeforejQueryAssignment\r\n }\r\n\r\n Tab.VERSION = '3.3.7'\r\n\r\n Tab.TRANSITION_DURATION = 150\r\n\r\n Tab.prototype.show = function () {\r\n var $this = this.element\r\n var $ul = $this.closest('ul:not(.dropdown-menu)')\r\n var selector = $this.data('target')\r\n\r\n if (!selector) {\r\n selector = $this.attr('href')\r\n selector = selector && selector.replace(/.*(?=#[^\\s]*$)/, '') // strip for ie7\r\n }\r\n\r\n if ($this.parent('li').hasClass('active')) return\r\n\r\n var $previous = $ul.find('.active:last a')\r\n var hideEvent = $.Event('hide.bs.tab', {\r\n relatedTarget: $this[0]\r\n })\r\n var showEvent = $.Event('show.bs.tab', {\r\n relatedTarget: $previous[0]\r\n })\r\n\r\n $previous.trigger(hideEvent)\r\n $this.trigger(showEvent)\r\n\r\n if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return\r\n\r\n var $target = $(selector)\r\n\r\n this.activate($this.closest('li'), $ul)\r\n this.activate($target, $target.parent(), function () {\r\n $previous.trigger({\r\n type: 'hidden.bs.tab',\r\n relatedTarget: $this[0]\r\n })\r\n $this.trigger({\r\n type: 'shown.bs.tab',\r\n relatedTarget: $previous[0]\r\n })\r\n })\r\n }\r\n\r\n Tab.prototype.activate = function (element, container, callback) {\r\n var $active = container.find('> .active')\r\n var transition = callback\r\n && $.support.transition\r\n && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length)\r\n\r\n function next() {\r\n $active\r\n .removeClass('active')\r\n .find('> .dropdown-menu > .active')\r\n .removeClass('active')\r\n .end()\r\n .find('[data-toggle=\"tab\"]')\r\n .attr('aria-expanded', false)\r\n\r\n element\r\n .addClass('active')\r\n .find('[data-toggle=\"tab\"]')\r\n .attr('aria-expanded', true)\r\n\r\n if (transition) {\r\n element[0].offsetWidth // reflow for transition\r\n element.addClass('in')\r\n } else {\r\n element.removeClass('fade')\r\n }\r\n\r\n if (element.parent('.dropdown-menu').length) {\r\n element\r\n .closest('li.dropdown')\r\n .addClass('active')\r\n .end()\r\n .find('[data-toggle=\"tab\"]')\r\n .attr('aria-expanded', true)\r\n }\r\n\r\n callback && callback()\r\n }\r\n\r\n $active.length && transition ?\r\n $active\r\n .one('bsTransitionEnd', next)\r\n .emulateTransitionEnd(Tab.TRANSITION_DURATION) :\r\n next()\r\n\r\n $active.removeClass('in')\r\n }\r\n\r\n\r\n // TAB PLUGIN DEFINITION\r\n // =====================\r\n\r\n function Plugin(option) {\r\n return this.each(function () {\r\n var $this = $(this)\r\n var data = $this.data('bs.tab')\r\n\r\n if (!data) $this.data('bs.tab', (data = new Tab(this)))\r\n if (typeof option == 'string') data[option]()\r\n })\r\n }\r\n\r\n var old = $.fn.tab\r\n\r\n $.fn.tab = Plugin\r\n $.fn.tab.Constructor = Tab\r\n\r\n\r\n // TAB NO CONFLICT\r\n // ===============\r\n\r\n $.fn.tab.noConflict = function () {\r\n $.fn.tab = old\r\n return this\r\n }\r\n\r\n\r\n // TAB DATA-API\r\n // ============\r\n\r\n var clickHandler = function (e) {\r\n e.preventDefault()\r\n Plugin.call($(this), 'show')\r\n }\r\n\r\n $(document)\r\n .on('click.bs.tab.data-api', '[data-toggle=\"tab\"]', clickHandler)\r\n .on('click.bs.tab.data-api', '[data-toggle=\"pill\"]', clickHandler)\r\n\r\n}(jQuery);\r\n"]}
\ No newline at end of file
src/js/appoint.js
import tab from './widget/tabs.js'
import tab from './widget/tab.js'
import slider from './widget/slider.js'
src/js/picture-live.js
import tab from './widget/tabs.js'
import tab from './widget/tab.js'
import slider from './widget/layout.js'
src/js/widget/tab.js 0 → 100644
/* ========================================================================
* Bootstrap: tab.js v3.3.7
* http://getbootstrap.com/javascript/#tabs
* ========================================================================
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
+function ($) {
'use strict';
// TAB CLASS DEFINITION
// ====================
var Tab = function (element) {
// jscs:disable requireDollarBeforejQueryAssignment
this.element = $(element)
// jscs:enable requireDollarBeforejQueryAssignment
}
Tab.VERSION = '3.3.7'
Tab.TRANSITION_DURATION = 150
Tab.prototype.show = function () {
var $this = this.element
var $ul = $this.closest('ul:not(.dropdown-menu)')
var selector = $this.data('target')
if (!selector) {
selector = $this.attr('href')
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
if ($this.parent('li').hasClass('active')) return
var $previous = $ul.find('.active:last a')
var hideEvent = $.Event('hide.bs.tab', {
relatedTarget: $this[0]
})
var showEvent = $.Event('show.bs.tab', {
relatedTarget: $previous[0]
})
$previous.trigger(hideEvent)
$this.trigger(showEvent)
if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
var $target = $(selector)
this.activate($this.closest('li'), $ul)
this.activate($target, $target.parent(), function () {
$previous.trigger({
type: 'hidden.bs.tab',
relatedTarget: $this[0]
})
$this.trigger({
type: 'shown.bs.tab',
relatedTarget: $previous[0]
})
})
}
Tab.prototype.activate = function (element, container, callback) {
var $active = container.find('> .active')
var transition = callback
&& $.support.transition
&& ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length)
function next() {
$active
.removeClass('active')
.find('> .dropdown-menu > .active')
.removeClass('active')
.end()
.find('[data-toggle="tab"]')
.attr('aria-expanded', false)
element
.addClass('active')
.find('[data-toggle="tab"]')
.attr('aria-expanded', true)
if (transition) {
element[0].offsetWidth // reflow for transition
element.addClass('in')
} else {
element.removeClass('fade')
}
if (element.parent('.dropdown-menu').length) {
element
.closest('li.dropdown')
.addClass('active')
.end()
.find('[data-toggle="tab"]')
.attr('aria-expanded', true)
}
callback && callback()
}
$active.length && transition ?
$active
.one('bsTransitionEnd', next)
.emulateTransitionEnd(Tab.TRANSITION_DURATION) :
next()
$active.removeClass('in')
}
// TAB PLUGIN DEFINITION
// =====================
function Plugin(option) {
return this.each(function () {
var $this = $(this)
var data = $this.data('bs.tab')
if (!data) $this.data('bs.tab', (data = new Tab(this)))
if (typeof option == 'string') data[option]()
})
}
var old = $.fn.tab
$.fn.tab = Plugin
$.fn.tab.Constructor = Tab
// TAB NO CONFLICT
// ===============
$.fn.tab.noConflict = function () {
$.fn.tab = old
return this
}
// TAB DATA-API
// ============
var clickHandler = function (e) {
e.preventDefault()
Plugin.call($(this), 'show')
}
$(document)
.on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler)
.on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)
}(jQuery);
src/less/appoint.less
......@@ -13,7 +13,6 @@
.hidden{
display: none;
}
/*预约摄影师*/
.appointment{
.px1rem(margin-bottom,40);
......@@ -181,6 +180,12 @@
}
}
}
.tab-pane{
display: none;
}
.active{
display: block;
}
/*2倍分辨率*/
[data-dpr="2"] .appointment .tb,
......
src/less/picture-live.less
......@@ -188,6 +188,7 @@ nav{
}
/*图片模式*/
.picture_mode{
display: none;
.work{
&::after{
content:".";
......@@ -226,6 +227,12 @@ nav{
font-weight:400;
}
}
.tab-panel{
display: none;
}
.active{
display: block;
}
}
.word_details{
.px2rem(margin,20,0);
......@@ -343,3 +350,8 @@ nav{
.block{
display: block;
}
src/less/ui-widget/nav-tabs.less
......@@ -41,7 +41,11 @@
.px1rem(font-size,36);
.px1rem(width,250);
}
a.active {
.active:after {
display: block;
content: '';
width:70%;
margin-left:15%;
color: @txt-red;
.border-bottom(6, @txt-red);
}
......@@ -50,6 +54,6 @@
.tab-panel {
display: none;
}
.tab-panel.active {
.active {
display: block;
}
\ No newline at end of file
src/pages/appoint.ejs
......@@ -7,12 +7,12 @@
</head>
<body>
<article>
<ul class="nav nav-tabs col-2">
<li><a class="active">预约摄影师</a></li>
<li id="shop"><a>购买Wifi-SD卡</a></li>
<ul class="nav nav-tabs col-2" role="tablist">
<li role="presentation" class="active"><a href="#photographer" caria-controls="profile" role="tab" data-toggle="tab">预约摄影师</a></li>
<li role="presentation" id="shop"><a href="#equipment" aria-controls="profile" role="tab" data-toggle="tab">购买Wifi-SD卡</a></li>
</ul>
<section id="photographer" class="show">
<section class="ab-content">
<section id="photographer" class="tab-pane active">
<!-- <div class="appointment">
<h2>预约关注直播活动摄影师 </h2>
<table>
......@@ -74,7 +74,7 @@
<div class="submit_btn"><button>确认提交</button></div>
</div>
</section>
<section id="equipment" class="hidden">
<section id="equipment" class="tab-pane">
<div class="appointment">
<h2> 图播Wifi-SD卡</h2>
<% include ./template/slider.ejs %>
......@@ -105,6 +105,8 @@
</ul>
</div>
</section>
</section>
<div class="contactTel">
<a href="tel:400-132-155">
<span>直接联系图播天下客服：</span>
......
src/pages/dir-appoint.ejs
......@@ -77,7 +77,41 @@
</div>
</article>
<script>
+function($){
$.rawCitiesData = [
{
"name":"A",
"sub":[
{
"id": "462",
"name": "阿拉善盟"
},
{
"id": "492",
"name": "鞍山市"
},
{
"id": "1098",
"name": "安庆市"
}
]
},
{ "name":"B",
"sub":[
{
"id": "2",
"name": "北京市"
},
{
"id": "124",
"name": "保定市"
}
]
}
]
}($);
</script>
<script type="text/javascript" src="../../lib/jquery-weui/js/city-picker.min.js" charset="utf-8"></script>
<script>
/*选择拍摄地点*/
......
src/pages/picture-live.ejs
......@@ -3,13 +3,14 @@
<head>
<% include ./common/head.ejs %>
<link rel="stylesheet" href="../css/picture-live.min.css">
<!-- <link rel="stylesheet" href="../css/bootstrap.min.css">-->
</head>
<body>
<!--头部导航切换卡-->
<nav>
<ul class="nav nav-tabs col-2">
<li><a class="active">图片</a></li>
<li><a >图文</a></li>
<ul class="nav nav-tabs col-2" role="tablist">
<li role="presentation" class="active"><a href="#live_content" caria-controls="profile" role="tab" data-toggle="tab">图片</a></li>
<li role="presentation" ><a href="#picture" aria-controls="profile" role="tab" data-toggle="tab">图文</a></li>
</ul>
<div id="updateItem">有<b id="num">30</b>条数据更新</div>
</nav>
......@@ -48,9 +49,9 @@
</div>
<!--九宫图布局-->
<section class="live_content" >
<section id="main-container">
<section id="main-container" class="tab-content">
<!--图片模式-->
<div class="picture_mode show" id="live_content">
<div class="picture_mode tab-pane active" id="live_content" role="tabpanel">
<ul class="work">
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
......@@ -59,14 +60,12 @@
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
<li class="cover"><img data-node="pic" src="../img/tokyo.png"/></li>
</ul>
</li>
</ul>
</div>
<!--图文模式-->
<div class="dynamic-work hidden">
<div class="dynamic-work tab-pane" role="tabpanel" id="picture">
<ul>
<li>
<ul class="work work-4">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment