jcloud-ui-modules/lib/ui.css

/* buttons  greenBtn*/
.greenBtn_v1,.greenBtn_v2,.greenBtn_v3,.greenBtn_v4{display: inline-block;border-radius: 3px;text-align: center;background:#5fd2b5;color:#fff;}
.greenBtn_v1:hover,.greenBtn_v2:hover,.greenBtn_v3:hover{background: #4dddc0;color: #fff;}
.greenBtn_v1,.greenBtn_v1:hover{width: 88px;height: 38px;line-height: 38px;}
.greenBtn_v2,.greenBtn_v2:hover{min-width: 50px;padding:0 10px;height: 32px;line-height: 32px; vertical-align: middle;}
.greenBtn_v3,.greenBtn_v3:hover{width: 48px;height: 26px;line-height: 26px;}
.greenBtn_v4,.greenBtn_v4:hover{background: #f4f4f4;color: #999;width: 88px;height: 32px;line-height: 32px;cursor: not-allowed;}
.greenBtn-disabled{color:#666;background:#ccc;cursor:not-allowed;}
.greenBtn-disabled:hover{color:#666;background:#ccc;}

/* buttons whiteBtn*/
.whiteBtn_v1,.whiteBtn_v2,.whiteBtn_v3,.whiteBtn_v4,.refresh{display: inline-block;border-radius: 3px;text-align: center;background:#fff;color:#666;border:1px solid #dde5eb;}
.whiteBtn_v1:hover,.whiteBtn_v2:hover,.whiteBtn_v3:hover{background: #4dddc0;color: #fff;border:1px solid #4dddc0;}
.whiteBtn_v1,.whiteBtn_v1:hover{width: 86px;height: 36px;line-height: 36px;}
.whiteBtn_v2,.whiteBtn_v2:hover,.refresh{width: 68px;height: 30px;line-height: 30px;vertical-align: middle;}
.whiteBtn_v3,.whiteBtn_v3:hover{width: 46px;height: 24px;line-height: 24px;}
.whiteBtn_v4{background: #f4f4f4;color: #999;border:none;height: 32px;line-height: 32px;}

/* specialBtn 特殊按钮*/
.specialBtn{height:38px; line-height:38px; padding:0 15px;display: inline-block; background:#51d2b7; color:#fff;}
.specialBtn:hover{color:#fff; background:#4dddc0;}
.specialBtn-disabled{color:#666;background:#ccc;cursor:not-allowed;}
.specialBtn-disabled:hover{color:#666;background:#ccc;}

/*标题切换*/
.buildTab{border:1px solid #dbe3e9;height:44px;background:#fff;position:relative;}
.buildTab li{text-align:center;line-height:44px;color:#2aafff;float:left;cursor:pointer;min-width:98px;}
.buildTab li.hover{background:#ebf1f5;border-left:1px solid #dbe3e9;border-top:2px solid #51d2b7;border-right:1px solid #dbe3e9;font-size:14px;color:#4e515e;position:relative;z-index:10;margin-left:-1px;margin-top:-1px;}
.buildTab li p{padding:0 10px;}
.buildBox{border:1px solid #dae2e8;border-top:0;border-radius:0 0 5px 5px;background:#fff;position:relative;}
.infoBox{min-height:120px;}
.infoBox .info-detail{overflow:hidden;}
.detail-alerm{background:#ebf1f5;padding:15px;line-height:30px;color:#666; border-bottom:1px solid #dae2e8;}

/*标签类*/
.choice{height:30px;padding-top:1px;float:left;}
.choice.fr{float:right;}
.choice span{float:left;position:relative;margin-left:-1px;min-width:46px;height:28px;background:#fff; border:1px solid #e7e7e7;cursor:pointer;text-align:center;line-height:28px;font-size:12px;letter-spacing:normal;word-spacing:normal;padding:0 12px;}
.choice span.hover{z-index:5;background:#51d2b7;border-color: #51d2b7;color:#fff;}
.choice span.not{cursor:not-allowed; background:#f1f1f1; color:#999;}
.local-choice{border-color:#dbe3e9;}
.local-choice span{background:#fff; border-color:#dbe3e9;}
.local-choice span.hover{background:#96a0bd; color:#fff; border-color:#dde5ea; left:0;}

/*标题*/
.indexTit{padding:10px 18px;background:#d6dde1; min-height:25px; position:relative;}
.indexTit h2{font-size:16px;color:#000;line-height:26px;}
.indexTit::after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.adrIcon,.menuIcon,.titIcon,.percentIcon{background:url(../img/icon.png) no-repeat}
.titIcon{width:14px;height:14px;background-position:-45px 0;display:inline-block;vertical-align:-1px;margin-right:6px;}
.goback{display:inline-block; width:22px; height:16px; background:url(../img/inner-icons.png) no-repeat -100px -325px; vertical-align:-2px;}
.i42{width:2px;height:21px;font-size:0;overflow:hidden;background-position:-25px -75px;margin:0 7px;}
.check,.radio,.i11,.i12,.i13,.i14,.i15,.i16,.i17,.i18,.i28,.i31,.i38,.i41,.i42,.i43,.i25,.i26,.i27,.i33,.i44,.i32,.i45,.i46,.i47,.i61{background:url(../img/inner-icons.png) no-repeat;display:inline-block;vertical-align:middle;}
.status{float:left;padding-left:30px;}
.status li{float:left;margin-right:12px;line-height:26px;}
.i17{width:16px;height:16px;background-position:-150px 0;}
.i25,.i26,.i27{width:10px;height:10px;margin-right:5px;}
.i25{background-position:-100px -25px;}
.i26{background-position:-125px -25px;}
.i27{background-position:-150px -25px;}
.i31{width:20px;height:20px;background-position:0 -50px;}
.i33{width:18px;height:10px;background-position:-50px -50px;position:absolute;right:10px;top:24px;display:none;z-index:11;}
.i42{width:2px;height:21px;font-size:0;overflow:hidden;background-position:-25px -75px;margin:0 7px;}
.i43{width:25px;height:25px;background-position:-50px -75px;display:block;margin-top:2px;}
.i45{background-position:-100px -75px;}
.i11,.i12,.i13,.i14,.i15,.i16,.i45,.i46,.i47,.i61{width:18px;height:16px;margin:0 5px;cursor:pointer;}
.i41{width:16px;height:16px;background-position:0 -75px;margin-left:6px;cursor:pointer;}
.i32{width:14px;height:14px;cursor:pointer;background-position:-25px -50px;margin-left:5px;}
.i45-grey{background-position:-150px -100px; cursor: not-allowed;}

.btn-outer{width:125px; height:40px; position:absolute; top:10px; right:15px;}
.btn-outer .i43{float:right;}
.btn-outer:hover .detailDrop,.btn-outer:hover .i33{display:block;}
.detailDrop{position:absolute;top:31px;right:0;width:122px;padding:10px 0;border:1px solid #dde5ea;box-shadow:0 0 3px #d2dae2;background:#fff;display:none;z-index:10;}
.detailDrop li{height:29px;line-height:28px;text-indent:12px;margin:2px 0;}
.detailDrop li a{display:block;}
.detailDrop li a:hover{background:#249cfa;border-left:1px solid #249cfa;border-right:1px solid #249cfa;color:#fff;position:relative;left:-1px;}
.line-title{line-height:24px;font-size:14px; position:relative; padding-left:15px; font-weight: 600;}
.line-title:before{content:'';display:block; position:absolute; left:0; top:4px; width:2px; height:18px; background:#51d2b7; overflow:hidden;}

/*tip*/
.tip{padding:5px 10px; border:1px solid #51d2b7; background:#fbfffe; color:#51d2b7;}
.tip-warning{padding:5px 10px; border:1px solid #e15a5f; background:#fff2f4; color:#e15a5f;}
.tip-earlyWarning{padding:5px 10px; border:1px solid #fab418; background:#fffdf6; color:#666;}
.tips-icon{display:inline-block; position:relative; width:14px; height:14px; background:url(../img/inner-icons.png) no-repeat -75px -275px; margin-left:5px; vertical-align:-4px;}
.tips-text{display:inline-block;position:relative;}
.tips-text b{color:#2aafff;font-weight:normal;}
.tips-icon:hover,.tips-icon.hover{background-position:-75px -275px;}
.tips-con{display:none; position:absolute; right:0; top:16px; width:120px; padding:5px; border:1px solid #ccc; background:#fff; line-height:20px; color:#666; font-size:12px;}
.tips-icon:hover .tips-con,.tips-icon.hover .tips-con,.tips-text:hover .tips-con,.tips-text.hover .tips-con{display:inline-block;}
.visit-con{right:auto; left:0; top:14px; width:206px;font-weight:500;text-align:left;}
.visit-con.visit-con-special{ width: 220px;} /* 宽度调整样式自行修改覆盖，依次类推*/

/*步骤提示*/
.buildStep{height:31px;width:100%;background:#ccc;}
.buildStep li{width:33.33%;line-height:31px;text-align:center;color:#fff;float:left;}
.buildStep li.bg1{background:#51d2b7 url(../img/stepArrow.jpg) no-repeat right 0;}
.buildStep li.bg2{background:#ccc url(../img/stepArrow.jpg) no-repeat right -31px;}
.buildStep li.bg3{background:#51d2b7 url(../img/stepArrow.jpg) no-repeat right -62px;}
.buildStep li.bg4{background:#51d2b7;}

/*字号*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f24{font-size:24px;}

/*字色*/
.ff0{color:#ff0000;}
.gold-yellow{color:#ff9600;}
.purple{color:#ad65bb;}
.black{color:#000;}
.gray{color:#333;}
.dark-grey{color:#666;}
.light-grey{color:#999;}
.blueLink{color:#2aafff;}
.org{color:#ff9600;}
.green{color:#51d2b7;}
.yellow{color:#fed74c;}
.red{color:#de6464;}
/*背景色*/
.bg-red{background:#ff0000;}
.bg-ff0{background:#ff0000;}
.bg-yellow{background:#ff9600;}
.bg-purple{background:#ad65bb;}
.bg-black{background:#000;}
.bg-gray{background:#333;}
.bg-dark-grey{background:#666;}
.bg-light-grey{background:#999;}
.bg-blueLink{background:#2aafff;}
.price{font-size:24px;line-height:30px;}

/*表格*/
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
.conBox{border:1px solid #dce4ea;}
.innerBox{border:1px solid #fff;border-bottom:none; background:#ebf1f5;}
.btnDiv{padding:8px 10px;}
.listTable{width:100%;border-top:1px solid #dde5eb;background:#fff;}
.listTable th,.listTable td{padding:10px;line-height:20px;}
.listTable th{font-size:14px;border-bottom:1px solid #dde5eb;font-weight:600; background: #f3f7fb;}
.listTable td{color:#666;border-bottom:1px solid #dde5eb;}
.listTable td.noborder{border-bottom:0;}
.listTable tr:last-child td{border-bottom:0;}
.table-layout{table-layout:fixed;}
.trGray{background:#f3f7fb;}
.trHover,.trSelect{background:#f9f8e8;}
.checkDiv{display:inline-block;width:3%; padding-left:10px;}
.trGray{background:#f3f7fb;}
.trHover,.trSelect{background:#f9f8e8;}
.operation .blueLink{margin: 0 5px;}
.grayLink{display:inline-block; margin:0 5px; color:#999; cursor:not-allowed;}
.grayLink:hover{color:#999;}
.botDiv{border-top: 1px solid #dde5eb;padding:8px 0;background:#f3f7fb;}
.botDiv .pages{padding-top:0;}
.botDiv .pages .gobutton{margin-right:10px;}
.more{display:inline-block;padding:0 14px;background:#fff;text-align:center;position:relative;border:1px solid #dee6eb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer; z-index: 10;}
.more-text{display:inline-block;position:relative;min-width:40px;height:32px;line-height:32px;text-align:left;color:#666;}
.more-text:after{content:'';position:absolute;right:0;top:13px;width:0;height:0;border-style:solid;border-width:0 4px 4px 4px;border-color:transparent transparent #666 transparent;}
.more-list{display:none;position:absolute;z-index:10;left:-1px;bottom:32px;text-align:left;border:1px solid #e7e7e7;background:#fff;}
.more-list a{display:block;padding:0 10px;min-width:68px;height:30px;line-height:30px;color:#333;}
.more-list a:hover{background:#2aafff;color:#fff;}
.more:hover .more-list{display:block;}
.more:hover .more-text:after{border-width:4px 4px 0 4px;border-color:#666 transparent transparent transparent;}
.more-list .li-disabled a,.more-list .li-disabled a:hover{color:#ccc;background:#fff;cursor: not-allowed;}

/*实线表格*/
.popTable{width:100%;border:1px solid #e7e7e7;}
.popTable th,.popTable td{border:1px solid #e7e7e7;padding:4px;line-height:25px;}
.popTable th,.tblHeader th{padding:0 4px;line-height:38px;background:#f4f4f4;color:#000;}
.popTable .trGray{background:#f4f4f4;}
.popTable .trSelect,.popTable .trHover{background:#f9f8e9;}

/*进度*/
.progress{width:34px;height:5px;background:#e8e8e8;border-radius:2px;line-height:5px;font-size:0;overflow:hidden;display:inline-block;text-align:left; vertical-align: 2px;}
.blueIn{background:#2fb1ff;}
.yellowIn{background:#fed74c;}
.redIn{background:#de6464;}
.blueIn,.yellowIn,.redIn{height:5px;display:inline-block;overflow:hidden;}

/*添加删除*/
.add-row{line-height:30px; padding-bottom:10px;}
.add-row .inputMode{vertical-align:baseline;}
.delIcon{width:16px;height:16px;display:inline-block;vertical-align:middle;background:url(../img/inner-icons.png) no-repeat -125px -125px;cursor:pointer;margin:0 6px;}
.addGray .i45{background-position:-150px -100px;cursor:default;}
.addGray .blueLink{color:#aaa;cursor:default;}

/*输入框*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc;}
.inputMode{width:390px;padding:0 5px;border:1px solid #e7e7e7;height:28px;line-height:28px; vertical-align:middle;}
.inputMode:focus{border-color:#2aafff;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);color:#333;}
.inputMode:disabled{background:#f1f1f1;border-color:#e7e7e7;cursor:not-allowed !important;}

/*复选框*/
.check,.radio{width:18px;height:18px; vertical-align:text-top;cursor:pointer;}
.check{background-position:0 -25px;}
.checked{background-position:-25px -25px;}
.check-no{background-position:-25px -425px; cursor:not-allowed;}
.checked-no{background-position:0 -425px; cursor:not-allowed;}

/*单选*/
.radio{background-position:-50px -25px;}
.radio-check{background-position:-75px -25px;}
.radio-no{background-position:-75px -425px; cursor:not-allowed;}
.radio-check-no{background-position:-50px -425px; cursor:not-allowed;}

/*开关*/
.switch{width:50px;height:21px;background:url(../img/inner-icons.png) no-repeat 0 -175px;display:inline-block;vertical-align:middle;cursor:pointer;}
.off{background-position:-50px -175px;}

/*时间滑动条*/
.timebg_slider{width:510px;height:30px;background:url(../img/timebg_slider.png) no-repeat;zoom:1;}
.timebg_slider .ui-slider{width:500px;height:30px;z-index:10;}
.timebg_slider .ui-widget-header{height:30px;background:url(../img/time_slider.png) no-repeat;}
.time-tip{width:121px;height:24px;padding:10px 3px 3px;background:url(../img/time-tip.png) no-repeat;text-align:center;line-height:24px;color:#ff4200;position:absolute;top:41px;right:45px;display:none;}
.position{position:relative;}
.time-tip2{right:0;}
.ui-slider{position:relative;width:300px;height:30px}
.ui-widget-header{position:absolute;top:0;left:0px;height:30px;background:url(../img/slider.png) repeat-x}
.ui-slider .ui-slider-handle{position:absolute;top:-4px;z-index:2;width:12px;height:38px;background:url(../img/icon_slider.png) no-repeat}
.slide-txt{width:510px;line-height:1px;font-size:12px;margin-top:-15px;}
.slide-txt span{display:inline-block;width:46px;z-index:11;position:relative;text-align:center;}
.slide-txt span.cur{color:#fff;}
.slide-txt span.now{width:36px;padding-left:10px;text-align:left;}
.slide-txt span.now::after{color:white;content:"个月";font-size:12px;left:16px;line-height:1px;position:absolute;top:0px;transform:scale(0.8,0.8)}
.bg_slider{display:inline-block;*display:inline;width:310px;height:30px;margin-right:5px;background:url(../img/bg_slider1.png) no-repeat;zoom:1;vertical-align:middle;}
.w30{width:30px;text-align:center;}
.stepText{width:310px;line-height:18px;padding-top:5px;}
.stepText::after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}

/*新版时间滑动条*/
.time-slide{position:relative;}
.time-choose li{float:left; margin:-1px 0 0 -1px; width:50px; height:28px;background: #fff; line-height:28px; text-align:center; cursor:pointer;border:1px solid #dbe3e9;}
.time-choose li i{display:inline-block; width:15px; height:14px; background:url(../img/gift.png) no-repeat; margin-right:3px; vertical-align:-2px;}
.time-choose li.cur:after{display:inline-block; margin-left:3px; content:"个月"; font-size:8px; color:#fff; line-height:24px;}
.time-choose li.sel:after{display:none;}
.time-choose li.sel,.time-choose li.cur,.time-choose li:hover{color:#fff;background:#5fd2b5;}
.time-choose li:nth-child(10).cur:after,.time-choose li:nth-child(11):after{display:none;}
.time-slide .time-tipA{left:380px; top:30px;}
.time-slide .time-tipB{left:432px; top:30px;}

/*数量加减*/
.numInput{width:37px;height:28px;line-height:28px;border:1px solid #b8b8b8;text-align:center;vertical-align:middle;}
.reduce,.plus{width:23px;height:28px;border:1px solid #e7e7e7;line-height:28px;display:inline-block;vertical-align:middle;cursor:pointer;}
.reduce{border-right:0;background:#f1f1f1 url(../img/inner-icons.png) no-repeat -150px -121px;}
.plus{border-left:0;background:#f1f1f1 url(../img/inner-icons.png) no-repeat 0 -146px}
.reduce.no{background-position:-175px -121px;cursor:not-allowed;}
.plus.no{background-position:-25px -146px;cursor:not-allowed;}


.new-tips{color:#999;line-height:16px;line-height: 22px;}
.new-tips.red{color:#ff0000;}
.itxt-error{border:1px solid #ff0000;}
.itxt-error:focus{border-color:#ff0000;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,0,0,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(255,0,0,.3);}

/*下拉框*/
.select-box{position:relative;}
.dropdown-btn{cursor:pointer;width:390px;padding-left:10px;height:28px;line-height:28px;border:1px solid #e7e7e7;position:relative;background:#fff;}
.select-value{display:block;max-width: 380px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.dropdown-btn .arr{position:absolute;top:10px;right:10px;width:8px;height:10px;display:block;background:url(../img/inner-icons.png) no-repeat -100px -50px;}*/
.dropdown-btn .arr{position:absolute;top:12px;right:10px;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#2aadff transparent transparent transparent;}
.dropdown-list{display: none;width:400px;position: absolute; top:29px; left:0; z-index:20; padding: 5px 0; text-align: left; background-color: #fff;border:1px solid #e7e7e7;max-height:150px;overflow-y:auto;} /*edit 20160322*/
.open .dropdown-list{display:block;}
.dropdown-list li{padding-top:0;}
.dropdown-list li a{padding:0 10px;display:block;color:#333;line-height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}/*edit20160818*/
.dropdown-list li a:hover{background:#2aafff;color:#fff;}
.dropdown-list .btn{display:block;width:121px;height:32px;line-height:32px;margin:12px 12px 7px 12px;background:#2aafff;color:#fff;text-align:center;border-radius:3px;}
.nochoice .dropdown-btn{background:#f1f1f1; color:#999;cursor:not-allowed;}
.nochoice .dropdown-btn .arr{border-top-color:#ccc;}
.nochoice .dropdown-list{display:none;}

/*Textarea*/
.textMode{width:398px;padding:5px;height:66px;border:1px solid #e7e7e7;line-height:22px;resize:none;vertical-align:middle; color:#333;}
.textMode:focus{border-color:#2aafff;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);color:#333;}
.textMode:disabled{border-color:#e7e7e7;background:#f1f1f1;cursor:not-allowed;}

/*搜索*/
.search-result{border-top:1px solid #e2e3e7; background:#fff; text-indent:10px;padding:6px 0; line-height:18px;}
/* search */
.searchBox{border:1px solid #e7e7e7;border-radius:5px;height:30px;line-height:30px;background:#fff;float:right;}
.searchInput{border:none;margin-left:10px;border-right:1px solid #e7e7e7;width:205px;height:30px;color:#ccc;}
.searchInput:focus{color:#333;outline:none;}
.searchBtn{width:38px;height:32px;padding-right:3px;border:none;display:inline-block;text-align:center;}

/*刷新*/
.refresh{width:34px;margin-right:10px; vertical-align: middle;}
.refresh:hover{background:#2aafff;}
.refresh:hover .i17{background-position:-75px -50px;}

/*更多 下拉*/
.data-relation .top .txt,.data-relation .bot-right .txt{position:absolute; left:45px; top:15px;}
.fold-txt{display:inline-block;color:#2aafff; margin-left:5px;}
.fold-txt .fold-wold{display:inline-block;position:relative;padding-right:13px;}
.fold-txt .fold-wold:after{content:'';position:absolute;top:8px;right:0;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#2aadff transparent transparent transparent;}
.fold-txt .fold-drop{top:18px;}
.fold-txt:hover{position:relative; z-index:10;}
.fold-txt:hover .fold-drop{display:block;}
.fold-txt i{display:inline-block;width:0;height:0; margin-left:3px;border-style:solid dashed dashed;border-width:5px;border-color: #2eacff transparent transparent transparent; vertical-align:-4px;}
.fold-txt:hover i{transform: rotate(180deg); vertical-align:2px;}
.fold-drop{position:absolute; right:0; top:16px; min-width:100px; background:#fff; border:1px solid #e7e7e7; display:none;}
.fold-drop li a{display:block; padding:0 5px; line-height:30px; text-align:left;}
.fold-drop li a:hover{background:#36aeff; color:#fff;}
.fold-drop .li-disabled a,.fold-drop .li-disabled a:hover{color:#999;background:#fff;cursor:not-allowed;}

.icon-status {display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height: 10px;width: 10px;}
.icon-stopped{background:#bc67e2;}
.icon-running{background: #64d1b5;  }
.icon-run{-webkit-animation:move ease-in-out 0.6s infinite alternate;
    -ms-animation:move ease-in-out 0.6s infinite alternate;
    -moz-animation:move ease-in-out 0.6s infinite alternate;
    -o-animation:move ease-in-out 0.6s infinite alternate;
    animation:move ease-in-out 0.6s infinite alternate;}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        opacity: .1
    }
}
@-ms-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        opacity: .1
    }
}
@-webkit-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        opacity: .1
    }
}

@-o-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        opacity: .1
    }
}

@keyframes move {
    0% {
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    100% {
        -moz-transform: scale(.7);
        -webkit-transform: scale(.7);
        opacity: .1
    }
}

/*排序*/
.sort{width:8px;height:10px;display:inline-block;margin-left:10px;background:url(../img/inner-icons.png) no-repeat -50px -125px;}
.sortUp{background-position:-75px -125px;}
.sortDown{background-position:-100px -125px;}
a.specialLink,a.specialLink:hover{color:#333;}

/*分页*/
.pay-div,.page-div,.static-page{width:100%;}
.pay-div .inner{padding:10px 13px; background:#fff; border:1px solid #dee6eb; overflow:hidden;}
.pay-div .inner p{text-align:right; float:right;}
.pay-div .greenBtn{width:120px; line-height:38px; font-size:14px;}
.page-div .pages,.static-page .pages{background:#f3f7fb;padding-bottom:10px; padding-right:13px; border-top:1px solid #dbe3e9;border-bottom:1px solid #dbe3e9;}
.pages{text-align:right;padding-top:11px;}
.pages a,.pages span{display:inline-block; min-width:18px; padding:0 6px; margin:0 2px; line-height:28px; text-align:center; border:1px solid #e7e7e7;background:#fff;}
.pages span.none{border:none;background:none;}
.pages span.current{background:#51d2b7;color:#fff;}
.pages a.prev,.pages a.next{color:#3faffc; font-family:'\5B8B\4F53'; font-weight:600; vertical-align: top;}
.pages a.prev.no,.pages a.next.no{color:#9d9d9d; cursor:default; background-color:#f1f1f1;}
.pages a:hover{background:#f2f2f2; color:#64d1b5;}
.pages a.firstpage i,.pages a.lastpage i{display:inline-block; width:9px; height:10px; background:url(../img/pages.png) no-repeat;}
.pages a.firstpage i{background-position:-25px 0;}
.pages a.lastpage i{background-position:-50px 0;}
.pages a.firstpage:hover i{background-position:-25px -25px;}
.pages a.lastpage:hover i{background-position:-50px -25px;}
.pages a.firstpage.no,.pages a.lastpage.no{cursor:default; background-color:#f1f1f1;}
.pages a.firstpage.no i{background-position:-25px -50px;}
.pages a.lastpage.no i{background-position:-50px -50px;}
.pages .pageinput{width:30px; height:28px; border:1px solid #e7e7e7; text-align:center; line-height:28px; margin:0 3px;}
.pages .gobutton{color:#44b2fc;}
.pages .txt{float:right; line-height:30px;}
.pages .new-sel-box{width:48px; height:28px; line-height:28px; float:right; text-align:left; background-color:#fff; margin:0 5px 0;}
.pages .new-sel-box:after{width:8px; height:4px;right:8px; top:12px; background:url(../img/pages.png) no-repeat;}
.new-sel-box{position:relative; width:160px; height:28px; border:1px solid #e7e7e7; line-height:28px; text-indent:10px;}
.new-sel-box.w50{width:50px;}
.new-sel-box:after{content:''; position:absolute; right:6px; top:10px; width:8px; height:10px; background:url(../img/inner-icons.png) no-repeat -100px -50px;}
.new-select{position:absolute; left:0; top:0; z-index:2; width:100%; height:30px; margin:0; opacity:0;}
.new-sel-box.dis-click{background:#f1f1f1;}
.new-sel-box.dis-click:after{background-position:-50px -300px;}
.sel-value{max-width:137px; overflow:hidden; text-overflow:ellipsis;}