.header{ background: #cc0000; height: 60px; color: #fff; position: fixed; top: 0px; width: 100%;}
.header h4{ color: #fff; text-align: center; line-height: 60px; font-weight: normal; font-size: 20px;}
.header .btn_back{ position: absolute; top: 0px; height: 60px; line-height: 60px; color: #fff; padding: 0px 10px; left: 0px;}
.header .btn_menu{ position: absolute; top: 0px; height: 60px; line-height: 60px; color: #fff; padding: 0px 10px; right: 0px;}
.header .btn_menu img{ width: 36px;}

.content{position: fixed; width: 100%; top: 60px; bottom:60px; overflow: scroll;  }
.content .left{ width: 32%; height: 100%; position: fixed; top: 60px; left: 0px;}
.content .right{ width: 68%;}
.content .page{padding: 10px; background: #ffffff;box-sizing: border-box; margin:0 auto; width:95%; max-width:640px}
.content .page h1{display: inline-block;width: 100%;text-align: center;font-size: 24px; font-weight:normal;line-height: 40px;color: #333; padding-top:30px; padding-bottom:10px;}
.service{ max-width:640px; margin:0 auto;}
.space_white{ height: 15px; background: #f7f5f5; width: 100%;}

.nav_menu{ height: 60px; position: fixed; bottom:0px; background: #fff; width: 100%; display: table; border-top:#f2f2f2 1px solid;}
.nav_menu li{ display:table-cell; width: 24%; position: relative; padding-top: 5px;}
.nav_menu a{ display:block; text-align:center; color: #000; line-height: 28px; font-size:14px;}
.nav_menu li i{ text-align: center; display: block; text-align: center;}
.nav_menu li i img{ width: 20px;}
.nav_menu li i .img{ display: inline-block;}
.nav_menu li i .img_on{ display: none;}
.nav_menu li.on a{ color: #fb7417;}
.nav_menu li.on i .img{ display: none;}
.nav_menu li.on i .img_on{ display: inline-block;}

.btn{ display:inline-block; padding: 0px 25px; line-height: 35px; background: #ff3333; border-radius: 5px; text-align: center; color: #fff;}

/*图片轮播*/
.index_switch_pic{ position:relative;}
.index_switch_pic img{ width:100%;}
.index_switch_pic .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:12px; text-align:center;}
.index_switch_pic .hd ul{ display:inline-block; height:12px; padding:3px 5px; font-size:0; vertical-align:top;}
.index_switch_pic .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#ffffff; margin:0 3px;  vertical-align:top; overflow:hidden;   }
.index_switch_pic .hd ul .on{ background:#53cac3;  }
.index_switch_pic .bd{ position:relative; z-index:0;}
.index_switch_pic .bd li{}
.index_switch_pic .bd li img{ width:100%;}
.index_switch_pic .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


/*物流信息*/
.express{width: 100%;}
.express ul{width:100%;border-left: 1px solid #D7D7D7;box-sizing: border-box;padding: 0px !important;}
.express li{width: 100%;line-height: 30px;border-bottom: 1px solid #D7D7D7;}
.express li span{display: block;float: left;width: 10px;height: 10px;background: #FFFBF3;margin-top: 20px;position: relative;left: -5px;}
.express li i{display: inline-block;float: left;width: 5px;height: 5px;background: #D7D7D7;border-radius: 50%;margin-left: 3.5px;margin-top: 4px;}
.express .on i{background: #E4393C;}
.express .on i:before{content:"";display:block;width: 10px;height: 10px;position: absolute;left:0px;top: 0px;border: 1px solid #E4393C;border-radius: 50%;}

.express .on font{color: #333333;}
.express li font{display:block;padding: 0px 10px;font-size: 12px;float: left;line-height: 40px;height: 30px;overflow: hidden; color: #888888;}
.express li .date{width: 40%;}
.express li .min{width: 40%;}
.express li .place{width: 100%;height: auto;line-height: 25px;}


/*公告*/
.index_notice{ padding: 5px; margin: 0px 10px; background: #fff; border: #e27364 2px dotted; color: #666; line-height: 30px;}
.index_notice h3{color: #ff0000;}
.index_notice .txt-scroll {height: 30px;line-height: 30px; padding: 0 5px 0 30px; background: url("../images/ico-notice.png") no-repeat 5px 7px;}
.index_notice .txt-scroll .scrollbox {width: 100%;white-space: nowrap;overflow: hidden;transition: all .2s}
.index_notice .txt-scroll .txt,.txt-scroll .txt-clone {display: inline;position: relative}


.exchange_process{ background: #fff; padding: 10px;}
.exchange_process h2{font-size: 20px;border-bottom: #eeeeee 1px solid; padding: 15px 0px;font-weight: normal;}
.exchange_process h2 span{ font-size: 16px;}
.exchange_process ul{ width: 100%; text-align: center;padding: 10px 0px;}
.exchange_process ul li{ display: inline-block; width: 32%;}
.exchange_process ul li p{}
.exchange_process ul li p b{margin: auto; background: #cc0000; color: #fff; font-size: 20px; text-align: center;font-weight:normal;line-height:30px; width: 80px; height: 80px; display: block; border-radius: 20px;padding: 0.7rem;box-sizing: border-box;}
.exchange_process ul li p span{ font-size: 16px; padding:0px; display: block; line-height: 25px;}
.exchange_process ul li.interval{width: 60px; text-align: center; font-size: 36px; color: #c2c2c2; line-height: 60px;}


.exchange_login{width: 100%;margin: 0 auto;background: #fff; padding-bottom: 20px; box-sizing: border-box;}
.exchange_login h4{font-weight: normal;font-size: 20px;padding: 10px 15px;border-bottom: #eeeeee 1px solid;}
.exchange_login form{margin-top: 20px;padding: 0px 15px 0px 15px;}
.exchange_login input{width: 100%;height: 50px;font-size: 16px;margin-bottom: 10px;border: 1px solid #D7D7D7;padding-left: 10px;box-sizing: border-box;outline: none;border-radius: 6px;}
.exchange_login .btn01{display:inline-block;width: 100%;height: 50px;line-height:50px;background:#cc0000;text-align: center;color: #fff;outline: none;border-radius: 6px;}


.exchange_notes{ line-height: 30px; color: #000; background: #fff; padding-bottom: 30px;}
.exchange_notes h4{font-weight: normal;font-size: 20px;padding: 15px 15px;border-bottom: #eeeeee 1px solid;}
.exchange_notes .notes_content{ padding: 15px;}

.login{}


.form{}
.form select,
.form input,
.form textarea{ background: #fff; border:#eee 1px solid; height:45px; line-height:45px; margin: 5px 0px; font-size: 18px; width: 100%; box-sizing: border-box; padding: 5px; border-radius: 5px;background-repeat:no-repeat !important;background-size:8% !important;text-indent: 10%;background-position:1% 50% !important;}
.form .btn_submit{ display: block; margin: 10px auto; text-align: center; line-height:45px; color:#fff; font-size:18px; background:#ff6600; border-radius: 5px;}
.form h4{ font-weight: normal; margin-top: 5px;}
.form .btn{ height: 45px; border-radius:5px;}

.order_create{}
.order_create h2{ padding: 10px 0px; font-size: 18px; font-weight: normal;}
.order_create button{ font-size: 16px; background: #1dc116; color: #fff; border: none; height: 36px; padding: 0px 10px;}
.order_create .success{ font-size: 18px; padding: 50px 0px; text-align: center;}
.order_create .success h3{ padding: 20px 0px; font-size: 24px;}
.order_create select,
.order_create input,
.order_create textarea{ text-indent:10px;}

.product_card{background: #eeeeee; color: #000; text-align: left; position: fixed; width: 100%; z-index: 1; bottom: 0px; font-size: 16px;}
.product_card ul{ width: 100%; display: table;}
.product_card li{ display:table-cell; vertical-align: middle; height: 60px; line-height: 25px;}
.product_card li.a{ width: 65%; text-align:center;}
.product_card li.a a{ color:#cc0000; }
.product_card li.b{ width: 35%; text-align: center; background: #cc0000; color: #fff;}
.product_card li table{ margin-left: 10px;}
.product_card li a{ color: #fff; line-height: 60px; display: block;}
.product_card li a.btn{ background: #ffa92c; display: block; width: 60%; line-height: 28px; margin: auto; border-radius: 5px;}

.card_info{ background:#fff; padding:15px;}

.product_category{height:100%; box-sizing: border-box; background: #F4F4F4;}
.product_category li{text-align: center;   border-bottom:1px solid #fbf5f5; } 
.product_category li a{height:100%;color: #000;font-size: 13px;line-height: 20px; line-height:20px; display: block;vertical-align: middle;padding:5px 0px; background:#FFF; }
.product_category li.on{}
.product_category li.on a{color:#ff3333;border-left: 3px solid #CC0000;}
.product_category li.on .son{display: none;}
.product_category li.on .son li{background: #fff;}
.product_category li.on .son .on_child a{color: #CC0000;}
.product_category li.on2{ background:#cc0000; color:#FFF; line-height:35px; font-size:14px; text-align:center;}
/*二级菜单*/
.product_category .son{width: 100%;display: none;}
.product_category .son li{width: 100%;padding:10px 0px;line-height: 0px;}
.product_category .son li a{color:#000;border: none;padding: 0px;}
.product_category .son li{}


.product_list{ background: #fff;}
.product_list .item{ margin: 20px 0px; padding-top: 20px; background: #fff; border-top: 1px solid #eee;}
.product_list .item a{ display: block;}
.product_list .item ul{ display: table; width: 100%;}
.product_list .item ul li{ display: table-cell; vertical-align: top;}
.product_list .item ul li.img{ width: 110px; line-height: 0; font-size: 0; border: 0px solid #eee;}
.product_list .item ul li.img img{width: 100%;}
.product_list .item ul li.note{ padding-left: 10px;}
.product_list .item ul li.note h2{font-size: 16px; font-weight: normal; padding: 5px 0px 10px 0px;}
.product_list .item ul li.note .btn01{ display: block; line-height: 30px; color: #cc0000; text-decoration: underline;}
.product_list .item ul li.select{ width: 50px; text-align: center; padding-top: 3px;}
.product_list .item ul li.select input{ height: 20px; width: 20px;}
.product_list p{ font-size: 16px; padding: 50px 0px; text-align: center;}
.product_list p a{ text-decoration:underline; color:#cc0000;}

.product_details{}
.product_details .details_img{ text-align: center;}
.product_details .details_img img{ width: 100%;}
.product_details .details_info{background: #fff; padding: 5px;}
.product_details .details_info h1{ padding: 15px 0px; text-align: left; font-weight: normal; font-size: 18px;}
.product_details .option{}
.product_details .details_describe{ line-height: 30px; padding: 10px; background: #fff;}
.product_details .details_content{ padding: 10px 0px; background: #fff; line-height: 40px; font-size: 18px;}
.product_details .details_content h2{ padding-left: 10px; font-size: 16px; font-weight: normal; height: 45px; border-bottom: #f1f1f1 1px solid;}
.product_details .details_content img{ width: 100%;}

.product_exchange{}
.product_exchange .title_t1{ font-size: 18px; line-height: 1.1; padding-top: 10px;}
.product_exchange .option{ background: #fffbf3; border-radius: 10px; margin-top: 10px; padding: 10px; text-align: center;}

.buy_car{}
.buy_car .product{}
.buy_car .product li{}
.buy_car .product table{ width: 100%; background: #eee; color: #0a2b1d;}
.buy_car .product table th{ text-align: left; line-height: 45px;}
.buy_car .product table th,
.buy_car .product table td{ background: #fff; padding: 0px 10px;}
.buy_car .product img{ width: 80px; height: 80px;}


.order_query{color: #0a2b1d;}
.order_query ul{margin-bottom: 10px; text-align: center; line-height: 30px;}
.order_query ul h1{ text-align: center; line-height: 40px; padding: 10px 0px;}
.order_query ul table{text-align: left;}
.order_query ul table input{ height: 45px; padding-left: 5px; font-size: 16px; border: #e2ddd3 1px solid;}
.order_query ul table .btn{ color: #fff; width: 200px; text-align: center;border-radius: 5px; line-height: 47px; background: #0a2b1d; display:inline-block;}

.query_result{ border: #d7d1c6 1px solid; border-radius: 10px; }
.query_result ul{ padding: 15px;}
.query_result ul li{ padding: 5px 0px; line-height: 30px;}
.query_result ul li b{font-weight: normal;color: #555;}
.query_result ul li span{color: #555;}
.query_result ul li div{color: #555;}
.query_result ul li b{color: #333;}
.query_result ul li:nth-child(2){border-bottom: 1px solid #eee;}
.query_result ul li:nth-child(4){border-bottom: 1px solid #eee;}
.query_result ul li:nth-child(5){border-bottom: 1px solid #eee;}
.query_result ul li:nth-child(6){border-bottom: 1px solid #eee;}

.query_result ul .express div{padding:10px 0px;border-bottom: 1px dashed #EEEEEE;}
.query_result p{ font-size: 36px; color: #d7d1c6; padding: 50px 0px; text-align: center;}
.query_result ul .express span{color: #555;}
.query_result ul .express .date{color: #999;}

.card_details{}
.card_details ul{}
.card_details ul li{ line-height: 36px; padding: 5px 5px;}
.card_details .details_option{ padding: 15px 0px;}
.card_details .details_option .btn{ display: block; padding: 5px 0px;}

.verification{color: #0a2b1d;}

.verification_result{ border: #d7d1c6 1px solid; border-radius: 10px;}
.verification_result ul{ padding: 15px;}
.verification_result ul li{ padding: 10px 0px;}
.verification_result p{ font-size: 36px; color: #d7d1c6; padding: 50px 0px; text-align: center;}

.service{ line-height: 30px; padding: 30px; background: #fff; height: 100%;}
.service h2{ padding: 20px 0px;}

.contact{ line-height: 30px; padding: 30px; background: #fff; height: 100%;}
.contact h2{ padding: 20px 0px;}

.details_01{}
.details_01 img{ width: 100%;}

.calendar{ display: none;}
.calendar .content{ position:absolute; left: 0px; top:18vh; width: 100%; z-index: 999;}

.bottom{ background: #333333; text-align: center; padding: 15px 0px;}
.bottom .copyright{ line-height: 30px; color: #fff;}




.btnbg01{ background: #cc0000 !important; color: #fff;}
.btnbg01 a{ color: #fff;}
.btnbg02{ background: #ff9900;color: #fff;}
.btnbg02 a{ color: #fff;}
.btn{ display: block; width: 100%; box-sizing: border-box; padding: 5px 0px;}

.bodybg01{ background: #fff;}

 
 
.success{ padding: 0.1rem 0.4rem; color:#666; background: #fff; text-align: center;}
.success .ico img{ width: 80%;}
.success h3{ font-weight: normal; padding: 0.2rem 0; font-size: 0.3rem; color:#333;}
.success .btn01{ width: 40%; margin: 0.5rem auto; line-height: 0.7rem; height: 0.7rem;}
.success .btn01 a{color: #fff; display: block;}
.success .t1{   font-size: 0.2rem; }

/*商品兑换*/
.exchange_product{ padding: 40px 0; box-sizing: border-box;}
.exchange_product table{ width: 100%;}
.exchange_product table td{ padding:5px;}

.exchange_product .card_banner{ margin-bottom: 10px; overflow: hidden; background: #fff;}
.exchange_product .card_banner img{ width: 100%;}

.exchange_product .card_info{ line-height: 1.8; margin: 0 0.18rem; background: #fff;}
.exchange_product .card_info table{ border-collapse:collapse;}
.exchange_product .card_info table td{ padding: 0;}

.exchange_product .card_no_use{ text-align: center; background: #fff; padding:0.3rem; margin:10px 0.18rem;}
.exchange_product .card_no_use h3{ color: #ff0000; font-weight: normal; font-size: 0.3rem;}
.exchange_product .card_no_use p{ padding: 15px 0;}
.exchange_product .card_no_use a.btn{ display: block; margin: 10px 0; padding: 5px 0;}

.exchange_product .card_largess{ padding: 15px 0px; text-align: center;}
.exchange_product .card_largess a.btn{ display: block; width: 50%; margin: auto; padding: 5px 0px; background: #cc0000; color: #fff;}

.exchange_product .list_product{ margin: 10px 0.18rem;}
.exchange_product .list_product .item{ margin: 10px 0px; background: #fff;}
.exchange_product .list_product .item .t1{ width: 80px;}
.exchange_product .list_product .item .t2{}
.exchange_product .list_product .item .t3{ min-width: 50px; text-align: center;}
.exchange_product .list_product .item h2{ text-align: left; font-weight: normal; font-size:0.24rem;}
.exchange_product .list_product .item .price{ padding: 5px 0px; color: #ff0000;}
.exchange_product .list_product .item img{ width:1.4rem; height:1.4rem;}
.exchange_product .list_product .item .no_data{ text-align: center; padding: 20px;}
.exchange_product .list_product .item .check_box{ width: 25px; height: 30px;}
.exchange_product .list_product .item h4{ text-align: center; padding: 30px 30px; line-height: 30px;}
.exchange_product .list_product .item h4 a{ color: #ff0000;}
.exchange_product .list_product .item input{ border:#ccc 1px solid; height: 0.6rem;}

.exchange_product .bottom_option{ padding: 20px 0px;}
.exchange_product .bottom_option .btn{ line-height: 60px; margin: 15px auto; display: block;}
.exchange_product .bottom_option .color01{ background:#ff9900;}

/*一键转赠*/
.largess{}
.largess .note{ padding: 0px 10px;}
.largess .note h2{ padding: 15px 0px;}
.largess .bottom_option{}
.largess .bottom_option .btn{line-height: 60px; margin: 15px auto; display: block;}
.largess .receive_url{ padding: 10px 0px;}
.largess .receive_url .text{ height: 45px; width: 100%; padding: 10px 0px; font-size: 16px; color: #666;}
.largess .blessing{ margin: 20px 0px; line-height: 150%; font-size: 0.4rem; padding: 5vh 18%; border-radius: 10px;box-shadow: 5px 5px 10px #cccccc; background: url("../images/blessing_bg.jpg") no-repeat center top; background-size: 100% auto;}

.login{ background: #fff; padding: 15px; border-radius: 10px;}
.login .btn_login{ display: block; margin: 5px 0px; line-height: 50px; border-radius: 5px; text-align: center;}


.contact{ line-height: 30px; padding: 30px; background: #fff; height: 100%;}
.contact h2{ padding: 20px 0px;}

.details_01{}
.details_01 img{ width: 100%;}

.calendar{ display: none;}
.calendar .content{ position:absolute; left: 0px; top:18vh; width: 100%; z-index: 999;}

.bottom{ background: #333333; text-align: center; padding: 15px 0px;}
.bottom .copyright{ line-height: 30px; color: #fff;}

.index_notice_alert{line-height: 30px;}
.index_notice_alert .txt1{ padding: 20px;}

.mask{ background: rgba(0,0,0,0.6); display: none; width: 100%; height: 100vh; left: 0px; top: 0px; position: fixed; z-index: 10;}



.buy_car{}
.buy_car .product{}
.buy_car .product li{}
.buy_car .product table{ width: 100%; background: #eee; color: #0a2b1d;}
.buy_car .product table th{ text-align: left; line-height: 45px;}
.buy_car .product table th,
.buy_car .product table td{ background: #fff; padding: 0px 10px;}
.buy_car .product img{ width: 80px; height: 80px;}