/*Internet Explorer 10 并没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }  
/*Internet Explorer 10 并没有对 屏幕的宽度 和 视口（viewport）的宽度 进行区分 end*/
*{ margin:0; padding:0; border:0;/*-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;*/}
li{ list-style:none;}
em,i{font-style: normal;}
/*全局样式*/
input{outline:none}
/*= 清除浮动=*/
.clear{clear: both; height:0px; line-height:0px; font-size:0px; overflow:hidden;display: block;}
.clearfix:after { content: ""; display: block; height: 0px;  clear: both; visibility: hidden; font-size:0px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
*+html .clearfix {min-height: 0%;}
/* 针对IE7 */
* + html .clearfix {min-height:0%;}
.w100 {width: 100%;display: table;}
.fl {float: left;}
.fr {float: right;}
/*原文件配置*/
.w1200{ width:1200px; margin:0 auto;display: table;min-width: 1200px}
body {color:#333; font:14px/20px 'Microsoft YaHei', arial, sans-serif;}
a{ color:#333;text-decoration: none;}
a:hover{color: #f81968}

/*块级转化*/
.di_in{ display:inline-block;}
.di_no{ display:none;}
.di_bl{ display:block;}
/*原文件配置  end*/

/* 到顶部间距 */
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:50px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:50px;}
.mt60{ margin-top:60px;}

/* 到左边间距 */
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:25px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:35px;}
.ml45{ margin-left:35px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}

/*纵向居中*/
.v_middle{ vertical-align:middle;}
/*横向居中*/
.te-c{ text-align:center;}
.te-r{ text-align:right;}
/*相对定位*/
.p_r{ position:relative;}

.c999{color: #999}
.c666{color: #666}
.c000{color: #000}
.cf61{color: #f6156a}
/*头部*/
.head{height: 110px;width: 100%;background-color: #fff}
.head h1{font-weight: normal;}
.head h1 img{vertical-align: middle;margin-right:20px;}
.head em{font-style:italic;font-size: 18px;border-left: 1px #eeeeea solid;height: 50px;padding-left: 15px;line-height: 50px;}
.head h1 span{font-size: 20px;border-left: 1px #eeeeea solid;height: 50px;padding-left: 15px;line-height: 50px;}

.head .top-info{width: 280px;}
.head .top-info a{width: 90px;height: 35px;line-height: 35px;}
.head .top-info .login a:hover,.head .top-info .login .cur{background-color: #f81968;color: #fff}
.head .top-info .mobile{background: url(../images/mob.jpg) no-repeat 20px center;padding-left: 20px;width: 70px;}
.head .menu{width: 700px;}
.head .menu a{width: 100px;height: 38px;line-height: 38px;border-radius: 30px}
.head .menu a:hover,.head .menu .cur{background: #f81968;color: #fff}
/*菜单*/
.nav{width: 100%;height: 50px;line-height: 50px;background-color: #f81968;min-width: 1200px}
.nav a{width: 92px;color: #fff;font-size: 14px;}
.nav a:hover,.nav a.cur{background-color: #9c0f41}
/* banner */
.banner{ min-width:1200px;  position:relative;  height:540px; overflow:hidden;z-index: 9;background-color: #eeeeea}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:540px; }
.banner .bd li a{width: 100%;height: 540px;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom: 10px; right:10px;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; overflow:hidden; line-height:9999px;border-radius: 50%;background-color: #ccc;margin-left: 5px}
.banner .hd ul .on{background-color: #f81968;}

.top-reg{width: 350px;padding: 20px;position: absolute;background-color: #fff;height: 350px;right: 0px;top: 70px;z-index: 999;}
.top-reg h3{font-size: 20px;border-bottom: 1px #e9e9e9 solid;font-weight: normal;line-height: 30px;padding-bottom: 10px;}
.top-reg li{width: 100%;height: 35px;line-height: 35px;}
.top-reg li em{width: 70px;height: 35px;}
.top-reg li .txt{padding-left: 75px;}
.top-reg .submit{width: 100%;background: #f81968;height: 40px;line-height: 40px;color: #fff;font-size: 16px;font-family: 'Microsoft YaHei', arial, sans-serif;}

/*单选美化*/
.radio{display: inline-block;position: relative;line-height: 18px;margin-right: 10px;cursor: pointer;}
.radio input{display: none;}
.radio .radio-bg{display: inline-block;height: 16px; width: 16px;margin-right: 5px;padding: 0;background-color: #fff;border-radius: 100%;vertical-align: top;cursor: pointer;border:1px #edeeef solid;}
.radio .radio-on{display: none;}
.radio input:checked + span.radio-on{width: 10px;height: 10px;position: absolute;border-radius: 100%;background: #ff0066;top: 4px;left: 4px;display: inline-block;}

.radio1{display: inline-block;position: relative;line-height: 18px;margin-right: 10px;cursor: pointer;}
.radio1 input{display: none;}
.radio1 .radio-bg{display: inline-block;height: 16px; width: 16px;margin-right: 5px;padding: 0;background-color: #fff;vertical-align: top;cursor: pointer;border:1px #edeeef solid;}
.radio1 .radio-on{display: none;}
.radio1 input:checked + span.radio-on{width: 17px;height: 17px;position: absolute;background: #ff0066 url(../images/icon1.png) no-repeat center center;top: 0px;left: 0px;display: inline-block;}

.zcityGroup{*zoom:1;}
.zcityGroup:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.zcityGroup .zcityItem{position:relative;z-index:99;float:left;width:85px;margin-right: 10px}
.zcityGroup .zcityItem .zcityItem-head{border:1px solid #eee;position:relative;z-index:0;padding:0 25px 0 5px;background:#fff;}
.zcityGroup .zcityItem .zcityItem-head:before{content:'';display:block;width:6px;height:6px;top:50%;margin-top:-3px;position:absolute;z-index:0;right:5px;background:url(../images/ico-triangle-down.png) right center no-repeat;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.zcityGroup .zcityItem .zcityItem-head .currentValue{width:100%;display:block;height:30px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:none;background:#fff;padding:0;color: #999;font-family: 'Microsoft YaHei', arial, sans-serif;}
.zcityGroup .zcityItem .zcityItem-main{position:fixed;z-index:0;left:0;top:32px;width:100%;visibility:hidden;opacity:0;background:#fff;z-index: 99;}
.zcityGroup .zcityItem .zcityItem-main .cityContainer{height:200px;overflow-x:hidden;overflow-y:auto;border:1px solid #eee;z-index: 99999;}
.zcityGroup .zcityItem .zcityItem-main .citylist{}
.zcityGroup .zcityItem .zcityItem-main .cityTips,.zcityGroup .zcityItem .zcityItem-main .citylist .cityitem{padding:0 10px;display:block;height:32px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;}
.zcityGroup .zcityItem .zcityItem-main .cityTips:hover,.zcityGroup .zcityItem .zcityItem-main .citylist .cityitem:hover{background:#f5f5f5;}
.zcityGroup .zcityItem.on .zcityItem-main{visibility:visible;opacity:1;z-index: 99;color: #999;font-size: 14px;}
.zcityGroup .zcityItem.on .zcityItem-head:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

.data{height:30px;width:100%;}
.data select{display:none;}
.data .select_box{font-size:14px;color:#999999;line-height:30px;float:left;position:relative;}
.data .select_showbox{height:30px;border:1px solid #eee;position:relative;text-indent: 5px;margin-right: 10px;width:83px;}
.data .select_option{border-top:none;display:none;left:0px;top:30px;position:absolute;background:#fff;height:200px;overflow-x:hidden;overflow-y:auto;border:1px solid #eee;z-index: 99999;width: 85px}
.data .select_option li{text-indent:5px;width:100%;cursor:pointer;}
.data .select_showbox:before{content:'';display:block;width:6px;height:6px;top:50%;margin-top:-3px;position:absolute;z-index:0;right:5px;background:url(../images/ico-triangle-down.png) right center no-repeat;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.data .select_showbox.active:before{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}

/**/
.home-txt-box{border-bottom: 1px #eeeeea solid;width: 100%;display: table;padding-bottom: 35px;}
.home-txt-box .txt{height: 115px;border-right: 1px #eeeeea solid;padding: 0 15px}
.home-txt-box .txt:last-child{border-right: 0}
.home-txt-box .txt span{font-size: 42px;font-family: Arial}

/*服务*/
.service{}
.service .title,.choose .title,.successful .title,.love-box .title,.cert .title,.encou .title{width: 100%;display: table;min-width: 1200px}
.service .title h3,.choose .title h3,.successful .title h3,.love-box .title h3,.cert .title h3,.encou .title h3{font-size: 42px;font-weight:normal;font-family: Arial;text-transform: uppercase;line-height: 50px;}
.service .title em,.choose .title em,.successful .title em,.love-box .title em,.cert .title em,.encou .title em{font-size: 28px;line-height: 50px;}
.service .title p,.choose .title p,.successful .title p,.love-box .title p,.cert .title p,.encou .title p{font-size: 14px;}
.service li{width: 295px;height: 480px;background-color: #f6156a}
.service li img{width: 100%}
.service li .txt-box{padding-top: 80px;color: #fff}
.service li .txt-box h3{font-size: 22px;line-height: 40px;font-weight:normal;}
.service li .txt-box p{font-size: 12px;}
.service li .txt-box.icon1{background: url(../images/icon2.png) no-repeat center 20px;}
.service li .txt-box.icon2{background: url(../images/icon3.png) no-repeat center 20px;}
.service li .txt-box.icon3{background: url(../images/icon4.png) no-repeat center 20px;}
.service li .txt-box.icon4{background: url(../images/icon5.png) no-repeat center 20px;}

/**/
.choose{width: 100%;display: table;padding-bottom: 85px;background: #eeeeea;padding-top: 60px;}
.choose .slideTxtBox{ width:100%; display: table; }
.choose .slideTxtBox .hd{ height:30px; line-height:30px;  position:relative;width: 100% }
.choose .slideTxtBox .hd ul li{cursor:pointer;width: 80px;background:#fff;height: 30px;border-radius:20px;}
.choose .slideTxtBox .hd ul li.on{ background:#f81968;color: #fff}
.choose .slideTxtBox .bd .pic-box{width: 100%;display: table;}
.choose .slideTxtBox .bd .pic-box a{position: relative;}
.choose .slideTxtBox .bd .pic-box .box{width: 25%;height: 386px;overflow: hidden;}
.choose .slideTxtBox .bd .pic-box .img1{overflow: hidden;display: block;}
.choose .slideTxtBox .bd .pic-box .img1 img{width: 100%;height: 386px;}
.choose .slideTxtBox .bd .pic-box .img2 a{width: 50%;height: 193px;overflow: hidden;}
.choose .slideTxtBox .bd .pic-box .img2 img{width: 100%;height: 193px;}

.choose .slideTxtBox .bd .pic-box .summary1{width:100%;top:330px;left:0;position:absolute;background:#f81968;color:#fff;line-height: 40px;height: 40px;font-size: 14px;overflow: hidden;text-align: center;}




.successful{}
.successful .picScroll-left,.ser-successful .picScroll-left{ width:100%;position:relative; height: 380px;}
.successful .picScroll-left .prev,.ser-successful .picScroll-left .prev{ display:block;  width:30px; height:55px;overflow:hidden;cursor:pointer; background:url("../images/left.png") no-repeat;position: absolute;left: -80px;top: 130px;z-index: 99;}
.successful .picScroll-left .next,.ser-successful .picScroll-left .next{ display:block;  width:30px; height:55px;overflow:hidden;cursor:pointer; background:url("../images/right.png") no-repeat;position: absolute;right: -80px;top: 130px;z-index: 99;}

.successful .picScroll-left .bd,.ser-successful .picScroll-left .bd{ overflow:hidden;height: 380px;width: 100%}
.successful .picScroll-left .bd ul,.ser-successful .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.successful .picScroll-left .bd ul li,.ser-successful .picScroll-left .bd ul li{ margin:0 8px; _display:inline; overflow:hidden;height: 380px;width: 277px;}
.successful .picScroll-left .bd ul li .pic,.ser-successful .picScroll-left .bd ul li .pic{width: 277px;height: 277px;overflow: hidden;border-radius: 50%}
.successful .picScroll-left .bd ul li .pic img,.ser-successful .picScroll-left .bd ul li .pic img{ width:100%; height:277px; display:block;}
.successful .picScroll-left .bd ul li .title,.ser-successful .picScroll-left .bd ul li .title{ line-height:24px;font-size: 14px;}
.successful .picScroll-left .bd ul li .more,.ser-successful .picScroll-left .bd ul li .more{width: 100%;height: 35px;}
.successful .picScroll-left .bd ul li .more a,.ser-successful .picScroll-left .bd ul li .more a{width: 110px;height: 35px;background-color: #f81968;color: #fff;font-size: 12px;border-radius: 20px;line-height: 35px;}

.love-box{background-color: #eeeeea;width: 100%;display: table;padding-bottom: 45px;}


.love-box .picScroll{ width:100%;  overflow:hidden; position:relative;  }
.love-box .picScroll .hd{ overflow:hidden;  height:30px;}
.love-box .picScroll .hd ul li{ width:12px; height:12px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#ccc;border-radius: 50%;display: inline-block;}
.love-box .picScroll .hd ul li.on{ background-color: #f11666}
.love-box .picScroll .bd{}
.love-box .picScroll .bd ul li{ margin:0 8px; _display:inline; overflow:hidden;}
.love-box .picScroll .listimg{width:370px;height:230px;}
.love-box .picScroll .listimg img{width:370px;height:230px;}
.love-box .picScroll .summary{width:100%;top:230px;left:0;position:absolute;background:#f81968;color:#fff;line-height: 40px;height: 40px;font-size: 14px;overflow: hidden;}

.cert{}
.cert .box{height: 540px;background: url(../images/img13.jpg) no-repeat 150px center;padding-left: 650px;overflow: hidden;}
.cert .box a{border-radius: 40px;font-size: 20px;width: 320px;height: 70px;line-height: 70px;text-indent: 120px;}
.cert .box .ios{background: #fff url(../images/ios.png) no-repeat 65px center;border:2px #f81968 solid;color: #f81968;margin-top: 110px}
.cert .box .andr{background: #f81968 url(../images/andr.png) no-repeat 65px center;border:2px #f81968 solid;color: #fff;}
.cert .box .code{width: 320px}
.cert .box .code img{padding: 5px;border:1px #ccc solid;width: 180px;}

.encou{width: 100%;background-color: #eeeeea;display: table;padding-bottom: 50px;}
.encou .home-login{width: 100%;height: 65px;min-width: 1200px}
.encou .home-login a{width: 290px;height: 61px;line-height: 61px;border-radius: 35px;border:2px #f81968 solid;font-size: 20px;}
.encou .home-login .reg{background-color: #fff}
.encou .home-login .log{background: #f81968;color: #fff}

.link{border-bottom: 1px #eeeeea solid;width: 100%;display: table;padding-bottom: 30px;font-size: 14px;line-height: 26px;}
.link a{margin-right: 15px;}

.footer{width: 100%;display: table;}
.footer .f-nav a{line-height: 24px;margin:0 10px;font-size: 12px;}
.footer .txt-box{width: 100%;height: 52px}
.footer .txt-box .box{width: 220px;height: 52px;text-align: left;}
.footer .txt-box .box .txt{padding-left: 60px;}
.footer .txt-box .box h3{font-size: 16px;font-weight: normal;}
.footer .txt-box .box p{font-size: 14px;}
.footer .copy{font-size: 12px;line-height: 24px;}

/*服务中心*/
.banner-ser{width: 100%; min-width:1200px; height: 270px;background: url(../images/banner1.jpg) no-repeat center; color: #fff; overflow: hidden;}
.banner-ser h3{font-size: 30px;line-height: 50px;font-weight: normal;margin-top: 80px}
.banner-ser p{font-size: 18px;}
.banner-ser p span{font-size: 36px;}

.vip-box{width: 100%;height: 325px;overflow: hidden;padding-bottom: 60px;border-bottom: 1px #eeeeea solid;}
.vip-box .txt{padding-left: 510px;}
.vip-box .txt h3{font-size: 26px;border-bottom: 1px #eeeeea solid;height: 50px;line-height: 50px;}
.vip-box .txt p{font-size: 12px;line-height: 22px;}
.vip-box .txt p span{font-size: 14px;}
.vip-box .txt .more{width: 100%;height: }
.vip-box .txt .more a{background-color: #f81968;color: #fff;width: 350px;height: 50px;line-height: 50px;border-radius: 30px}

.vip-ser{width: 100%;display: table;}
.vip-ser .title,.ser-meb .title,.ser-successful .title,.ser-hong .title,.ser-center .title{font-size: 28px;}
.vip-ser .title em,.ser-meb .title em,.ser-successful .title em,.ser-hong .title em,.ser-center .title em{width: 70px;height: 2px;background-color: #f81968}
.vip-ser li{width: 20%;height: 245px;overflow: hidden;}

.ser-meb{width: 100%;display: table;padding-bottom: 85px;background: #eeeeea;padding-top: 60px;}

.ser-meb .slideTxtBox{}
.ser-meb .slideTxtBox .hd{ height:48px; line-height:48px;  position:relative;width: 100% }
.ser-meb .slideTxtBox .hd ul li{cursor:pointer;width: 215px;background:#fff;height: 48px;border-radius:30px;border:2px #f81968 solid;color: #f81968;font-size: 16px;}
.ser-meb .slideTxtBox .hd ul li.on{ background:#f81968;color: #fff}
.ser-meb .slideTxtBox .bd{width: 1208px;display: table;margin-left: -8px}
.ser-meb .slideTxtBox .bd li{width: 233px;height: 375px;overflow: hidden;background-color: #fff;margin-left: 8px;margin-bottom: 10px;}
.ser-meb .slideTxtBox .bd li img{width: 233px;height: 233px}
.ser-meb .slideTxtBox .bd li .txt-box{padding: 5px}
.ser-meb .slideTxtBox .bd li .txt-box h3{font-weight: normal;font-size: 16px;border-bottom: 1px #eeeeea solid;line-height: 24px;}
.ser-meb .slideTxtBox .bd li .txt-box h3 span{font-size: 12px;}
.ser-meb .slideTxtBox .bd li .txt-box p{font-size: 12px;line-height: 22px;}
.ser-meb .slideTxtBox .bd li .txt-box .ren{width: 100%;height: 35px;}
.ser-meb .slideTxtBox .bd li .txt-box .ren a{width: 110px;height: 33px;line-height: 33px;background: #f81968 url(../images/icon6.png) no-repeat 15px center;color: #fff;font-size: 12px;text-indent: 20px;border-radius: 20px}
.ser-meb .slideTxtBox .more{width: 100%;height: 50px}
.ser-meb .slideTxtBox .more a{width: 335px;height: 50px;line-height: 50px;background: #fff;color: #f81968;font-size: 16px;border-radius: 30px;border:2px #f81968 solid;}

.ser-hong{width: 100%;display: table;padding-bottom: 85px;background: #eeeeea;padding-top: 60px;}
.ser-hong ul{width: 1239px;margin-left: -39px}
.ser-hong li{width: 270px;height: 525px;overflow: hidden;background: #fff;margin-left: 39px}
.ser-hong li .pic{width: 100%;height: 378px;overflow: hidden;}
.ser-hong li .pic img{width: 100%;height: 378px;}
.ser-hong li .txt-box{padding: 5px;}
.ser-hong li .txt-box h3{font-weight: normal;font-size: 16px;line-height: 24px;border-bottom: 1px #eeeeea solid;}
.ser-hong li .txt-box h3 span{font-size: 12px;}
.ser-hong li .txt-box p{font-size: 12px;height: 44px;}
.ser-hong li .txt-box .more{width: 100%;height: 33px}
.ser-hong li .txt-box .more a{height: 33px;width: 110px;background-color: #f81968;color: #fff;border-radius: 25px;line-height: 33px;font-size: 12px;}

.ser-center{border-bottom: 10px #eee solid}
.ser-center ul{margin-left: -45px;width: 1245px;}
.ser-center li{width: 370px;height: 280px;margin-bottom: 20px;margin-left: 45px;}
.ser-center li img{width: 372px;height: 230px;}
.ser-center li p{line-height: 40px;}

/*注册*/
.reg-box{margin-bottom: 50px;}
.reg-box .r-con{background-color: #fff;display: table;width: 300px;padding-bottom: 30px;}
.reg-box .r-con h3{border-bottom: 1px #eeeeea solid;font-size: 16px;text-indent: 15px;font-weight: normal;line-height: 50px;}
.reg-box .r-con li{width: 114px;height: 150px;overflow: hidden;padding: 1px;border:1px #eeeeea solid;margin-left: 20px;margin-top: 20px}
.reg-box .r-con li img{width: 116px;height: 150px;}
.reg-box .r-con li .txt{position: absolute;width: 100%;height: 30px;line-height: 30px;color: #fff;font-size: 12px;background: rgba(0,0,0,0.5);z-index: 9;left: 0;bottom: 0}
.reg-box .r-con li .txt span{margin:0 10px;}
.reg-box .from{width: 880px;display: table;background-color: #fff;padding-bottom: 50px;}
.reg-box .from h3{background: url(../images/icon7.png) no-repeat 15px center;padding-left: 45px;font-size: 20px;font-weight: normal;line-height: 50px;height: 50px;border-bottom: 1px #eeeeea solid;}
.reg-box .from dl{padding: 0px 35px 50px 35px;border-bottom: 1px #eeeeea solid;}
.reg-box .from dl:last-child{border-bottom: 0}
.reg-box .from dd{width: 100%;height: 35px;line-height: 35px;}
.reg-box .from dd em{width: 95px;height: 35px;font-size: 14px;}
.reg-box .from dd .txt-box{padding-left: 110px;}
.reg-box .from dd .zcityGroup .zcityItem,.reg-box .data .select_showbox{width: 120px}
.reg-box .data .select_option{width: 120px}
.reg-box .from .txt{margin-left: 60px;font-size: 20px;line-height: 40px;}
.reg-box .from .input{border:1px #eeeeea solid;height: 33px;line-height: 33px;width: 250px}
.reg-box .from p{line-height: 20px;font-size: 12px;padding-left: 35px;}
.reg-box .from p a{color: #0a68bf}
.reg-box .from .submit{width: 340px;height: 40px;line-height: 40px;background-color: #f81968;color: #fff;font-family: 'Microsoft YaHei', arial, sans-serif;font-size: 16px;}

/*尺子*/
.slider-container {background-color: #dedede;padding:8px 30px 15px 30px;border:1px #c9c9c9 solid;}
.slider-container .back-bar {height: 10px;position: relative;}
.slider-container .back-bar .selected-bar {position: absolute;height: 100%;}
.slider-container .back-bar .pointer {position: absolute;width: 10px;height: 10px;background-color: red;cursor: col-resize;opacity: 1;z-index: 2;}
.slider-container .back-bar .pointer.last-active {z-index: 3;}
.slider-container .back-bar .pointer-label {position: absolute;top: -28px;font-size: 8px;background: #000;white-space: nowrap;line-height: 1;border-radius: 2px;padding: 2px 3px}
.slider-container .back-bar .pointer-label:after{content: 'cm'}
.slider-container .back-bar .pointer-label:before{content: '';width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 5px solid #000;position: absolute;bottom: -5px;left: 14px}
.slider-container .back-bar .focused {z-index: 10;}
.slider-container .clickable-dummy {cursor: pointer;position: absolute;width: 100%;height: 100%;z-index: 1;}
.slider-container .scale {top: 0px;position: relative;}
.slider-container .scale span {position: absolute;height: 8px;border-left: 1px solid #999;font-size: 0;}
.slider-container .scale ins {font-size: 1px;text-decoration: none;position: absolute;left: 12px;top: 2px;color: #333;line-height: 1;font-family: arial}
.slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer {cursor: auto;}
.theme-green .back-bar {height: 10px;background-color: #a0a0a0;background-image: -moz-linear-gradient(top, #757b7d, #a0a0a0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757b7d), to(#a0a0a0));background-image: -webkit-linear-gradient(top, #757b7d, #a0a0a0);background-image: -o-linear-gradient(top, #757b7d, #a0a0a0);background-image: linear-gradient(to bottom, #757b7d, #a0a0a0);background-repeat: repeat-x;position: relative;
}
.theme-green .back-bar .selected-bar {border-radius: 2px;background-color: #16b3e7;background-image: -moz-linear-gradient(top, #16b3e7, #1396c2);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#16b3e7), to(#1396c2));background-image: -webkit-linear-gradient(top, #16b3e7, #1396c2);background-image: -o-linear-gradient(top, #16b3e7, #1396c2);background-image: linear-gradient(to bottom, #16b3e7, #1396c2);background-repeat: repeat-x;}
.theme-green .back-bar .pointer {width: 8px;height: 20px;top: -5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #eaeaea;background-image: -moz-linear-gradient(top, #eaeaea, #696969);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#696969));background-image: -webkit-linear-gradient(top, #eaeaea, #696969);background-image: -o-linear-gradient(top, #eaeaea, #696969);background-image: linear-gradient(to bottom, #eaeaea, #696969);background-repeat: repeat-x;border-radius: 3px;border:1px #cccccc solid;}
.theme-green .back-bar .pointer-label {color: #fff;}
.theme-green .back-bar .focused {color: #fff;}
.theme-green .scale span {border-left: 1px solid #999999;}
.theme-green .scale ins {color: #999;}