.top{ padding: 5px 0px;}
.top .logo{ height: 70px; line-height: 70px; width: 500px; overflow: hidden;}
.top .logo img{ max-height: 70px;}
.top .nav_menu{ width: 670px; text-align: right;}

.nav_menu{ line-height: 60px;}
.nav_menu a{ display:inline-block; padding:0px 10px; font-size:18px; color:#6e6a6a;}
.nav_menu a:hover,
.nav_menu a.on{ color:#cc0000;}

.btn{ display:inline-block; padding: 0px 25px; line-height: 35px; background: #ff3333; border-radius: 5px; text-align: center; color: #fff;}
.btn:hover{ color: #fff;}
.btn_bg_green{ background: #00B83F;}

.sys_close_txt{ line-height: 24px; color: #ff0000; text-align: center;}
.position{position: inherit !important;min-height:86vh;*min-height: 860px;}

/*图片轮播*/
.index_switch_pic{ position:relative; overflow:hidden;}
.index_switch_pic img{ width: 100%;}
.index_switch_pic .hd{ position:absolute; z-index:999; bottom:10px; text-align:center; width:100%;}
.index_switch_pic .hd li{ font-size: 0; background: rgba(255,255,255,.5); background:#fff\9; width:10px; display:inline-table; height:10px; line-height:10px; text-align:center; margin:0px 2px; cursor:pointer; border-radius:10px;}
.index_switch_pic .hd li.on{ background: rgba(0,0,0,.3); background:#666\9;}
.index_switch_pic .bd{margin:0 auto;position: relative;}
.index_switch_pic .bd ul{ width:100%;}
.index_switch_pic .bd ul li{ height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.index_switch_pic .bd ul li a{ display: block; height: 450px;}
.index_switch_pic .prev,
.index_switch_pic .next{ position:absolute; top:40%; display:block; z-index:900;}
.index_switch_pic .next{ right:0px;}

.index_login{ position: relative;}
.index_login .i_login{width: 400px; border-radius:10px;background:rgba(255,255,255,.5); background:#fff\9;position: absolute;z-index: 1; top:-360px;right: 0;padding: 30px 0px;}
.index_login .info_box{width: 90%; margin: 0 auto;border-radius: 5px;}
.index_login .info_box .title{ padding: 0px 26px;font-size: 20px;}
.index_login .info{width: 85%;margin: 0 auto;padding:10px 0px;box-sizing: border-box;position: relative;border-radius: 5px;}
.index_login .info input{width: 100%;height: 40px;margin-bottom: 15px; padding: 0px 10px;box-sizing: border-box;background: #fff;border: 1px solid #DDDDDD;}
.index_login .btn{width: 100%;height: 40px;line-height: 40px;background:#cc0000;border-radius:0px;padding: 0px;}

/*公告*/
.index_notice{ padding: 15px; border: #e27364 2px dotted; color: #666; line-height: 30px; margin-top: 30px;}
.index_notice h3{color: #ff0000; float: left; width: 70px;}
.index_notice .txt-scroll { float: left; width: 1050px; height: 30px;line-height: 30px;padding: 0 5px 0 10px; cursor: pointer;}
.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{}
.exchange_process h2{ color: #666666; padding: 15px 0px; }
.exchange_process h2 span{ font-size: 16px;}
.exchange_process ul{ width: 100%;padding-top: 40px;}
.exchange_process ul li{display:table-cell; vertical-align: middle; border-radius: 5px;}
.exchange_process ul li:hover{opacity: 0.85;}
.exchange_process ul li img{width:25px;margin-right: 5px;margin-top: -3px;}
.exchange_process ul li a{display:block; color: #fff;}
.exchange_process ul li p{ display: block; text-align: center; width: 340px; border-radius: 10px;padding: 15px; color: #fff;line-height: 40px;overflow: hidden;}
.exchange_process ul li p b,
.exchange_process ul li p span{vertical-align: middle;}
.exchange_process ul li p b{ font-size: 42px; padding-right: 10px;}
.exchange_process ul li p span{ font-size: 18px;}
.exchange_process ul li.interval{width: 60px; text-align: center; font-size: 36px; color: #c2c2c2; line-height: 60px;}

.exchange_notes{ line-height: 30px; color: #666666; padding-bottom: 30px;}
.exchange_notes h4{ font-weight: normal; padding-top: 20px;}

.login_body{background: url("../images/login_bg.jpg") center center; background-size:cover;}
.login_positon{position: fixed; top: 80px;left: 0px;right: 0px;bottom: 45px;overflow-y:auto;}


.login{ margin:100px auto; height:310px; width:460px; border-radius:10px; padding:30px; background:#fff;}
.login input{ border:#e2ddd3 1px solid; height:40px; line-height:40px; width:300px; font-size: 18px; padding-left: 10px;}
.login table{ text-align:center; margin:auto;}
.login .login_title{}
.login .login_title h1{ text-align: center;}
.login .login_middle{ padding:20px; font-size:16px;}
.login .btn_login{ display: block; margin: 10px auto; text-align: center; width:100%; line-height:45px; color:#fff; font-size:18px; background:#333; border-radius: 5px;}


.form{}
.form select{border:#e2ddd3 1px solid; height: 40px; font-size: 18px; padding: 5px; color: #999;}
.form input[type='text']{ border:#e2ddd3 1px solid; height:40px; line-height:40px; width:300px; font-size: 18px; padding-left: 10px;}
.form table{}
.form table th{ font-size: 18px; font-weight: normal;}
.form table td{ padding: 10px;}

.order_create{ border-radius: 20px; background: #fff; padding: 30px; width: 700px; margin: 50px auto;}
.order_create h1{ padding: 20px 0px;}
.order_create .form{}
.order_create .form table th{ text-align: right;}
.order_create .btn_submit{ display: block; margin: 10px auto; text-align: center; width:240px; line-height:45px; color:#fff; font-size:18px; background:#000; border-radius: 5px;}
.order_create .btn{ background: #1dc116; color: #fff; border: none; height: 36px; padding: 0px 10px;}
.order_create .disabled{ background: #d4d0c8;}
.order_create .success{ font-size: 18px; padding: 50px 0px; text-align: center;}
.order_create .success h3{ padding: 20px 0px; font-size: 24px;}
.order_create span{ margin-right: 10px;}


.product_middle{ padding: 40px 0px;}
.product_middle .middle_left{ width: 240px;}
.product_middle .middle_right{ width: 930px;}

.product_card{ line-height: 45px; color: #fff; text-align: left; padding: 20px 20px; background: #6c4b22; border: #edd17e 1px solid; border-radius: 10px;}
.product_card li{ margin: 0px 0px;}
.product_card li a{ color: #fff;}

.product_category{line-height: 45px; color: #fff; text-align: left; padding: 20px 20px; background: #6c4b22; border: #edd17e 1px solid; border-radius: 10px;}
.product_category li{border-left: 2px solid transparent;}
.product_category li a{ color: #fff;padding-left:8px;}
.product_category li.on a{color: #ffcc00;border-left: 2px solid #ffcc00;padding-left:8px;}
.product_category li.on .son{display: block;}
.product_category li.on .son a{color: #fff;border-left:0px;padding: 0px;}
.product_category li .son .on1 a{color:#ffcc00;}
.product_category li .son{display: none;padding-left: 8px;}
.product_category li .son li{line-height: 35px;}

/*
商品套餐列表
*/
.product_list{ padding: 20px; background: #fff; border: #edd17e 1px solid; border-radius: 10px;}
.product_list .list_body{ margin-left: -20px;}
.product_list .item{ width: 207px; float: left; margin: 10px 0 10px 20px;}
.product_list .item i{ display: block; background: #fff; text-align: center; height: 207px; overflow: hidden; border: #d0bd8d 1px solid;}
.product_list .item i img{}
.product_list .item h2{ font-size: 16px; font-weight: normal; padding: 10px 0px; height: 30px; text-align: center;}
.product_list p{ font-size: 16px; padding: 50px 0px; text-align: center;}
.product_list p a{ text-decoration:underline; color:#cc0000;}


.product_details{ margin: auto; background: #fff;}
.product_details .details_info{ padding: 30px;}
.product_details .info_img{ width: 300px; height: 300px; background: #fff; border: #EEE 1px solid;}
.product_details .info_img img{ width: 300px; text-align: center;}
.product_details .info_note{ width: 500px; margin-left: 20px;}
.product_details .info_note .describe{ line-height: 30px; font-size: 14px; min-height: 160px;}
.product_details .info_note h1{ padding: 15px 0px 15px 0px; font-size: 20px; font-weight: normal;}
.product_details .option{ padding: 20px 0px;}
.product_details .option .btn{ display: block; width: 200px; padding: 6px 0px; color: #fff; background: #ce0c0c; text-align: center; border-radius: 5px; font-size: 18px;}
.product_details .content{ margin-top: 15px; line-height: 40px; padding: 30px;}
.product_details .content .content_title{ border-bottom: #ce0c0c 2px solid; font-size: 18px;}
.product_details .content .content_details{}
.product_details .content .content_details img{ width: 100%;}
.product_details .content .content_details iframe{ width: 600px; height: 450px; margin: 20px auto;}


.product_exchange{}
.product_exchange .option{ background: #fff; 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: #d6bc6e; 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;}
.buy_car .product .t1{ font-weight: bold;}
.buy_car .product .t2{ padding: 10px 0px;}

.order_query{padding: 30px 30px; width: 460px; color: #0a2b1d; margin: auto;}
.order_query ul{margin-bottom: 10px;}
.order_query ul h1{ text-align: center; line-height: 40px; padding: 10px 0px;}
.order_query ul table{ margin: auto;}
.order_query ul table input{ height: 45px; width:260px; padding-left: 5px; font-size: 16px; border: #e2ddd3 1px solid;}
.order_query ul table .btn{ color: #fff; display: block; text-align: center; border-radius: 5px; line-height: 45px; background: #333;}
.order_query strong{color: #E4393C;}


.query_number{width: 100%;background: #FFFDCA;height: 40px;line-height: 40px;padding: 0px 10px;box-sizing: border-box;}
.query_result{  }
.query_result .list_order{}
.query_result .list_order .item{ padding: 10px; margin-bottom: 15px;}
.query_result h2{ margin: 5px 0px; font-size: 18px; padding: 10px 0px;}
.query_result h4{ margin: 5px 0px; font-size: 16px;}

.query_result table{background: #eee; width: 100%;}
.query_result table td{background: #fff; padding:10px 10px; text-align: left;}
.query_result table th{ padding: 10px 10px; text-align: left;}
.query_result table tr:nth-child(2n) td{background: #fefbf6;}

.query_result .result_error{ padding: 30px; line-height: 30px; font-size: 16px;}

.query_result ul{ line-height: 24px;}
.query_result .btn_express_track{ background: #ff2222; color: #fff; width: 80%; display: block; border-radius: 10px; padding: 5px; text-align: center;}



.list_express_log{ line-height: 25px; padding: 20px;}
.list_express_log li{ padding: 5px 0px; display: table; width: 100%; border-bottom: #ccc 1px dashed;}
.list_express_log b,
.list_express_log span{ padding-left: 10px; display: table-cell;}
.list_express_log b{ font-weight: normal; width: 150px;}
.list_express_log p{ font-size: 24px; text-align: center; color: #ccc; padding-top: 50px;}

.card_details{ padding: 25px; width: 600px; margin: auto;}
.card_details .details_info{}
.card_details .details_info table{ width: 100%;}
.card_details .details_info table th{ text-align:right;}
.card_details .details_info table td{ padding: 5px;}
.card_details .details_option{ padding: 25px;}
.card_details .details_option .btn{ display: block; margin: auto; height: 45px; line-height: 45px; width: 150px; border-radius: 10px; background: #ff3333;}

/*套餐商品详情*/
.gift_book_dp{}
.gift_book_dp .book_info{padding: 20px; background: #fff; border: #edd17e 1px solid; border-radius: 10px}
.gift_book_dp .book_info .btn_change{ float: right; margin-top: -30px;}
.gift_book_dp .product_list{ margin-top: 20px;}


.verification{padding: 30px 0px; width: 600px; margin: auto; color: #0a2b1d;}
.verification h1{ text-align: center; line-height: 40px; padding: 10px 0px;}
.verification table{ margin: auto; text-align: left;}
.verification table input{ height: 45px; padding-left: 5px; font-size: 16px; border: #e2ddd3 1px solid;}
.verification table .btn{ color: #fff; display: block; text-align: center;border-radius: 5px; line-height: 45px; background: #0a2b1d;}

.verification_result{ border: #d7d1c6 1px solid; width: 800px; height: 325px; margin: auto; padding: 10px;}
.verification_result table{ width: 100%;}
.verification_result table th{ padding: 10px; width: 80px; text-align: left; background: #d7d1c6; border-bottom: 1px #d7d1c6 solid;}
.verification_result table td{ padding: 15px 10px; background: #f2efe9;}
.verification_result p{ font-size: 36px; color: #d7d1c6; padding: 50px 0px; text-align: center;}

/*商品兑换*/
.exchange_product{ font-size: 18px; padding-top: 50px; padding-bottom: 50px;}
.exchange_product table{ width: 100%;}
.exchange_product table td{ padding: 10px;}
.exchange_product .card_info{font-size: 18px; background: #fff; padding: 20px; border-radius: 10px;}
.exchange_product .card_no_use{font-size: 18px; background: #fff; padding: 20px; line-height: 45px; border-radius: 10px; margin-top: 50px;}
.exchange_product .card_no_use h3{ color: #ff0000;}
.exchange_product .card_no_use a.btn{ display: block; width: 250px; margin: 10px 0px; padding: 5px 0px;}
.exchange_product .list_product{ margin-top: 20px;margin-left: -1%;}
.exchange_product .list_product .item{ width: 20.7%;float: left;margin: 20px 0px 20px 1%; background: #fff; padding: 20px; border-radius: 10px;text-align: center;}
.exchange_product .list_product .item .t1{text-align: center;margin: 10px 0;}
.exchange_product .list_product .item .t2{}
.exchange_product .list_product .item .t3{}
.exchange_product .list_product .item .t4{ height: 150px;}
.exchange_product .list_product .item h2{ text-align: left; font-size: 18px;min-height: 72px;}
.exchange_product .list_product .item img{ width: 150px; height: 150px;display: inline-block;}
.exchange_product .list_product .item .no_data{ text-align: center; padding: 20px;}
.exchange_product .list_product .item .check_box{ width: 30px; height: 30px;}
.exchange_product .list_product .item h4{ text-align: center; line-height: 30px;}
.exchange_product .list_product .item h4 a{ color: #ff0000;}
.exchange_product .bottom_option{ z-index: 999; padding: 0px 0px; text-align: center; position: fixed; background:#fff; left: 0px; bottom: 0px; width: 100%;}
.exchange_product .bottom_option .option{ padding: 10px;}
.exchange_product .bottom_option .option li{ display: inline-block; padding: 0px 10px;}
.exchange_product .bottom_option .option span{ color: #cc0033;}
.exchange_product .bottom_option .btn{ padding: 10px 0px; margin: auto; display: inline-block; width: 200px;}
.exchange_product .bottom_option .color01{ background:#ff9900;}


/*一键转赠*/
.largess{ width: 500px; margin: auto; padding: 20px;}
.largess .note{ padding: 0px 10px;}
.largess .note h2{ padding: 15px 0px;}
.largess .bottom_option{}
.largess .bottom_option .btn{line-height: 45px; width: 200px; margin: 15px auto; display: block; font-size: 16px;}
.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 30px; line-height: 150%; 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;}


.page_middle{ padding: 100px 0px;}
.page_middle .middle_left{ width: 300px;}
.page_middle .middle_right{width: 870px;}

.bg_page_box{ background: #fff; border-radius: 10px;}

.service{ line-height: 30px; padding: 30px;}
.service h2{ padding: 20px 0px;}

/*.contact{ line-height: 30px; padding: 30px;}*/
/*.contact h2{ padding: 20px 0px;}*/

.details_01{ min-height: 550px;}
.details_01 img{ width: 100%;}

.calendar{ position: relative; display: none;}
.calendar .content{ position:absolute; top: 0px; width: 350px;}

.index_notice_alert{line-height: 30px;}
.index_notice_alert .txt1{ padding: 20px;}

.i_bottom .bottom{position: relative;}
.bottom{background: #333333; text-align: center; padding: 10px 0px;position: fixed;bottom: 0px;left: 0px;right: 0px;}
.bottom .copyright{ line-height: 30px; color: #fff;}
.bottom .copyright a{ color: #fff;}

.bottom_menu{ line-height: 30px;}