@charset "utf-8";
/* CSS Document */
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.modal{top:auto !important;bottom:auto !important;}
.modal-dialog{padding:0!important;}
html,body, div, p,dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td ,a ,select ,option{margin:0;padding:0;}
li{list-style:none;}
a img{border:0px;}
html{ _overflow:hidden;overflow-auto;}
html,body{width:100%;height:100%;font:14px/170% Microsoft Yahei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
body{background:#ffffff;}
address, caption, cite, code, dfn, em, th, var,i{font-style:normal;font-weight:normal;}
a{outline: none; text-decoration:none;color:#434343;font:12px/170% Microsoft Yahei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;cursor:pointer;}
a:focus{outline:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
/****=reset end***/
.clear{clear:both;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height: 0;height:0;}
input, button, textarea, select {font-family:inherit;outline:none;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
* html,* html body{  
_background-image:url(about:blank);    /* 修正IE6振动bug 用浏览器空白页面作为背景 */  
_background-attachment:fixed; /* 确保滚动条滚动时，元素不闪动 */  }  
.yipa_welfare{width:100%;height:100%;padding-top:30px;padding-bottom:110px;background: url(../../yiPaImg/bigBg.jpg) center 0 no-repeat;text-align:center;background-size: 100% 100%;}
.yipa_welfare span,.iconTop i, .iconDown i,.iconDown b,.toTop .icon{display:inline-block;}
.buildIcon{width:1000px;height:598px;background: url(../../yiPaImg/buildIcon.png) no-repeat;}
.yipa_welfare b{width:452px;height:186px;padding-top:312px;background: url(../../yiPaImg/fadeInLogo.png) center 0 no-repeat;position: absolute;top:50%;left:50%;margin-top:-249px;margin-left:-226px;opacity:0;filter:alpha(opacity=0);}
#buttonA{width:158px;height:44px;cursor:pointer;line-height:42px;color:#ffffff;font-size:18px;border-radius:4px;border:1px solid #ffffff;display:inline-block;}
#buttonA:hover{background:url(../../yiPaImg/iconMap.png) -1074px -830px no-repeat;}      
#regLogin{visibility:hidden;border-radius:6px;background: #fff;width:332px;padding:0 24px;height:420px;position:absolute;top:50%;left:50%;margin-top:-210px;margin-left:-190px;}
.close{display:inline-block;position:absolute;left:100%;top:-18px;width:24px;height:24px;background:url(../../yiPaImg/iconMap.png) -1142px -728px no-repeat;}
#regLogin p{margin-top:-42px;width:332px;height:50px;border-bottom:1px solid #194f6e;margin-bottom:50px;}
#regLogin p a{ cursor:pointer;display:inline-block;width:102px;line-height:47px;text-align: center;font-size:16px;color:#333;}
.a_active{border-bottom:3px solid #ca3d32;}
#regLogin em{display:inline-block;width:74px;height:84px;margin-top:-42px;margin-left:129px;}
#regLogin ul li{width:332px;position:absolute;top:100px;z-index:1;background:#ffffff;height:320px;}
.show{z-index:100!important;}
#regLogin ul li input{width:288px;padding: 6px 6px 6px 36px;height:26px;line-heihgt:26px;border:1px solid #ccc;margin-bottom:14px; }
#regLogin span{display:inline-block;position:absolute;left:10px;height:38px;width:30px;background:url(../../yiPaImg/iconMap.png) no-repeat;}
#regLogin span.user{background-position:-1035px 10px;}
#regLogin span.password{background-position:-1035px -82px;}
#regLogin span.validCode,#regLogin span.rePassword{background-position:-1035px -50px;}
#regLogin span.number{background-position:-1035px -20px;}
input.btn{-webkit-appearance:none;background:url(../../yiPaImg/iconMap.png) -1027px -291px no-repeat;}
input::-webkit-input-placeholder {color: #ccc !important;font-family: "微软雅黑", "Helvetica Neue", sans-serif, SimHei;}
#validIpt,.valid_code{width:159px!important;float: left;}
.login_valid_img{display:inline-block;width:120px;height:39px;margin-left:7px;}
.login_valid_img img{width:100%; height:100%;}
.validImg{float: right;display:inline-block;width:110px;height:38px;background:url(../../yiPaImg/iconMap.png) -1098px -560px no-repeat;}
#regLogin ul li input.btn{cursor:pointer;padding:0px;width:250px;height:47px;box-shadow:2px 1px 2px rgba(0, 0, 0, 0.1);line-height:47px;color:#ffffff;font-size:18px;border-radius:6px;display:block;margin:36px auto 0;}
.btn:hover{background-position-y:-421px;}
.regBtn{margin-top:20px;}
.loginBtn{margin-top:36px;}
.app_service{width:100%;height:1250px;background: url(../../yiPaImg/blockBg.jpg) center 0 no-repeat;text-align:center;}
.scienceSupport{width:100%;height:500px;margin-bottom:-50px;background:url(../../yiPaImg/scienceBg.jpg) center 0px no-repeat;}
.customMade{width:100%;height:1060px;background: url(../../yiPaImg/reverseBg.jpg) center 50px no-repeat;}
.partner{width:100%;padding-top:168px;height:552px;background:url(../../yiPaImg/business.jpg) center 50px no-repeat;}
.app_service .logo{margin-top:-128px;}
.downIcon {display:none;}
.app_service .txt{margin-top:90px;}
.left{float:left;}
.right{float:right;}
.mLeft26{margin-left:26px;}
.mBot90{margin-bottom:90px;}
.mTop48{margin-top:48px;}
.mobiles .phones{width:998px;margin:0 auto; }
.mobiles li{width:184px;height:250px;padding:35px 10px 65px;background: url(../../yiPaImg/iconMap.png);}
.phones .container{width: 184px;height:250px;position: relative;overflow: hidden;}
li.m1{background-position: 0px -554px;}
li.m2{background-position: -230px -554px;}
li.m3{background-position: -568px -554px;}
li.m4{background-position: -796px -554px;}
.mobiles .brackets{display: inline-block;width:100%;height:76px;background: url(../../yiPaImg/bracket.png) center bottom no-repeat;margin-top:-40px;}
.container .coverTop{display:inline-block;width:184px;height:125px;background:#000000;opacity:0.4;filter:alpha(opacity=40);position: absolute;left:0;top:-200px;}
.container .iconTit{width:184px;height:125px;background:#000000;opacity:0.4;filter:alpha(opacity=40);position: absolute;left:0;bottom:-200px;}
.wrapper{position: absolute;width:82px;height:78px;left:50%;top:50%;margin-left:-41px;margin-top:-39px;opacity:0;filter:alpha(opacity=0);}
.wrapper h2{font-size: 20px;color:#fff;}
.wrapper i{display: inline-block;width:50px;height:46px;background:url(../../yiPaImg/iconMap.png) no-repeat;}
i.stay{background-position: -566px 0px;}
i.vedio{background-position: -444px 4px;}
i.recharge{background-position: -763px 10px;}
i.telephone{background-position: -666px 2px;}
.menu_yipa{width:890px;margin:44px auto 60px;}
.txtContainer{width:650px;margin:100px auto;}
.txtContainer p{line-height: 26px;text-align: left;}
.txtContainer li.left{color:#ffffff;}
.txtContainer li.right{color:#333333;}
.promotionImg{width:890px;margin:0 auto;font-size: 0;}
.promotionImg li{display:inline-block;opacity:0;margin:0 20px;padding:90px;border-radius: 50%;background: url(../../yiPaImg/iconMap.png);}
li.c1{background-position: -1px -340px;}
li.c2{background-position: -233px -340px;}
li.c3{background-position: -590px -340px;}
li.c4{background-position: -809px -340px;}
.txtContainer h1{font-size: 20px;margin:0px auto 20px;background:url(../../yiPaImg/titleIcon.png) no-repeat; width:158px;padding-left:16px;height:48px;}
.txtContainer h1.pLeft10{padding-left:10px;}
h1.t1{background-position: 0 0;}
h1.t2{background-position: 0 -48px;}
h1.t3{background-position: 0 -96px;}
h1.t4{background-position: 0 -144px;}
.partnerImg{margin:30px auto;height:240px;width:998px;background:url(../../yiPaImg/iconMap.png) 0 -90px;}
.partner i{display: inline-block;height:54px;width:358px;background: url(../../yiPaImg/iconMap.png) 0 0;}
        /*donghua*/
        * {
            -webkit-transform: all 1s;
            -ms-transform: all 1s;
            -o-transform: all 1s;
            transform: all 1s;

            /*animation-name: colorchange; /**这里引用了前面定义的动画**/
            -webkit-animation-duration: 2s;
            -o-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: ease-in;
            -o-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            -webkit-animation-delay: 0s;
            -o-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-direction: normal;
            -o-animation-direction: normal;
            animation-direction: normal;/* normal：默认，从0%执行到100% | reverse：动画从100%执行到0% | alternate：动画在0%到100%之间往复执行|alternate-reverse与alternate一致，不过是从100%开始 */
            -webkit-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;



        }

        @keyframes rotateIn {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;

            }
            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }


        .rotate0 {
            -webkit-animation-name: rotateIn;
            animation-name: rotateIn;
        }
        @keyframes rotateInDownLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }

        .rotate1 {
            -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft;
        }

        @-webkit-keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }
        @-webkit-keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }

        @keyframes rotateInDownRight {
            0% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }

        .rotate2 {
            -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight;
        }
        @-webkit-keyframes rotateInUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }

        @keyframes rotateInUpLeft {
            0% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }

            100% {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: none;
                transform: none;
                opacity: 1;
            }
        }

        .rotate3 {
            -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft;
        }
 @keyframes moveUp{
            from{transform: translateY(20px);}
            to{transform: translateY(0);}
        }
.downIcon{-moz-animation: moveUp 2s infinite;-ms-animation: moveUp 2s infinite;-webkit-animation: moveUp 2s infinite;-o-animation: moveUp 2s infinite;animation: moveUp 2s infinite;position: relative;top:-200px;}
/*footer*/
.web_foot{/*height:50px; line-height:50px;   */padding:10px 0;bottom:0 ;width:84.4%; padding-right:89px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;box-sizing: border-box;position: fixed;z-index:100;}
.web_foot .copy_txt{  font-size:12px; color:#999999;  text-align:center;  }
.web_foot a{color:#999999;display:inline-block;}
.web_foot a img{display:inline-block;}
.index_foot{
   /*  bottom:54px; */
   bottom:6px;
}
.foot .web_foot{
	width:100%;
	padding-right:0;
}
.footer {min-width:1200px;height:43px;line-height:43px;text-align: center;background: #333333;font-size: 12px;color: #ffffff;}
.footer a {color: #ffffff;}
.footer a:hover{text-decoration: underline;}
.footer img {width: 16px;height: 16px;vertical-align: -3px;}
.pTop240{padding-top:240px;}
.mobiles .txtArea{width:814px;height:92px;padding:30px 0 80px; line-height: 34px;font-size:18px;margin:0 auto;text-align: left;}
.txtArea p.left{color:#333333;}
.txtArea p.right{color:#ffffff;}  
.mTop80{margin-top:80px;}             
.footerfloat{width:100%;position:fixed;left:0;bottom:0;z-index:100;}
.toTop{cursor:pointer;display:none;top:60%;left: 50%;margin-left:610px;position: fixed;z-index:1005;}
.toTop .icon{width:40px;height:25px; background:url(../../yiPaImg/iconMap.png) -1144px -163px;}

.yipa_welfare .jhhf-back{background: url(../../yiPaImg/JfadeInLogo.png) center 0 no-repeat!important}
#regLogin .jhhf-sLogo{background:url(../../yiPaImg/jhhf_logo.png) no-repeat!important;background-size: cover!important}
.jiHe {
	display: block;
	margin: auto;
}
.jhhf-itance{
	margin: 180px auto 60px!important;
}

.menu_yipa.clearfix.jhhf-itance{text-align:center;}



/*转让*/
.exchange_head{
	background:#333333;
	text-align:left;
	height:50px;
}
.exchange_head{
    background:#333333;
    font-size:0;
}

.exchange_head .exchange_logo {
    display: inline-block;
    margin-left: 16.2%;
    width: 14.9%;
    padding:10px 0;
}
.exchange_head .exchange_logo img{
    width:100%;
    vertical-align:middle;
}


.exchange_head .exhange_top_right{
    display:inline-block;
    float: right;
    margin-right:20%;
    padding:10px 0;
}
.exchange_head .record_wrap:before{
	content:"";
	height:20px;
	opacity:0;
	position:absolute;
	top:-20px;
	width:100%;
	left:0;
	
}
.exchange_head .record_wrap{
    position:absolute;
    top:50px;
    left:66%;
    width:18.2%;
    padding:0 7px;
    background:#333333;
    z-index: 100;
    display: none;
}

.exchange_head .record_wrap .record_list{
    padding-bottom:20px;
  
}
.exchange_head .record_wrap .record_list .record_txt{
    font-size:12px;
    color:#DDDDDD;
    display:inline-block;
    vertical-align:middle;
}
.exchange_head .record_wrap .record_list .record_time{
	width:70%;
}
.exchange_head .record_wrap .record_list .record_status{
	width:30%;
	text-align:right;
}
.exchange_head .record_wrap .record_list .record_item_content{
    
}
.exchange_head .record_wrap .record_list li{
    border-bottom:1px solid #DDDDDD;
    padding-bottom:7px;
    padding-top:7px;
}


.exhange_top_right .exchange_record:hover .record_wrap{
    display: block;
}
.exchange_head .exchange_record {
    display:inline-block;
    vertical-align: middle;
    margin-right:34px;
}
.exchange_head .exchange_record a{
    font-size:14px;
    color:#fff;
}
.exchange_head .exchange_exit{
    display:inline-block;
    vertical-align: middle;
}

.exchange_head .exchange_exit>a{
	display:inline-block;
	vertical-align:middle;
}

.exchange_head  .exit_wrap{
    position: absolute;
    background:#333333;
    width:5.21%;
    text-align: center;
    z-index: 100;
    display: none;
}
.exchange_head  .exit_wrap .exit_link{
    display: block;
    font-size:12px;
    color:#BEBEBE;
    padding:12px 0;

}

.exchange_head .exchange_exit:hover  .exit_wrap{
    display: block;
}

.bg_exchange_content{
    position: absolute;
    top:40px;
    width:100%;
    z-index:-1;
    font-size:0;
    

}
.bg_exchange_content img{
    width:100%;
    height:100%;
    display:block;
}

.exchange_content_box{
    width:40.6%;
    padding-top:5%;
    margin:0 auto 0;
}

.exchange_content_box .exchange_img{
    width:100%;
}
.exchange_content_box .exchange_img img{
    width:100%;
}
.exchange_content_box .form_box{
    margin:15% auto 0;
    width:57.6%;
}
.exchange_content_box .form_box input{
    border:0;
    margin-bottom:20px;
    border:1px solid rgba(255,255,255,1);
    border-radius:4px;
    text-indent:10%;
    color:#fff;
}
.exchange_content_box .form_box input:-moz-placeholder{
    color:#fff;
}

.exchange_content_box .form_box  input::-webkit-input-placeholder{
    color:#fff;
}

.exchange_content_box .form_box .inp{
	 width:100%;
	 height: 36px;
	 line-height:36px;
     background:url("../../yiPaImg/bg_input.png") repeat;
}
.exchange_content_box .form_box .inp_valid_code{
    width: 68.6%;
    height: 36px;
    line-height:36px;
    background:url("../../yiPaImg/bg_input.png") repeat;
    display:inline-block;
    vertical-align:top;
}

.exchange_content_box .form_box  .valid_img{
    display:inline-block;
    width:28.35%;
    vertical-align:top;
    height:36px;
}

.exchange_content_box .form_box  .valid_img img{
	width:100%;
	height:100%;
}

.exchange_content_box .form_box .next_btn{
    width:100%;
    background:#D08D52;
    border-radius:20px;
    height:36px;
    text-indent: 0;
    border:0;
    margin-top:20px;
}

/*沃福利pc端卡券兑换*/


.card_form_box{
    width:90%;
    text-align:left;
}

.card_form_box .card_inp_box{
    margin-bottom: 20px;
    line-height: 36px;
    text-align:left;
}

.card_form_box .card_inp_box .lab{
    font-size:13px;
    color:#ffffff;
    display:inline-block;
    width:30%;
    text-align: right;
    margin-right:15px;
}
.card_form_box .card_inp_box .inp_txt{
    font-size:13px;
    color:#ffffff;
    
}

.card_form_box .card_inp_box .face_val{
	font-style: normal;
}

.card_form_box .card_inp_box .red{
    color:#FF2525;
    font-style: normal;
    margin-right:5px;
}

.card_form_box .card_inp_box  .inp{
    border:0;
    border:1px solid rgba(255,255,255,1);
    border-radius:4px;
    text-indent:6%;
    height: 36px;
    background:rgba(255,255,255,0.3);
    color:#fff;
    width:55.6%;
}
.card_form_box .card_inp_box .inp::-webkit-input-placeholder{
    color:#fff;
}
.card_form_box .card_inp_box .inp:-moz-placeholder{
    color:#fff;
}
.card_form_box .card_inp_box .contact_tip{
    font-size:12px;
    color:#ffffff;
    margin-left:34%;
    margin-top:15px;
}
.card_form_box .card_btn_group{
    width:70.6%;
    margin:0 auto;
    padding-top:10%;
}
.card_form_box .card_btn_group .btn_tip{
    font-size:13px;
    color:#ffffff;
    margin-bottom:20px;
    padding-left:20px;
}

.card_form_box .card_btn_group .exchange_submit_btn{
    width:100%;
    border:0;
    font-size: 16px;
    color:#ffffff;
    height:40px;
    background:#D08D52;
    border-radius:20px;
    letter-spacing: 4px;
}

.wfl_foot{
    margin-top:80px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size:12px;
}
.form-group{
	display: block;
    overflow: hidden;
}
/*话费充值*/
.recharge_content{margin:40px auto;width:1200px;}
.recharge_section{padding-left:40px;margin-bottom:45px;}
.recharge_section .lab{font-size:12px;color:#000;display:inline-block;width:100px;text-align:left;}
.recharge_section .operator_item{display:inline-block;width:146px;margin-right:10px;border:1px solid #DADADA;border-radius:9px;text-align:center;}
.recharge_section .operator_item.active{border:1px solid #F04647;}
.recharge_section .operator_item img{width:auto;height:42px;margin:14px auto;}
.recharge_section .face_item{display:inline-block;width:146px;height:48px;line-height:48px;text-align:center;margin-right:10px;border-radius:9px;border:1px solid #DADADA;}
.recharge_section .face_item.active{border:1px solid #F04647;}
.recharge_section .face_item>p{font-size:15px;color:#000;font-weihgt:bold;}
.recharge_section .recharge_inp{width:223px;padding-left:20px;border:1px solid #AEAEAE;background:#EDEDED;border-radius:6px;height:29px;line-heihgt:29px;}
.btn_group{margin-top:100px;text-align:center;}
.btn_group .recharge_btn{margin:0 auto;width:426px;padding:0;background:#FE894B;text-align:center;color:#fff;font-weight:bold;font-size:15px;border-radius:9px;border:none;height:48px;line-height:48px;}
.btn_group .recharge_btn:hover,.btn_group .recharge_btn:focus{color:#fff;}	
/*滴滴代驾*/
.didilab{
	width:60px !important;
	text-align:right !important;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	line-height: 32px;
}
.js_save{
	width:298px !important;
	height:46px !important;
	line-height:46px !important;
	background:#FDA340 !important;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}
.didiform .recharge_section{
	margin-bottom:32px;
}
.didiform{
	width:900px;
	margin:auto;
	taxt-align:center !important;
}
.meter_wrap{
	display:inline-block;
	width:750px;
}
.meter_item.active{
	border: 2px solid #F04647 !important;
}
.meter_item{
	width:200px;
	height:126px;
	position:relative;
	overflow:hidden;
	line-height:126px;
	float:left;
	margin-right:34px !important;
	margin-bottom:20px !important;
}
.recharge_section div.meter_item:nth-child(3n){
	margin-right:0;
}
.clear{
	clear:both;
}
.didibtn_group{
		margin-top:32px;
		text-align:left;
		padding-left:100px!important;
}
.didi_textarea{
width: 468px;
height: 88px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #D9D9D9;
font-size: 14px;
font-weight: 400;
color: #000000;
text-align:left;
}
.sku_name{
	position:absolute;
	top:19px;
	right:7px;
	width:18px;
	font-size: 16px !important;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
	text-shadow: 0px 2px 2px rgba(202, 94, 0, 0.77);
}
.meter_item .km{
width:100%;
height:100%;
text-align:center;
line-height:126px !important;
padding-right:32px;
font-size: 40px;
font-weight: 900;
color: #FFFFFF;
line-height: 56px;
text-shadow: 0px 2px 2px rgba(202, 94, 0, 0.5);
}
#shortUrlDeadline{
	display: inline-block;
    vertical-align: top;
	color: #000000;
}
.add-on{
	height:34px;
	width:30px;
	line-height:25px;
	background:#eee;
	display:inline-block;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.input-append.date .add-on .app_icon_calendar{
	display:inline-block;
	vertical-align: middle;
}

.icon-calendar:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	background:url("../../images/calendar_icon.png") no-repeat center;
	background-size:100% 100%;
	margin-top:6px;
}
.meter_item img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.didi_inp{
	width:468px;
	height:32px;
	line-height:32px;
	padding-left:12px;
	box-sizing:border-box;
	font-size: 14px;
	font-weight: 400;
	color:#000;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}
.didileft{
	float:left;
}