/**
 * 
 * @authors Chengkebin (chengkb@cncn.net)
 * @date    2014-12-18 09:58:55
 * @version 1.0
 */
.xq-head-banner{background:#18b4ed; }
.xq-head{height: 45px;line-height: 45px;position: relative;}
.xq-head a{position: absolute;height: 45px;top: 5px;left: 0;padding:0 10px;display: block;}
.xq-head a img{width: 20px;}
.xq-head h1{text-align: center;color: #fff;font-size: 20px;font-weight: 100;height: 45px;line-height: 45px;}
.xq-banner img{width: 100%;}
.xq-nav{margin: 20px 15px 15px 15px;}
.xq-nav a{display: block;border-radius: 3px;padding: 20px;position: relative;}
.xq-nav a h5{color: #fff;font-size: 16px;font-weight: 100;}
.xq-nav a img{width: 45px;display:block;margin: auto;position: absolute;left: 0;right: 0;top: 45%;}
.xq-nav-1{flex: 1;-webkit-flex: 1;-webkit-box-flex:1;-moz-box-flex:1;margin-right: 5px;}
.xq-nav-2{flex: 1;-webkit-flex: 1;-webkit-box-flex:1;-moz-box-flex:1;margin-left: 5px;}
.xq-order{background:#fd6862; height: 270px;}
.xq-collect{background: #feb616;height: 145px;margin-bottom: 10px;}
.xq-me{background: #61acfd;height: 115px;}
.xq-myorder{margin: 10px;border:1px #ccc solid;background: #fff;color: #555;}
.xq-myorder-head{border-bottom: 1px #ccc solid;padding: 10px;overflow: hidden;}
.xq-myorder-main{padding: 10px;border-bottom: 1px #ccc solid;}
.xq-myorder-footer{padding:0 10px;overflow: hidden;height:45px;line-height: 45px;position: relative;}
.xq-myorder-head i{display: inline-block;height: 19px;width: 19px;margin: 3px 5px 0 0;vertical-align: middle;}
.xq-myorder-head i.xq-ic1{background: url(../img/m_detail/xq_icon1.png) no-repeat center;background-size: cover;}
.xq-myorder-head i.xq-ic2{background: url(../img/m_detail/xq_icon2.png) no-repeat center;background-size: cover;}
.xq-myorder-head i.xq-ic3{background: url(../img/m_detail/xq_icon3.png) no-repeat center;background-size: cover;}
.xq-myorder-head i.xq-ic4{background: url(../img/m_detail/xq_icon4.png) no-repeat center;background-size: cover;}
.xq-myorder-head i.xq-ic5{background: url(../img/m_detail/xq_icon5.png) no-repeat center;background-size: cover;}
.xq-myorder-head i.xq-ic6{background: url(../img/m_detail/xq_icon6.png) no-repeat center;background-size: cover;}
.xq-myorder-head i.xq-ic7{background: url(../img/m_detail/xq_icon7.png) no-repeat center;background-size: cover;}
.xq-myorder-head h5{display: inline-block;font-size: 16px;vertical-align: middle;font-weight: 100; line-height: 26px;}
.xq-myorder-head p{color: #fff;border-radius: 25px;float: right;padding: 5px 10px;font-size: 14px; line-height: 16px;}
.xq-order-head-tips1{background: #fc625c;}
.xq-order-head-tips2{background: #18b4ed;}
.xq-order-head-tips3{background: #2ecc71;}
.xq-order-head-tips4{background: #b5b5b5;}
.xq-myorder-main h3{font-size: 16px;color: #333;font-weight: normal;padding-bottom: 15px;}
.xq-myorder-main h3 a{color:#333;}
.xq-myorder-main p{color: #333;line-height: 1.5;font-size: 14px;}
.xq-myorder-main p em{color: #666;}
.xq-myorder-footer p{ font-size: 14px; }
.xq-myorder-footer p em{color:#ff6600;}
.xq-myorder-footer p em i{font-size: 16px;}
.xq-myorder-footer a{display: block;height: 45px;text-align: center;color: #fff;background-color: #ff9100;position: absolute;right: 10px;top: 0;padding: 0 10px;}
.xq-noorder{padding-top: 40px;text-align: center;}
.xq-noorder-logo-main{width: 140px;height: 140px;border-radius: 50%;border:4px #b5b5b5 solid;margin: auto;padding-top: 10px;}
.logo-part1{width: 15px;height: 15px;background: #b5b5b5;border-radius: 50%;margin: auto;margin-top: 20px;}
.logo-part2{width: 50px;height: 10px;background:#b5b5b5;border-radius:15px;transform:rotate(90deg);-webkit-transform:rotate(90deg);margin: 27px auto 0;}
.xq-noorder p{margin: 30px 0;color: #b5b5b5;font-size: 14px;}
.xq-noorder a{background: #18b4ed;color: #fff;border-radius: 3px;display: inline-block;padding: 12px 20px;}
.xq-search-banner img{width: 100%;}
.xq-search-title{margin: 20px 0;}
.xq-search-title span{display: inline-block;width: 30%;vertical-align: middle;border-bottom: 1px #fff solid;transform: scaleY(.3);-webkit-transform: scaleY(.3);}
.xq-search-title em{display: inline-block;color: #fff;width: 37%;text-align: center;font-size: 20px;font-weight: 100;}
.xq-search-form{margin: 0 10px 10px 10px;}
.xq-search-input{background: #fff;border-radius: 5px;position: relative;}
.xq-search-input input{display: block;padding: 10px;width: 100%;border:none;box-sizing:border-box;border-radius: 5px;text-indent: 25px;font-family: 'Microsoft YaHei';font-size: 16px;}
.xq-search-input i{display: block;width: 16px;height: 16px;position: absolute;top: 10px;left: 10px;}
.xq-search-phone{border-bottom: 1px #ccc solid;position: relative;}
.xq-search-order{position: relative;}
.xq-search-phone i{background: url(../img/m_detail/xq_s_icon1.png) no-repeat center;background-size: cover;}
.xq-search-order i{background: url(../img/m_detail/xq_s_icon2.png) no-repeat center;background-size: cover;}
.xq-search-form button{margin-top: 20px;width: 100%;border:none;border-radius: 5px;background: #36c7e8;color: #fff;font-size: 20px;text-align: center;padding: 10px 0;display: block;font-family:'Microsoft YaHei'; }
.xq-search-title em.xq-smaller{font-size: 14px;}
.xq-search-login{margin: 0 10px 20px 10px ;overflow: hidden;}
.xq-search-login a{width: 48%;display: inline-block;border-radius: 5px;border:1px #fff solid;text-align: center;background:#239ad1;color: #fff;padding: 10px 0; }
.xq-search-login a:first-child{float: left;}
.xq-search-login a:last-child{float: right;}
.pf-module{margin: 10px;border: 1px #ccc solid;background: #fff;color: #666;border-radius: 2px;}
.pf-module p{margin:0 10px;border-bottom: 1px #ccc solid;padding: 16px 0;overflow: hidden;}
.pf-module p i{float: right;color: #333;max-width: 200px;}
.pf-module p em{float: left;}
.pf-module p:last-child{border-bottom: none;}
.pf-module a{margin: 0 10px;padding: 16px 0;display: block;}
.pf-tel-icon{display: inline-block;border-radius: 50%;background: #ffab34;padding: 5px 6px;margin-right: 5px;}
.pf-tel-icon img{width: 1em;}
.pf-module a em{font-size: 1.25em;font-weight:100;}
.pf-2ecc71{background:#2ecc71;}
.pf-success-icon div.pf-97e6b8{background: #97e6b8;}
.xq-paycheck-cancelbtn{display: block;color: #fff;background: #999999;padding: 16px 0;font-size: 20px;text-align: center;margin-top: 30px;}
.xq-pay-head{background: #fc625c;color: #fff;padding-bottom: 1.5em;margin-bottom: 40px;}
.xq-pay-head h1{text-align: center;font-size: 1.5em;padding: 15px 0 10px 0;}
.xq-pay-head h3{font-size: 1em;font-weight: 100;text-align: center;line-height: 1.4;}
.xq-pay-head p{margin-top: 1em;text-align: center;font-size: 14px;font-weight: 100;}
.xq-pay-icon{background: #fff;border-radius: 50%;width:105px;height: 105px;margin:-10px auto;padding-top:10px;border:5px #fb4440 solid;transform: translateY(40px);-webkit-transform: translateY(40px);-moz-transform: translateY(40px);}
.xq-pay-icon img{width: 45px;margin:10px auto;display: block;animation:shake .1s 4 ease-in-out;-webkit-animation:shake .1s 4 ease-in-out;-moz-animation:shake .1s 4 ease-in-out;}
.xq-pay-icon img.ani-heart{animation:heart .4s 2 ease-in-out;-webkit-animation:heart .4s 2 ease-in-out;-moz-animation:heart .4s 2 ease-in-out;}
/*pay stat color*/
.xq-pt5{padding-top: 5px;}
.redback{background: #fc625c;}
.greenback{background: #2ecc71;}
.greenborder{border-color:#20bd4f;}
.blueback{background: #18b4ed;}
.blueborder{border-color: #119de8;}
.grayback{background: #b5b5b5;}
.grayborder{border-color: #9f9f9f;}
/*animation*/
@keyframes circle{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes circle{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes shake{0%{-webkit-transform:translateX(0px);}25%{-webkit-transform:translateX(-10px);}50%{-webkit-transform:translateX(0px);}75%{-webkit-transform:translateX(10px);}100%{-webkit-transform:translateX(0px);}}
@-webkit-keyframes heart{0%{-webkit-transform:scale(1,1);}25%{-webkit-transform:scale(1.2,1.2);}50%{-webkit-transform:scale(1,1);}75%{-webkit-transform:scale(1.2,1.2);}100%{-webkit-transform:scale(1,1);}}
/*my favourite*/
.xq-myfav{padding: 10px;overflow: hidden;}
.xq-myfav-cell{display: block;padding: 10px 0;border-bottom: 1px #ccc solid;overflow: hidden;}
.xq-myfav-img{width: 33%;max-width: 180px;position: relative;margin-right: 10px;float: left;}
.xq-myfav-img img{width: 100%;display: block;}
.xq-myfav-name{position: absolute;top: 5px;left: 0;background: rgba(0,0,0,0.4);color: #fff;padding: 2px 6px;font-size: 14px;}
.xq-myfav-detail{float: left;width: 63%;}
.xq-myfav-detail>h2{font-weight: 100;font-size: 16px;margin-bottom: 5%;line-height: 1.4;height: 44px;overflow: hidden;color: #333;}
.xq-myfav-detail>div{overflow: hidden;}
.xq-myfav-detail>div>i{padding: 3px 5px; color: #fff;display: inline-block;font-size: 12px;}
.xq-myfav-tip1{background:#56d8c4;}
.xq-myfav-tip2{background: #18b4ed;}
.xq-myfav-detail>div>em{color: #666;font-size: 14px;}
.xq-myfav-detail>div>b{display: inline-block;float: right;font-size: 14px;font-weight: 100;color:#ff9650; }
.xq-myfav-detail>div>b>i{font-size: 16px;font-weight: 800;}
.xq-myinfo-cell{display: block;color: #333;background: #fff;padding: 10px;}
.cell-line{border-bottom: 1px #ccc solid;transform:scaleY(.3);-webkit-transform:scaleY(.3);}
.xq-myinfo-cell i{vertical-align:middle;display: inline-block;height: 20px;width: 16px;background: url(../img/m_detail/my_info.png) no-repeat center;background-size:cover;margin-right: 5px; }
.xq-myinfo-cell h6{vertical-align:middle;display: inline-block;font-weight: 100;color: #666;font-size: 16px;}
.xq-myinfo-cell p{float: right;display: inline-block;}
.xq-myinfo-cell p span{width: 30px;display: inline-block;text-align: center;}
.xq-myinfo-cell p span em{width: 12px;height: 12px;display: inline-block;border-right: 1px #888 solid;border-top: 1px #888 solid;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.xq-fixinfo{padding: 10px;}
.xq-fixinfo div{position: relative;margin-bottom: 16px;}
.xq-fixinfo div p{position: absolute;left: 10px;top: 13px;color: #666;font-size: 1em;}
.xq-fixinfo input{padding: 10px;border:1px #ccc solid;background: #fff;font: 16px normal 'Microsoft YaHei';text-indent: 40px;width: 100%;display: block;box-sizing:border-box;}
.xq-fixinfo button{border:none;border-radius: 3px;color:#fff;font:16px normal 'Microsoft YaHei';text-align: center;display: block;background: #fe932b;padding: 10px 0;width: 100%;}
.xq-card-header{background: -webkit-linear-gradient(top,#0184cb,#61ddfd);}
.xq-card-main{margin-top: 20px;color: #fff;text-align: center;}
.xq-card-main p{font-size: 20px;line-height: 1.6;}
.xq-card-footer{margin-top: 10px;}
.xq-card-footer img{width: 100%;display: block;}
.xq-card-list{padding: 10px;}
.xq-card-cell{margin: 10px 0;padding: 10px;border-radius: 4px;background: #ededed;}
.xq-card-logo{border-bottom: 3px #dbdddc solid;margin:10px 0;}
.xq-card-logo img{width: 85%;display: block;}
.xq-card-detail p{line-height: 1.8;color: #333;}
.xq-card-detail p em{display: inline-block;color: #666;margin-right: 10px;}
.xq-order-list .offer {  position: relative; font-size: 14px; line-height: 1.5; padding: 1px 10px 2px; border-bottom: 1px solid #ccc; height: 45px; }
.xq-order-list .offer span { display: block }
.xq-order-list .offer .look_plan { position: absolute;right: 10px;top: 0; }
.xq-order-list .offer .look_plan a { float: right; padding: 0 10px; margin-left: 5px; height: 45px;text-align: center;color: #fff;background-color: #18B4ED; line-height: 45px; font-size: 16px; }
.order-close { background: #ccc!important; }