@font-face{font-family:Armata;font-style:normal;font-weight:400;src:local('Armata Regular'),local('Armata-Regular'),url(/static/fonts/Armata/Armata-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Khand;font-style:normal;font-weight:300;src:local('Khand Light'),local('Khand-Light'),url(/static/fonts/Khand/Khand-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Khand;font-style:normal;font-weight:400;src:local('Khand Regular'),local('Khand-Regular'),url(/static/fonts/Khand/Khand-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Khand;font-style:normal;font-weight:500;src:local('Khand Medium'),local('Khand-Medium'),url(/static/fonts/Khand/Khand-Medium.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Khand;font-style:normal;font-weight:600;src:local('Khand SemiBold'),local('Khand-SemiBold'),url(/static/fonts/Khand/Khand-SemiBold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Khand;font-style:normal;font-weight:700;src:local('Khand Bold'),local('Khand-Bold'),url(/static/fonts/Khand/Khand-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:200;src:local('Oswald ExtraLight'),local('Oswald-ExtraLight'),url(/static/fonts/Oswald/Oswald-ExtraLight.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:300;src:local('Oswald Light'),local('Oswald-Light'),url(/static/fonts/Oswald/Oswald-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:local('Oswald Regular'),local('Oswald-Regular'),url(/static/fonts/Oswald/Oswald-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:local('Oswald Medium'),local('Oswald-Medium'),url(/static/fonts/Oswald/Oswald-Medium.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:600;src:local('Oswald SemiBold'),local('Oswald-SemiBold'),url(/static/fonts/Oswald/Oswald-SemiBold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:local('Oswald Bold'),local('Oswald-Bold'),url(/static/fonts/Oswald/Oswald-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(/static/fonts/Roboto/Roboto-Thin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(/static/fonts/Roboto/Roboto-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(/static/fonts/Roboto/Roboto-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(/static/fonts/Roboto/Roboto-Medium.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(/static/fonts/Roboto/Roboto-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(/static/fonts/Roboto-Condensed/RobotoCondensed-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(/static/fonts/Roboto-Condensed/RobotoCondensed-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(/static/fonts/Roboto-Condensed/RobotoCondensed-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Ropa Sans';font-style:normal;font-weight:400;src:local('Ropa Sans Regular'),local('RopaSans-Regular'),url(/static/fonts/Ropa-Sans/RopaSans-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(/static/fonts/Open-Sans/Open-Sans-Light.woff) format('woff'),url(/static/fonts/Open-Sans/Open-Sans-Light.woff2) format('woff2'),url(/static/fonts/Open-Sans/Open-Sans-Light.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/fonts/Open-Sans/Open-Sans-Regular.eot);src:local('Open Sans Regular'),local('OpenSans-Regular'),local('Open Sans'),url(/static/fonts/Open-Sans/Open-Sans-Regular.woff) format('woff'),url(/static/fonts/Open-Sans/Open-Sans-Regular.svg#OpenSans) format('svg'),url(/static/fonts/Open-Sans/Open-Sans-Regular.woff2) format('woff2'),url(/static/fonts/Open-Sans/Open-Sans-Regular.ttf) format('truetype'),url(/static/fonts/Open-Sans/Open-Sans-Regular.eot?#iefix) format('embedded-opentype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(/static/fonts/Open-Sans/Open-Sans-SemiBold.woff) format('woff'),url(/static/fonts/Open-Sans/Open-Sans-SemiBold.woff2) format('woff2'),url(/static/fonts/Open-Sans/Open-Sans-SemiBold.ttf) format('truetype')}@font-face{font-family:Lato;font-style:normal;font-weight:100;src:local('Lato Hairline'),local('Lato-Hairline'),url(/static/fonts/Lato/Lato-Hairline.woff) format('woff'),url(/static/fonts/Lato/Lato-Hairline.ttf) format('truetype'),url(/static/fonts/Lato/Lato-Hairline.woff2) format('woff2')}@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(/static/fonts/Lato/Lato-Light.woff) format('woff'),url(/static/fonts/Lato/Lato-Light.ttf) format('truetype'),url(/static/fonts/Lato/Lato-Light.woff2) format('woff2')}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url(/static/fonts/Lato/Lato-Regular.eot);src:local('Lato Regular'),local('Lato-Regular'),local('Lato'),url(/static/fonts/Lato/Lato-Regular.woff) format('woff'),url(/static/fonts/Lato/Lato-Regular.ttf) format('truetype'),url(/static/fonts/Lato/Lato-Regular.svg#Lato) format('svg'),url(/static/fonts/Lato/Lato-Regular.eot?#iefix) format('embedded-opentype'),url(/static/fonts/Lato/Lato-Regular.woff2) format('woff2')}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(/static/fonts/Lato/Lato-Bold.woff) format('woff'),url(/static/fonts/Lato/Lato-Bold.ttf) format('truetype'),url(/static/fonts/Lato/Lato-Bold.woff2) format('woff2')}::after,::before,a,body,button,dd,div,dl,dt,em,h1,h2,h3,h4,h5,html,i,input,label,li,ol,select,span,strong,sub,sup,textarea,ul{margin:0;padding:0}body,button,input,select,textarea{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei","Microsoft JhengHei","Helvetica Neue",Arial,sans-serif}html{font-size:10px}body{font-size:12px;color:#666;background-color:#f5f5f5}a{text-decoration:none;color:#333;transition:all .3s}a:hover{color:#46c3cf}em{font-style:normal}button,input[type=button],input[type=submit]{cursor:pointer}button:focus,input:focus,input[type=button]:focus,input[type=submit]:focus,select:focus,textarea:focus{outline:0}input:focus,select:focus,textarea:focus{border-color:#00b7ee}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}input:disabled{background-color:#eee}li,ul{list-style-type:none}textarea{resize:none}img{display:inline-block}*,::after,::before{box-sizing:border-box}.uibases-container{margin:0 auto;min-width:970px}.uibases-container-fluid{width:100%!important;min-width:970px}.uibases-container-fixed{width:1170px!important;margin:0 auto;min-width:970px}.uibases-container-fixed:after,.uibases-container-fluid:after,.uibases-container:after{display:table;content:"";zoom:1;clear:both}@media (min-width:992px){.uibases-container{width:970px}}@media (min-width:1200px){.uibases-container{width:1170px}}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.row:after{content:'';display:block;clear:both;visibility:hidden;zoom:1}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto{position:relative;width:100%}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col.text-r{text-align:right}.clearfix:after{content:'';display:block;clear:both;visibility:hidden;zoom:1}.top{position:fixed;color:#fff;z-index:999;line-height:70px;padding:0 15px;background:rgba(0,0,0,.9);border-bottom:1px solid rgba(255,255,255,.15);transition:all .3s;top:0;padding-right:0}.index .top{position:fixed;color:#fff;z-index:999;line-height:70px;padding:0 15px;background:rgba(0,0,0,.05);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s}.top .col{height:70px}.top .wel span{display:inline-block}.top .wel span.logo{float:left;height:70px;margin-right:20px}.top .wel span.logo img{height:45px;margin-top:10px}.top .wel span i{float:left;font-size:24px;margin-right:10px}.top .menu{float:right}.top .menu li{float:left}.top .menu li a.icon{display:block;font-size:16px;line-height:70px;padding-right:25px;color:#fff}.header{position:fixed;color:#fff;z-index:999;line-height:70px;background:rgba(0,0,0,.8);border-bottom:1px solid rgba(255,255,255,.2);top:71px;text-align:center;transition:all .3s}.index .header{position:fixed;color:#fff;z-index:999;line-height:70px;background:rgba(0,0,0,.05);border-bottom:1px solid rgba(255,255,255,.1);top:71px;text-align:center;transition:all .3s}.top .nav{text-align:center}.top .nav li{display:inline-block}.top .nav li a{display:block;padding:0 20px;font-size:14px;color:#fff}.top .nav li a.active,.top .nav li a:hover{color:#46c3cf}.top .nav li .submenu{position:fixed;width:100%;top:70px;left:0;border-bottom:1px solid #eee;background:#fff;line-height:60px;height:60px;opacity:0;display:none;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tsup;animation-name:tsup}.top .nav li .submenu li{font-size:12px}.top .nav li .submenu a{color:#333;font-size:12px}.top .nav li .submenu a.active,.top .nav li .submenu a:hover{color:#46c3cf}.top .nav li.in .submenu{display:block}body.header-fx .top{background:rgba(0,0,0,.9);border-bottom:1px solid rgba(255,255,255,.15)}body.header-fx .header{background:rgba(0,0,0,.8);border-bottom:1px solid rgba(255,255,255,.2)}body.solution{background:#fff}body.about,body.cases,body.cooperation,body.download,body.news,body.product,body.services,body.solution,body.support{padding-top:71px}.index .banner{height:715px;position:relative}.index .banner li.image{height:715px;background-size:auto 100%;background-position:center;background-color:#000;background-repeat:no-repeat}.index .banner .flex-control-nav{bottom:40px}.index .banner .flex-control-paging li a{border-radius:0;width:20px;height:5px;background:rgba(255,255,255,.5)!important;-webkit-box-shadow:none!important;-o-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.index .banner .flex-control-paging li a.flex-active,.index .banner .flex-control-paging li a:hover{background:#fff!important}.index .uibases-container h2{text-align:center;margin-top:40px;margin-bottom:20px}.index .uibases-container h2 em{display:block;font-size:36px;font-weight:300;font-family:Lato;text-transform:uppercase}.index .uibases-container h2 em span{border-bottom:1px solid #000;color:#000;display:inline-block;padding-bottom:10px;margin-bottom:10px}.bg-gray{background:#f8fafb}.index .products{overflow:hidden;padding:60px 0}.index .products .list{margin:0 -20px;margin-top:40px}.index .products .list .item{float:left;width:20%;padding:20px}.index .products .list .item .h{text-align:center;padding:10px 0;position:relative}.index .products .list .item .h .lt{position:absolute;left:0;top:0;border-left:1px solid #ccc;border-top:1px solid #ccc;width:10px;height:10px}.index .products .list .item .h .bt{position:absolute;right:0;bottom:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;width:10px;height:10px}.index .products .list .item .h .icon{width:40%;margin:0 auto}.index .products .list .item .h .icon img{width:100%}.index .products .list .item .h .name{font-family:Lato;font-size:40px;font-weight:300;line-height:57px;color:#000}.index .products .list .item .h .title{padding:0 20px;line-height:24px;font-size:14px;margin-top:10px;height:46px}.index .products .list .item .c{margin-top:20px}.index .products .list .item .c img{width:100%;border-radius:3px}.index .solutions{padding:40px 0 40px 0}.index .solutions .list{padding:40px 0}.index .solutions .list .item{float:left;width:25%;padding:30px 0}.index .solutions .list .item .icon{width:50%;margin:0 auto}.index .solutions .list .item .icon img{width:100%}.index .solutions .list .item .icon a{display:block;width:100%;height:100%;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.index .solutions .list .item .icon a:hover{-webkit-filter:brightness(100%) invert(50%);-moz-filter:brightness(100%) invert(50%);-o-filter:brightness(100%) invert(50%);filter:brightness(100%) invert(50%)}.index .solutions .list .item .name{text-align:center;margin-top:10px;font-size:14px;height:14px;line-height:14px;overflow:hidden}.index .news{padding:40px 0 60px 0}.index .news .list{margin:0 -10px}.index .news .list li{padding:10px;float:left;width:50%}.index .news .list li .image{width:100px;float:left;margin-right:15px}.index .news .list li .image img{width:100%}.index .news .list li dl{margin-left:115px}.index .news .list li dl dt a{font-size:14px;color:#000}.index .news .list li dl dd{color:#999;margin-top:5px;line-height:21px}.index .news .list li cite{font-style:normal;float:right;color:#999}.index .news .list li .border{background:#ddd;height:1px;clear:both;width:100%;margin-top:10px}.index .news .more{text-align:center;margin-top:20px}.index .news .more a{display:inline-block;padding:5px 10px;background:#46c3cf;color:#fff}body.index .cases{padding:40px 0 80px 0}body.index .cases .list{text-align:center;margin:20px -20px 0 -20px}body.index .cases .list .item{display:inline-block;height:70px;padding:20px}body.index .cases .list .item img{height:100%}.categories{text-align:center;line-height:60px;background:#f8fafb}.categories a{display:inline-block;padding:0 10px}body.solution h3.smy{font-size:12px;color:#999;margin-top:5px;font-weight:400}body.solution .body{padding:40px 0}body.solution .content h3{margin-top:40px;font-size:14px}body.solution .content h4{font-size:12px;font-weight:400;color:#999;margin-top:10px}body.solution .content .image{margin-top:20px}body.solution .content img{max-width:100%}body.product{background:#fff}body.product .category{padding:40px 0}body.product .category h1{font-size:24px;font-weight:400;color:#000}body.product .category h3{font-weight:400;color:#000;margin-top:5px}body.product .category .description{color:#999;margin-top:30px;font-size:14px}body.product .uibases-container.list{padding-bottom:40px}body.product .list .tab{text-align:center;margin:25px 0}body.product .list .tab li{display:inline-block}body.product .list .tab li a{display:inline-block;padding:0 20px}body.product .list .tab li a.active{color:#46c3cf}body.product .list .tab li a span{display:inline-block;font-size:16px;line-height:16px;font-family:Lato;font-weight:300;border-left:5px solid #ccc;padding-left:10px}body.product .list .tab li a.active span{border-left-color:#46c3cf}body.product .list .details{color:#666;display:none;transition:all .3s}body.product .list .details.active{display:block}body.product .list .details .panel{border-bottom:1px solid #eee;padding-bottom:40px;margin-bottom:40px}body.product .list .details h3{font-size:18px;font-weight:400;color:#000}body.product .list .details .item{line-height:24px;font-size:14px;margin-left:28px}body.product .list .details .item span{display:inline-block;margin-right:10px;color:#000}body.product a.book-button{display:inline-block;padding:10px 20px;background:#019af6;color:#fff;font-size:14px;border-radius:2px}body.cases .cases.list{padding:40px 0}body.cases .cases.list ul{margin:0 -20px}body.cases .cases.list ul li{float:left;width:20%;padding:20px}body.cases .cases.list ul li a{display:block;background:#fff;border-radius:3px;text-align:center}body.cases .cases.list ul li .image{padding:60px 30px 30px 30px;width:70%;margin:0 auto}body.cases .cases.list ul li .image img{width:100%}body.cases .cases.list ul li dl{padding:0 30px 40px 30px}body.cases .cases.list ul li dl dt{font-size:14px}body.cases .cases.list ul li dl dd{height:32px;overflow:hidden;color:#999;margin-top:10px}body.cases .cases.lists{padding:40px 0;background:#fff}body.cases .cases.lists ul{margin:0 -20px}body.cases .cases.lists ul li{float:left;width:25%;padding:20px}body.cases .cases.lists ul li a{display:block;text-align:center}body.cases .cases.lists ul li a .image img{width:100%}body.cases .cases.lists ul li dl{padding:0 30px 0 30px}body.cases .cases.lists ul li dl dt{font-size:14px;margin-top:10px}body.cases .cases.lists ul li dl dd{height:32px;overflow:hidden;color:#999;margin-top:10px}body.cases .cases.show{padding:40px 0}body.cases .cases.show h1{text-align:center;font-size:24px;font-weight:400;color:#000}body.cases .cases.show .title{margin-top:5px;text-align:center}body.cases .cases.show .banner img{width:100%;border-radius:3px}body.cases .cases.show .content{background:#fff;padding:20px 40px 40px 40px;border-radius:3px;margin-top:40px}body.cases .cases.show .content img{max-width:100%}body.cases .cases.show .content h3{font-size:16px;color:#000;margin-bottom:10px;margin-top:20px}body.cases .cases.show .content p{line-height:21px}body.cases .cases.show .content ol{padding-left:24px}body.cases .cases.show .content li{list-style:decimal;line-height:24px}body.cases .cases.show .content li p{margin:0;padding:0}body.services{background:#fff}body.services .services{padding:40px 0}body.services .services .list li{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px}body.services .services .list li dl{cursor:pointer}body.services .services .list li dl dt{font-size:14px;color:#000}body.services .services .list li dl dd{margin-top:5px}body.download{background:#fff}body.download .downloads{padding:40px 0}body.download .downloads .list li.st{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px}body.download .downloads .list li dl{cursor:pointer}body.download .downloads .list li dl dt{font-size:14px;color:#000}body.download .downloads .list li dl dd{margin-top:5px}body.download .downloads .list li .items{padding-top:10px;padding-left:24px}body.download .downloads .list li .items ul li{border-bottom:1px dotted #eee;margin-bottom:10px;padding-bottom:10px}body.download .downloads .list li .items ul li span.info{display:inline-block;float:right;margin-left:20px}body.news{background:#fff}body.news .news{padding:40px 0}body.news .news ul.list li{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px}body.news .news ul.list li .image{float:left;margin-right:20px;width:160px}body.news .news ul.list li .image img{width:100%;border-radius:2px}body.news .news ul.list li dt a{font-size:14px}body.news .news ul.list li dd{margin-top:10px}body.news .news ul.list li dd.summary{color:#999;line-height:21px}body.news .view h1{font-size:24px;color:#000;margin-bottom:10px;margin-top:20px}body.news .view .content{margin-top:20px}body.news .view .content h3{font-size:16px;color:#000;margin-top:20px}body.news .view .content img{max-width:100%}body.news .view .content p{line-height:21px;text-indent:24px;font-size:14px;line-height:24px}body.news .view .content ol{padding-left:24px}body.news .view .content li{list-style:decimal;line-height:24px}body.news .view .content li p{margin:0;padding:0}.uibases-container-fluid.support{background:#fff;padding:40px 0}.support .list h2{margin-bottom:20px}.support .list .content{font-size:14px}body.about{background:#fff}body.about .body{padding:40px 0}body.about h1{font-size:24px;color:#000;margin-bottom:20px}body.about .content h2{margin-top:40px;font-size:18px;color:#000}body.about .content h3{margin-top:20px;font-size:16px}body.about .content h4{font-size:14px;font-weight:400;color:#000;margin-top:10px;margin-left:24px}body.about .content h4+ol{margin-left:24px}body.about .content ol{padding-left:24px;margin-top:10px}body.about .content ol li{list-style:decimal;line-height:24px;font-size:14px}body.about .content li p{margin:0;padding:0}body.about .content .image{margin-top:20px}body.about .content img{max-width:100%}body.about .content .part{text-indent:28px;font-size:14px;margin-top:10px;line-height:24px}body.cooperation .channel,body.cooperation .partner{padding:40px 0}body.cooperation h3.title{text-align:center;font-size:24px}body.cooperation .partner.list{background:#fff}body.cooperation .partner{padding:40px 0 80px 0}body.cooperation .partner h3{margin-bottom:10px;text-align:center}body.cooperation .partner .list-item{text-align:center;margin:20px -20px 0 -20px}body.cooperation .partner .list-item .item{display:inline-block;height:70px;padding:20px}body.cooperation .partner .list-item .item img{height:100%}body.cooperation .channel .list{margin:0 -20px}body.cooperation .channel .list li{float:left;width:20%;padding:20px;text-align:center}body.cooperation .channel .list li img{width:100%}body.cooperation .channel .list li dl{padding:0 30px 0 30px}body.cooperation .channel .list li dl dt{font-size:14px;margin-top:10px}body.cooperation .channel .list li dl dd{height:32px;overflow:hidden;color:#999;margin-top:10px}.sidebar{padding-left:40px}.panel{margin-top:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.panel h4{font-size:14px;line-height:14px;color:#666}.panel .item{margin-top:10px}.panel .item .avatar{float:left;width:45px;height:45px;background:#eee;border-radius:25px;overflow:hidden;margin-right:15px}.panel .item .avatar img{width:100%;float:left}.panel .item dl{margin:0;font-size:12px;line-height:21px}.panel .item.diary{margin:10px -10px}.panel .item.diary:after{display:table;clear:both;content:"";zoom:1}.panel .item.diary .diary-item{float:left;width:25%;padding:10px;text-align:center}.panel .item.diary .diary-item .avatar{margin-right:0;float:none;margin:0 auto;width:100%;height:auto;border-radius:50%}.panel .item.diary .diary-item .username{margin-top:10px;line-height:12px;width:100%;height:12px;overflow:hidden}.bottom{background:#111;padding:40px 0}.bottom h3{font-size:14px;margin-bottom:10px;color:#46c3cf}.bottom h3 .flogo{font-size:36px;font-weight:100;color:#e0b988}.bottom .about{font-size:12px;color:#999;padding-right:20px}.bottom .col{padding-right:20px}.bottom li a{font-size:12px;color:#999;line-height:24px}.bottom li a:hover{color:#46c3cf}.bottom .phone{font-size:24px;color:#0098aa}.bottom .qrcode .item{display:inline-block;width:49%;height:140px}.bottom .qrcode .item img{width:82%}.bottom .images{text-align:center}.bottom .images .image{width:50%;margin:0 auto}.bottom .images .image img{width:100%}.footer{padding:25px;background:#000;color:#eee;text-align:center;font-size:12px}.page{padding:40px 0}.page .pagination{text-align:center}.page .pagination li{display:inline-block;margin:0 1px}.page .pagination li a,.page .pagination li span{display:block;background:#e5e5e5;border-radius:2px;padding:7px 15px;font-family:verdana}.page .pagination li span{background:#ccc;color:#999}.page .pagination li a:hover{background:#0098aa;color:#fff;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}@-webkit-keyframes tsup{from{-webkit-transform:translate3d(0,5px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes tsup{from{transform:translate3d(0,5px,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}.uibe-dialog-wrap{position:relative;z-index:9999}.uibe-dialog-cover{display:block;background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;left:0;top:0;z-index:995}.uibe-dialog{display:table;position:fixed;width:100%;height:100%;left:0;top:0;z-index:996}.uibe-dialog .cel{display:table-cell;vertical-align:middle;text-align:center}.uibe-dialog .dialog{transition:all .2s;transform:scale(.1);opacity:0;visibility:hidden}.uibe-dialog .dialog.message{padding:30px 60px;font-size:14px;background:#fff;border-radius:3px;margin:0 auto;display:inline-block;box-shadow:0 0 3px rgba(0,0,0,.3)}.uibe-dialog .dialog.dialog{display:inline-block;background:#fff;text-align:left;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.2)}.uibe-dialog .dialog.loading{margin:0 auto;display:inline-block;padding:25px 60px;background:#fff;border-radius:3px}.uibe-dialog .dialog.show{transform:scale(1);opacity:1;visibility:visible}.uibe-dialog .dialog .close{position:absolute;right:5px;top:5px;cursor:pointer}.uibe-dialog .dialog .close i{font-size:36px}.uibe-dialog .confirm{margin:0 auto;display:inline-block;background:#fff;border-radius:3px}.uibe-dialog .confirm .confirm-body{padding:30px 60px}.uibe-dialog .confirm .confirm-button a{display:inline-block;width:50%;padding:10px 0;border-top:1px solid #eee;font-size:12px;text-align:center}.uibe-dialog .confirm .confirm-button a.sure{color:#c20}.uibe-dialog .confirm .confirm-button a.cancel{color:#00bcd4}.uibe-dialog .confirm .confirm-button a~a{border-left:1px solid #eee}.uibe-dialog .form{display:inline-block;background:#fff;text-align:left;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.2);position:relative}.uibe-dialog .form>.title{font-size:14px;display:inline-block;line-height:14px;padding:20px 0 0 20px}.uibe-dialog .form .close{position:absolute;right:5px;top:5px;cursor:pointer}.uibe-dialog .form .close i{font-size:36px}.uibe-dialog .form .body{padding:30px 50px}.uibe-dialog .form>.button{display:table;text-align:center;width:100%}.uibe-dialog .form>.button .button{display:table-cell;padding:15px 0;border-top:1px solid #eee;font-size:14px}.uibe-dialog .form>.button .ye{color:#c20}.uibe-dialog .form>.button .no{color:#00bcd4}.uibe-dialog .form>.button .button~.button{border-left:1px solid #eee}.uibe-dialog .alert{display:inline-block;background:#fff;text-align:left;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.2);position:relative}.uibe-dialog .alert>.title{font-size:14px;display:inline-block;line-height:14px;padding:20px 0 0 20px}.uibe-dialog .alert .close{position:absolute;right:5px;top:5px;cursor:pointer}.uibe-dialog .alert .close i{font-size:36px}.uibe-dialog .alert .body{padding:30px 50px}.uibe-dialog .alert>.button{display:table;text-align:center;width:100%}.uibe-dialog .alert>.button .button{display:table-cell;padding:15px 0;border-top:1px solid #eee;font-size:14px}.uibe-dialog .alert>.button .ye{color:#00bcd4}.uibe-table{width:100%;font-size:12px;text-align:center;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.15)}.uibe-table tr th{padding:15px 10px;background:#ebeff3;border-top:2px solid #00bcd4}.uibe-table tr td{padding:10px}.uibe-table tbody tr.checked td{background-color:#fffbf4!important}.uibe-table tr td:last-child,.uibe-table tr th:last-child{padding-right:15px}.uibe-table tbody tr:nth-child(even) td{background-color:#f5f5f5}.uibe-table tbody tr.hover td{background:#fff1dc;transition:background .3s;-moz-transition:background .3s;-webkit-transition:background .3s;-o-transition:background .3s}.uibe-table tbody tr td.operate{text-align:right}.uibe-table tbody tr td.operate a{color:#fff}.uibe-table tbody tr td img.thumb{display:inherit;margin:10px;border-radius:2px}.uibe-table .button{height:20px;line-height:20px;display:inline-block;vertical-align:middle;padding:0 8px;border:none;background-color:#00bcd4;font-size:12px;color:#fff;margin-right:1px;border-radius:2px}.uibe-table .button a{display:block}.uibe-table .status-yes{font-size:24px;vertical-align:middle;display:inline-block;color:#00bfff}.uibe-table .status-no{font-size:24px;vertical-align:middle;display:inline-block;color:coral}.uibe-table .desc{width:400px;display:inline-block;vertical-align:top}.uibe-table .icon-logo{cursor:pointer;display:inline-block;vertical-align:middle;margin-right:3px;width:20px;height:20px;background:url(../images/icon_50.png) -15px -15px no-repeat;position:relative}.uibe-table .icon-logo img{display:none}.uibe-table .icon-logo:hover img{width:80px;display:block;z-index:4;height:80px;border:1px solid #d7d7d7;border-radius:2px;right:28px;top:-31px;position:absolute;max-width:inherit;max-height:inherit}.uibe-table .icon-logo:hover::before{content:"";z-index:3;position:absolute;top:6px;right:23px;border-left:5px solid #d7d7d7;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0}.uibe-table .icon-logo:hover::after{content:"";z-index:3;position:absolute;top:6px;right:25px;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0}.uibe-table .linkBlue{color:#0d154e;font-weight:700}.uibe-table-form{width:100%;font-size:12px}.uibe-table-form td{padding-bottom:20px}.uibe-table-form label{display:inline-block}.uibe-table-form label span.remark{font-size:12px;color:#999;float:right;padding-top:10px}.uibe-table-form label.full{width:100%}.uibe-table-form label span.title{font-size:14px;display:inline-block;padding:10px 0;line-height:12px;height:auto;position:relative}.uibe-table-form label span.title.important:after{display:block;position:absolute;width:40px;height:100%;content:"*";color:#c20;right:-25px;text-align:center;top:10px;font-size:18px}.uibe-table-form .input{border:1px solid #d5d5d5;box-shadow:0 0 1px rgba(0,0,0,.05) inset;font-size:12px;padding:12px;line-height:12px;display:block;width:100%}.uibe-table-form .input:focus{border-color:#1d9edc}.uibe-table-form .input.full{width:100%}.uibe-table-form label.radio{margin-right:20px}.uibe-table-form label.radio .name{padding-left:5px}.uibe-table-form .button{background:#00bcd4;font-size:14px;color:#fff;padding:10px 40px;border-radius:2px;border:0;outline:0;line-height:14px;cursor:pointer}.uibe-table-form .button span{display:inline-block;cursor:pointer}.uibe-table-form .button.org{background:#fb8a21}.uibe-table-form .button.file{position:relative}.uibe-table-form .button.file input{position:absolute;opacity:0;display:block;width:100%;height:100%;cursor:pointer;left:0;top:0}.uibe-table .uibe-checkbox input[type=checkbox]:checked+.check .icon::before{margin-left:-6.5px}a.button.disabled{background-color:#ccc;color:#909090!important}.uibe-select{position:relative;background-color:#fff;display:inline-block;vertical-align:top;cursor:pointer;height:41px;font-size:12px;width:100%;padding-right:40px}.uibe-select::before{content:"";position:absolute;top:0;left:0;border:1px solid #d7d7d7;width:100%;height:100%;z-index:3}.uibe-select::after{content:"";top:17px;right:12.5px;position:absolute;z-index:3;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0;border-top:5px solid #ccc}.uibe-select .select-text{-moz-user-select:none;-khtml-user-select:none;user-select:none;font-size:12px;cursor:pointer;width:100%;height:100%;border:none;padding:0 10px}.uibe-select .select{z-index:4;display:none;width:100%;background-color:#fff;position:absolute;top:100%;left:0;padding:6px 0;max-height:354px;overflow-y:auto;border:1px solid #dcdcdc;box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:tsup;animation-name:tsup}.uibe-select .select .option{position:relative;z-index:2;height:27px;line-height:27px;padding:0 18px;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uibe-select .select .option:hover{background-color:#f5f5f5}.uibe-select.focus{z-index:9999}.uibe-select.focus .select{display:block}.uibe-select.focus .select .list{padding-left:20px;position:relative}.uibe-select.focus .select .list::before{content:"";position:absolute;z-index:3;left:22px;top:0;height:100%;border-left:1px solid #e5e5e5}.uibe-select.focus .select .list:last-child::after{content:"";position:absolute;z-index:3;left:22px;bottom:0;height:13px;border-left:1px solid #fff}.uibe-select.focus .select .list .option::before{content:"";width:12px;border-bottom:1px solid #e5e5e5;position:absolute;left:2px;top:13px}.uibe-select-label{width:100%;padding-bottom:7px;position:relative;min-height:40px;display:inline-block;vertical-align:top}.uibe-select-label::before{content:"";position:absolute;top:0;left:0;border:1px solid #d7d7d7;width:100%;height:100%;z-index:3}.uibe-select-label ul li{display:inline-block;max-width:calc(100% - 16px);vertical-align:top;margin:8px 0 0 8px;position:relative;z-index:3}.uibe-select-label ul li.item{border:1px solid #dcdcdc;height:19px;padding:0 5px 0 6px;background-color:#f5f5f5;color:#666;font-size:12px}.uibe-select-label ul li.item .delete{font-size:26px;margin-left:-2px;cursor:pointer;color:#000;height:19px;line-height:19px;width:19px;display:inline-block;vertical-align:top}.uibe-select-label ul li .input{width:30px;border:none;height:19px;max-width:100%}.uibe-select-label .list{z-index:4;display:none;width:100%;background-color:#fff;position:absolute;top:100%;left:0;padding:6px 0;max-height:354px;overflow-y:auto;border:1px solid #dcdcdc;border-top:0}.uibe-select-label .list .option{cursor:pointer;position:relative;z-index:2;height:27px;line-height:27px;padding:0 18px;font-size:12px;color:#666}.uibe-select-label .list .option:hover{background-color:#f5f5f5}.uibe-select-label .list .option:hover::after{font-family:iconfont!important;content:"\e600";font-size:26px;font-weight:700;width:27px;height:27px;position:absolute;right:10px;top:0}.uibe-select-label.focus .list{display:block}.uibe-checkbox-label{height:30px;display:inline-block;vertical-align:top;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;user-select:none}.uibe-checkbox-label input[type=checkbox]{display:none}.uibe-checkbox-label .check{padding:0 10px;cursor:pointer;display:inline-block;font-size:12px;vertical-align:top;height:30px;line-height:30px;color:#999;border:1px solid #d7d7d7}.uibe-checkbox-label input[type=checkbox]:checked+.check{color:#00bcd4;border-color:#00bcd4}.uibe-checkbox-text{display:inline-block;cursor:pointer;vertical-align:top;height:16px;line-height:16px;font-size:12px;-moz-user-select:none;-khtml-user-select:none;user-select:none}.uibe-checkbox-text input[type=checkbox]{display:none}.uibe-checkbox-text .check .icon{width:16px;height:16px;display:inline-block;vertical-align:top;border:1px solid #b8b7b7}.uibe-checkbox-text input[type=checkbox]:checked+.check .icon::before{content:"\e600";display:inline-block;vertical-align:top;width:14px;font-weight:400;height:14px;line-height:16px;font-size:20px;margin-left:-6px}.uibe-checkbox-text input[type=checkbox]:checked+.check .icon{color:#00bcd4;border-color:#00bcd4}.uibe-checkbox{display:inline-block;cursor:pointer;vertical-align:middle;height:16px;line-height:16px;font-size:12px;-moz-user-select:none;-khtml-user-select:none;user-select:none}.uibe-checkbox input[type=checkbox]{display:none}.uibe-checkbox .check .icon{width:16px;height:16px;display:inline-block;vertical-align:top;border:1px solid #b8b7b7}.uibe-checkbox .check .text{display:inline-block;vertical-align:top;height:16px;line-height:16px}.uibe-checkbox input[type=checkbox]:checked+.check .icon{border-color:#00b7ee}.uibe-checkbox input[type=checkbox]:checked+.check .icon::before{content:"\e600";color:#00b7ee;display:inline-block;vertical-align:top;width:14px;font-weight:400;height:14px;line-height:16px;font-size:20px;margin-left:-3.5px}.uibe-checkbox input[type=checkbox]:checked+.check{color:#00b7ee}.uibe-checkbox-circle{position:relative;display:inline-block;cursor:pointer;vertical-align:top;height:16px;line-height:16px;font-size:12px;width:80px;height:35px}.uibe-checkbox-circle input[type=checkbox]{display:none}.uibe-checkbox-circle .check{width:100%;height:100%;border-radius:35px;background-color:#d7d7d7}.uibe-checkbox-circle .check::before{content:"";transition:all .2s;-webkit-transition:all .2s;transform:scale(1);-webkit-transform:scale(1);width:100%;height:100%;position:absolute;left:0;top:0;border-radius:35px;background-color:#d7d7d7}.uibe-checkbox-circle .check::after{content:"";transition:all .3s;-webkit-transition:all .3s;width:31px;height:31px;position:absolute;left:2px;top:2px;border-radius:31px;background-color:#fff}.uibe-checkbox-circle input[type=checkbox]:checked+.check{background-color:#00b7ee}.uibe-checkbox-circle input[type=checkbox]:checked+.check::before{transform:scale(0);-webkit-transform:scale(0)}.uibe-checkbox-circle input[type=checkbox]:checked+.check::after{transform:translateX(45px);-webkit-transform:translateX(45px)}.uibe-radio{display:inline-block;cursor:pointer;vertical-align:top;height:18px;line-height:18px;font-size:12px;-moz-user-select:none;-khtml-user-select:none;user-select:none;margin-right:20px}.uibe-radio input[type=radio]{display:none}.uibe-radio .check .text{display:inline-block;vertical-align:top;height:16px;line-height:16px}.uibe-radio .check .icon{position:relative;width:18px;height:18px;border-radius:9px;display:inline-block;vertical-align:top;border:1px solid #b8b7b7;margin-right:5px}.uibe-radio .check .icon::before{content:"";transition:all .2s;-webkit-transition:all .2s;width:18px;height:18px;border-radius:100%;position:absolute;top:-1px;left:-1px;transform:scale(0);-webkit-transform:scale(0);border:9px solid #00b7ee}.uibe-radio input[type=radio]:checked+.check .icon::before{transform:scale(1);-webkit-transform:scale(1);border:4px solid #00b7ee}.uibe-radio input[type=radio]:checked+.check{color:#00b7ee}.submit{text-align:center}.submit button{background:#00bcd4;font-size:14px;color:#fff;padding:10px 40px;border-radius:2px;border:0;outline:0}@-webkit-keyframes tsup{from{-webkit-transform:translate3d(0,30px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes tsup{from{transform:translate3d(0,30px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.uibe-uploader-container .preview{margin-top:20px}.uploaded-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uploaded-container .image{display:table;width:120px;float:left;background-color:#f5f5f5;margin:0 15px 15px 0;position:relative}.uploaded-container .image.active::before{content:"";width:100%;height:100%;position:absolute;z-index:2;top:-2px;left:-2px;border:2px solid #c20000;box-sizing:initial;-webkit-box-sizing:initial}.uploaded-container .theSite{display:table;float:left;background-color:#f5f5f5;margin:0 15px 15px 0;width:120px;height:120px;border:1px dashed #c20000}.uploaded-container .image .cell{display:table-cell;width:120px;height:120px;vertical-align:middle;text-align:center;position:relative;cursor:-webkit-grab;-webkit-user-select:none;-moz-user-select:none;z-index:3}.uploaded-container .iconfont{z-index:5;position:absolute;left:5px;top:5px;z-index:10;width:20px;height:20px;background-color:rgba(0,0,0,.5);cursor:pointer;color:#fff;text-align:center;line-height:20px;border-radius:2px;display:none;font-size:12px;font-weight:700}.uploaded-container .iconfont.remove{left:30px}.uploaded-container .iconfont.magnify{left:55px}.uploaded-container .image:hover .iconfont{display:block}.uploaded-container .image .iconfont:hover::after{content:attr(title);position:absolute;width:auto;padding:0 5px;border-radius:2px;height:20px;line-height:20px;background-color:rgba(0,0,0,.7);color:#fff;bottom:120%;right:-100%;white-space:nowrap;font-size:12px}.uploaded-container .image .iconfont.setThumb:hover::after{right:-160%}.uploaded-container .image .cell img{vertical-align:middle;max-width:100%;max-height:100%}.upload-hint,.upload-loading,.uploaded-container .image .cell .upload-progress{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);left:0;top:0}.uploaded-container .image .cell .upload-progress .upload-progress-ba{background-color:rgba(255,255,255,.1);height:4px;width:80%;top:50%;margin:-2px auto 0 auto;border-radius:2px;overflow:hidden;position:absolute;left:0;right:0}.uploaded-container .image .cell .upload-progress .upload-progress-ba .upload-progress-bc{background-color:#c20;width:1%;height:4px;position:absolute}.uploaded-container .error .error{position:absolute;width:100%;height:100%;background-color:#c02;left:0;top:0;color:#fff}.upload-loading .loading-icon{display:block;position:relative;width:30px;height:30px;border-radius:15px;margin:0 auto;border:1px solid transparent;border-top-color:#fff;-webkit-animation:spin 2s ease infinite;animation:spin 2s ease infinite;z-index:1001;top:50%;margin-top:-15px}.upload-loading .loading-icon:before{content:"";position:absolute;top:-1px;left:0;right:0;bottom:0;border-radius:45px;border:1px solid transparent;border-top-color:#fff;-webkit-animation:spin 3s ease infinite;animation:spin 3s ease infinite}.upload-loading .loading-icon:after{content:"";position:absolute;top:-1px;left:0;right:0;bottom:0;border-radius:45px;border:1px solid transparent;border-top-color:#fff;-webkit-animation:spin 1.5s ease infinite;animation:spin 1.5s ease infinite}.upload-hint p{padding:5px 0;background:#c01700;font-size:10px;color:#fff}.upload-button{background-color:#fff;float:left}.upload-button{border:1px solid #ccc;display:inline-block;line-height:120px;width:120px;height:120px;font-size:24px;color:#999;text-align:center;cursor:pointer;overflow:hidden;position:relative}.upload-button:hover{border-color:#aaa;color:#000}.upload-button.loading{font-size:1rem;border:0;cursor:default}.upload-button input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.imgPreviewFull{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.5);text-align:center}.imgPreviewFull::before{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}.imgPreviewFull img{max-width:70%;max-height:80%;display:inline-block;vertical-align:middle}.imgPreviewFull .close{width:40px;height:40px;position:absolute;top:20px;right:20px;text-align:center;line-height:40px;font-size:28px;color:#fff;cursor:pointer}.imgPreviewFull .loadding{width:40px;height:40px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;display:inline-block;vertical-align:middle;-webkit-animation:rotateLoad 1s ease infinite;animation:rotateLoad 1s ease infinite}@-webkit-keyframes rotateLoad{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(360deg)}}@keyframes rotateLoad{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}100%{-webkit-transform:rotate(360deg);transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform:rotate(360deg)}}