/******************************html***********************************/
/*class*/
#html{position:relative;overflow:hidden;}
#body{width:100%;background:#f5f5f5;padding-bottom:65px;}
#body.fd{position:relative;z-index:20;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

/******************************common***********************************/
#tabber{max-width:700px;min-width:310px;width:100%;height:60px;background:white;position: fixed;bottom:0;left:50%;transform:translateX(-50%);z-index: 99;}
#tabber ul li{width:33.33%;float:left;text-align: center;}
#tabber ul li img{width:28px;display: block;margin:3px auto;margin-top:7px;filter: grayscale(100%) brightness(0);opacity: 0.5}
#tabber ul li a{display:block;color:#767676;}
#tabber ul li a.me{color:#c98401;}
#tabber ul li a.me img{filter: none;opacity: 1}
.clear{content: '';display: block;clear:both}

/*navs(foot)*/
#navs{width:100%;position: absolute;left:100%;top:0;z-index:997;background:#fff;}

/*nav_t(foot)*/
#nav_t{height:50px;padding:5px 0;background:white;position:relative;}
#nav_t a#ht{width:40px;height:100%;line-height:45px;padding-left:2%;position:absolute;top:-2px;display:block;font-size:45px;color: #02427f;}
#nav_t a#lo{display:block;}
#nav_t a#lo img{height:40px;margin:0 auto;display:block;}

/*nav_c(foot)*/
#navs #nav_c ul li a{line-height:47px;padding:0 5%;display:block;font-size:15px;border-bottom:1px solid #eee;}
#navs #nav_c ul li.bg{background:#f6f6f6;}
#navs #nav_c ul li dl{display:none;}
#navs #nav_c ul li dd{width:95%;margin-left:5%;}
#navs #nav_c ul li dd a{color:#888;}
#navs #nav_c ul li a span{width:20px;height:47px;float:right;color:#999;background:url("../img/d_foot3.png") no-repeat 2px 17px;background-size:70%;display:block;}
#navs #nav_c ul li a.xl span{background:url("../img/d_foot3.png") no-repeat 0px -55px;background-size:70%;}
#navs #nav_c ul li a.xl:hover span{background:url("../img/d_foot3.png") no-repeat 0px -90px;background-size:70%;}
#navs #nav_c ul li a.me{color:#006699;background:#f6f6f6;}
#navs #nav_c ul li a.me span{color:#006699;background:url("../img/d_foot3.png") no-repeat 3px -19px;background-size:70%;}
#navs #nav_c ul li a:hover{color:#006699;background:#f6f6f6;}
#navs #nav_c ul li a:hover span{color:#006699;background:url("../img/d_foot3.png") no-repeat 3px -19px;background-size:70%;}
#navs #nav_c ul li ul{display:none;}
#navs #nav_c ul li ul li a{padding-left:13%;}
#navs #nav_c ul li div.mtan{width:90%;margin-left:10%;display:none;}
#navs #nav_c ul li div.mtan:after{clear:both;display:block;content:"";}
#navs #nav_c ul li div a{padding:0 5px;display:block;float:left;}

/*topa(index)*/
#topa h1{height:50px;padding:5px 0;overflow:hidden;position:relative;}
#topa a#ht{width:40px;height:100%;line-height:45px;padding-left:2%;position:absolute;top:0px;display:block;font-size:30px;color: #c98401;}
#topa a#lo{display:block;}
#topa a#lo img{height:40px;margin:0 auto;display:block;}
#topa h1 a#cd{width:50px;height:100%;position:absolute;top:0;right:0;display:block;}
#topa h1 a#cd img{width:28px;margin:12px auto;display:block;}

/*topb(topb)*/
#topb h1{height:50px;padding:5px 0;overflow:hidden;position:relative;}
#topb a#lo{display:block;}
#topb h1 a#lo img{height:40px;margin:0 auto;display:block;}
#topb h1 a#cd{width:50px;height:100%;position:absolute;right:0;top:0;display:block;}
#topb h1 a#cd img{width:28px;margin:17px auto;display:block;}

/*topc(topc)*/
#topc h1{height:50px;padding:5px 0;background:white;overflow:hidden;position:relative;}
#topc a#lo{display:block;}
#topc h1 a#lo img{height:40px;display:block;margin-left: 10px;}
#topc h1 a#cd{width:50px;height:100%;position:absolute;right:0;top:0;display:block;}
#topc h1 a#cd img{width:28px;margin:17px auto;display:block;}

/*公用top(ogun)*/
div.gy_top{line-height:50px;padding-left:5px;font-size:16px;color:#000;}
#ind_img{width:100%;display: block;}
#ind01,#ordf_ss{width:100%;padding:10px 20px;background: white;}
#ind01 #ss,#ordf_ss #ss{width:100%;height: 40px;line-height: 40px;background: #f5f5f5;border-radius: 5px;position: relative;overflow:hidden;}
#ind01 #ss input,#ordf_ss #ss input{width:100%;height: 40px;line-height: 40px;display: block;padding-left:40px;border: none;background: #f5f5f5;}
#ind01 #ss img,#ordf_ss #ss img{width:20px;display: block;position: absolute;top:10px;left:10px;z-index: 55}

#ind02 .li{width:96%;padding:10px;margin:2% 2% 0;background:white;border-radius: 5px;overflow: hidden;position: relative}
#ind02 .li .li_img{width:75px;height:75px;padding:10px;margin-top:3px;border:1px solid #eee;position: absolute;top:10px;left:10px;z-index: 5;border-radius: 5px;}
#ind02 .li .li_img img{width:100%;height:100%;display: block;}
#ind02 .li .li_r{padding-left: 85px;padding-right:40px;position: relative}
#ind02 .li .li_r .tit{height:40px;line-height:20px;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#ind02 .li .li_r .abou{height:20px;line-height: 20px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#ind02 .li .li_r .money{height:23px;line-height:23px;}
#ind02 .li .li_r .money i{color:#e60012;font-size:14px;font-style: normal}
#ind02 .li .li_r .money span{color:#e60012;font-size:16px;}
#ind02 .li .li_r .money p{display: inline-block;font-size:12px;text-decoration: line-through;color:#999;margin-left:5px;}
#ind02 .li .li_float{width:40px;position: absolute;right:0;top:10px;z-index: 5;text-align: center;color:#d28c34;font-size:12px;}
#ind02 .li .li_float img{width:20px;display: block;margin:5px auto }



/*油站详情*/
#ogun #bg_img{width:100%;display: block;}
#ogun #ogun_01{position: relative}
#ogun #ogun_01 #ogun_01t{width:96%;padding:10px;background:white;border-radius: 10px;position: absolute;top:-50px;left:2%;z-index: 5}
#ogun #ogun_01 #ogun_01t #logo{width:75px;height:75px;padding:10px;margin-top:3px;border:1px solid #eee;position: absolute;top:10px;left:10px;z-index: 5}

#ogun #ogun_01 #ogun_01t div{padding-left: 80px;}
#ogun #ogun_01 #ogun_01t span{line-height:30px;font-size:16px;color:#000;}
#ogun #ogun_01 #ogun_01t p{line-height:25px;color:#999;}

#ogun #ogun_02{width:96%;padding:0 10px 10px 10px;background:white;border-radius: 10px 10px 0 0;margin:0 auto;}
#ogun #ogun_02 ul:after{display: block;content: '';clear:both}
#ogun #ogun_02 ul li{width:70px;height:35px;line-height:35px;float:left;margin:5px;text-align: center;background:#f5f5f5;color:#000;border-radius: 3px;border:1px solid #f5f5f5;}
#ogun #ogun_02 ul li.me{background:#fbf4ea;color:#d28c33;border:1px solid #d28c33;}
#ogun #ogun_02 dl dd{height:25px;line-height:25px;margin-top:10px;display: none;margin-left: 5px;}
#ogun #ogun_02 dl dd.me{display: block}
#ogun #ogun_02 dl dd i{color:#e60012;font-size:14px;font-style: normal}
#ogun #ogun_02 dl dd .span{color:#e60012;font-size:16px;display: inline-block}
#ogun #ogun_02 dl dd p{display: inline-block;font-size:12px;text-decoration: line-through;color:#999;margin-left:10px;}

#ogun #ogun_03{width:96%;padding:0 10px 10px 10px;background:white;border-radius:0 0 10px 10px;margin:0 auto;margin-top:1px;}
#ogun #ogun_03 ul:after{display: block;content: '';clear:both}
#ogun #ogun_03 ul li{width:70px;height:35px;line-height:35px;float:left;margin:5px;text-align: center;background:#f5f5f5;color:#000;border-radius: 3px;border:1px solid #f5f5f5;}
#ogun #ogun_03 ul li.me{background:#fbf4ea;color:#d28c33;border:1px solid #d28c33;}

#ogun #ogun_04{width:96%;padding:0 10px 10px 10px;background:white;border-radius:10px;margin:0 auto;margin-top:10px;}
#ogun #ogun_04 input{width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-bottom: 10px;}
#ogun #ogun_04 ul:after{display: block;content: '';clear:both}
#ogun #ogun_04 ul li{width:100px;padding:5px 0;float:left;border-radius: 5px;border:1px solid #ededed;text-align: center;margin:5px;}
#ogun #ogun_04 ul li.me{border:1px solid #fe0404}
#ogun #ogun_04 ul li div{color:#000;font-size:16px;}
#ogun #ogun_04 ul li p{color:#fe0404;}

#ogun #ogun_04 dl:after{display: block;content: '';clear:both}
#ogun #ogun_04 dl dt{width:50%;float:left;}
#ogun #ogun_04 dl dd{width:50%;float:right;text-align: right}
#ogun #ogun_04 #dl1{line-height:40px;font-size:16px;color:#000;}
#ogun #ogun_04 #dl1 dd,#ogun #ogun_04 #dl2 dd{color:#fe0404}
#ogun #ogun_04 #dl2 dt{color:#000;}
#ogun #ogun_04 #dl3{line-height:40px;font-size:12px;color:#777;}
#ogun #ogun_04 #dl3 img{width:15px;display: inline-block;}


#ogun #bot_float{width:100%;height:55px;line-height:55px;padding:0 20px;background: white;position: fixed;bottom:0;left:0;z-index: 99}
#ogun #bot_float p{color:#fe0404;font-size:20px;float:left;}
#ogun #bot_float a{width:100px;height:35px;line-height:35px;margin-top:10px;display:block;text-align: center;background:#d28c33;color:white;border-radius: 5px;float:right;}










#paymentModal.modal {display:none;position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 100;}
#mentModal.modal-content {background-color: white;margin: auto;width: 100%;border-radius: 10px 10px 0 0;overflow-y: auto;max-height: 80vh;position: fixed;bottom: -100%;left: 0;z-index: 101;}
#mentModal .modal-header {padding: 15px;border-bottom: 1px solid #eee;text-align: center;position: relative}
#mentModal .modal-header h3 {margin: 0;color: #333;}
#mentModal .close {font-size: 24px;font-weight: bold;cursor: pointer;color: #999;position: absolute;top: 5px;right: 5px;z-index: 5}
#mentModal .modal-body {padding: 15px;}
#mentModal .form-group {margin-bottom: 15px;}
#mentModal .form-group label {display: block;margin-bottom: 5px;font-size: 14px;color: #333;}
#mentModal .form-group select,#mentModal .form-group input {width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
#mentModal .btn-submit {width: 100%;padding: 10px;background-color: #e74c3c;color: white;border: none;border-radius: 4px;font-size: 16px;cursor: pointer;}
#mentModal .btn-submit:hover {background-color: #c0392b;}




    /*会员登录*/
#logd{height:100%;background:#fff5e9;border-radius:10px;padding-top:130px;overflow:hidden;}
#logd .ri{width:96%;min-height:400px;padding-bottom:30px;padding-top:80px;margin:0 auto;color:#666;background:white;border-radius: 10px;position: relative}
#logd  #logd_logo{width:120px;height:100px;position: absolute;top:-50px;left:50%;z-index: 5;margin-left:-60px;background:#fff5e9;border-radius: 50%;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}
#logd  #logd_logo img{width:80px;display: block;margin:18px auto;}
#logd #tit_top{text-align: center;font-size:20px;color:#000;}
#logd .ri ul{border-radius: 5px 5px 0 0;overflow:hidden;display:flex;justify-content: center;margin-top:10px;}
#logd .ri ul li{line-height:50px;font-size:16px;margin:0 20px;cursor:pointer;display: inline-block}
#logd .ri ul li.me{color:#d28c34}
#logd .ri dl {width:260px;padding-top:20px;font-size:16px;background:#fff;display:none;margin:0 auto;}
#logd .ri dl dd {height:60px;line-height:60px;position: relative;margin-bottom: 10px;list-style-type:none;border:0;}
#logd .ri dl .vip_wj {height:20px;line-height:20px;font-size: 12px;text-align: right;margin:0 5px;}
#logd .ri dl dd input{width:100%;height:40px;line-height: 40px;padding:0 20px;padding-left:50px;border: 1px solid #CCC;border-radius: 30px;}
#logd .ri dl dd input:focus{outline:none}
#logd .ri dl dd img{width:17px;display: block;position: absolute;top:23px;left:20px;z-index: 55;}
#logd .ri dl dd #fayzm{width:100px;line-height:36px;display: block;color:#d28c34;border:1px solid #d28c34;text-align: center;position: absolute;top:13px;right:0px;z-index: 55;border-radius: 30px;font-size:14px;}
#logd .ri dl dd input[type=submit],#logd .ri dl dd input[type=button]{width:260px;height:40px;padding:0;font-size:16px;margin:0 auto;margin-top:40px;border:none;border-radius: 20px;background:#d28c34;cursor: pointer;color:white;display: block}
#logd .ri dl dd input[type=submit]:hover,#logd .ri dl dd input[type=button]:hover {opacity: 0.8}

/*会员中心useri*/
#useri{padding-top: 20px;}
#useri #useri01{width:96%;margin:0 auto;background: url('../../static/img/3_03.png');background-size:100% 100%;position: relative}
#useri #useri01_l{width:70px;float:left;position: relative;margin-left:20px;}
#useri #useri01_l .face{width:70px;height:70px;margin-top:25px;border-radius: 50px;overflow:hidden;}
#useri #useri01_l .crown{width:20px;display: block;position: absolute;top:18px;left:0;z-index: 5}
#useri #useri01_c{padding-top:30px;margin-left:10px;float:left;}
#useri #useri01_c p{line-height:30px;color:#333;font-size:16px;}
#useri #useri01_c p.p{color:#777;font-size:14px;}
#useri #useri01 #bianji{padding:2px 5px;color:#777;border:1px solid #777;border-radius: 4px;position: absolute;top:35px;right:20px;font-size:12px;}

#useri #useri02{padding:10px 0;}
#useri #useri02 ul{text-align: center}
#useri #useri02 ul li{width:32.5%;display: inline-block;line-height: 30px;color:#555;}
#useri #useri02 ul li:first-child{border-left:none;}
#useri #useri02 ul li p{font-size:18px;color:#000;}

#useri .useri03{width:96%;padding:20px;margin:0 auto;margin-top:10px;background: white;border-radius: 10px;}
#useri .useri03 img{width:20px;margin-right:10px;display: block;float:left;}
#useri .useri03 a{display: block;font-size:15px;}

#tuic{width:96%;padding:20px;display:block;margin:0 auto;margin-top:10px;background: white;border-radius: 10px;border:none;}

#ordf .orde_nav{height:50px;padding:0 2%;}
#ordf .orde_nav a{line-height:30px;padding:0 5px;margin-top:10px;color:#555;border-bottom:2px solid transparent;display: inline-block;font-weight: 500;margin-right:5px;}
#ordf .orde_nav a.me{color:#d28c34;border-bottom:2px solid #d28c34;}
#ordf .li{width:96%;padding:3%;padding-top:0;margin:10px auto;background:white;border-radius: 10px;position: relative}
#ordf .li .li_t{line-height:40px;}
#ordf .li .li_t span{float:right;}
#ordf .li .li_img{width:70px;height:70px;padding:10px;margin-top:5px;border:1px solid #eee;position: absolute;top:40px;left:10px;z-index: 5;border-radius: 5px;}
#ordf .li .li_img img{width:100%;height:100%;display: block;}
#ordf .li .li_r{padding-left: 75px;padding-right:60px;position: relative}
#ordf .li .li_r .tit{height:20px;line-height:20px;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#ordf .li .li_r .abou{height:20px;line-height: 20px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#ordf .li .li_r .money{height:23px;line-height:23px;}
#ordf .li .li_r .money i{color:#e60012;font-size:14px;font-style: normal}
#ordf .li .li_r .money span{color:#e60012;font-size:16px;}
#ordf .li .li_r .money p{display: inline-block;font-size:12px;text-decoration: line-through;color:#999;margin-left:5px;}
#ordf .li .li_r .div{color:#999;font-size:12px;}
#ordf .li .li_float{width:60px;height:100%;position: absolute;right:5px;top:0px;z-index: 5;text-align: center;color:#e60012;font-size:16px;}
#ordf .li .li_float p{margin-top:40px;font-size:16px;}
#ordf .li .li_float a{padding:3px;font-size:12px;background:#D38C32;color:white;border-radius: 5px;display:block;margin-top:5px;}
.kong{line-height:50px;text-align: center;color:#999}

#usen{width:96%;margin:20px auto;padding:10px;background:white;border-radius: 10px;}
#usen dl dt{width:100%;height:40px;line-height:40px;font-size:15px;text-indent:30px;}
#usen dl dd{width:100%;padding:8px 0;font-size:14px;display: flex}
#usen dl dd:after{display:block;content: '';clear:both;}
#usen dl dd#tx{min-height:100px;position: relative}
#usen dl dd input#otherfiles{width:120px;height:120px;display: block;position: absolute;top:15px;left:85px;z-index: 5;cursor: pointer;border-radius: 50%;opacity: 0}

#usen dl dd span{width:80px;display: block;float:left;text-align: right}
#usen dl dd#tx img{width:100px;height:100px;margin-left:40px;}
#usen dl dd input{flex:1;height:30px;line-height:30px;text-indent:5px;margin-left:40px;color:#555;border:1px solid #ccc;}
#usen dl dd input[type=submit]{width:80%;display:block;height: 40px;line-height: 40px;color: #FFF;text-align: center;background:#D38C32;border: 0px none;border-radius: 20px;margin:0 auto;margin-top:40px;}

.pass{width:96%;margin:20px auto;padding:10px;background:white;border-radius: 10px;}
#pass dl {margin:50px auto;font-size:14px;}
#pass dl dd {height:40px;margin:20px 0;}
#pass dl dd input{width:80%;height:40px;line-height: 40px;padding:0 20px;padding-left:30px;margin:0 auto;border: 1px solid #CCC;border-radius: 30px;display: block}
#pass dl dd #m_xiug{width:80%;display:block;height: 40px;line-height: 40px;color: #FFF;text-align: center;background:#D38C32;border: 0px none;border-radius: 20px;margin:0 auto;margin-top:40px;}


/*topn*/
#topn{width:96%;padding:20px;margin:2%;background:white;border-radius: 10px;}
#topn .c_know_cluod{padding:20px 0;text-align: center;}

#topf{width:96%;padding:10px 20px;margin:2%;background:white;border-radius: 10px;}
#topf a{height:35px;line-height: 35px;border-bottom: 1px #eee dashed;display: block}