@charset "utf-8";
/* CSS Document */
/*html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter:grayscale(100%);} */
*{ margin:0; padding:0; list-style:none;}
body{ font-size:14px; font-family:"STHeiti Light","Microsoft YaHei","SimSun",Arial; color:#333;}
a{ color:#333; -webkit-font-smoothing: antialiased; text-decoration:none;}
body a,body a:link{text-decoration:none;}
img{ border:none; -ms-interpolation-mode:bicubic;}
input,select,textarea{ margin:0; font-size:14px; font-family:"STHeiti Light","Microsoft YaHei","SimSun",Arial;}

.clear{ clear:both; zoom:1;}
.ht_layout{ width:1200px; margin:0 auto;}
.mt-30{ margin-top:30px;}
.mt-20{ margin-top:20px;}
.fs-40{ font-size:40px;}
.fs-18{ font-size:18px;}
.fs-16{ font-size:16px;}
.fs-14{ font-size:14px;}
.fs-12{ font-size:12px;}

.fl{ float:left;}
.fr{ float:right;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}

/* icon */
.ico-user{ background:url(../Img/icon/icon-user.png) center center no-repeat;}
.ico-home{ background:url(../Img/icon/icon-home.png) center center no-repeat;}
.ico-search{ background:url(../Img/icon/icon-search.png) center center no-repeat;}
.ico-mobile{ background:url(../Img/icon/icon-mobile.png) center center no-repeat;}
.ico-down{ background:url(../Img/icon/icon-down.png) center center no-repeat;}
.ico-car{ background:url(../Img/icon/icon-car.gif) center center no-repeat;}
.ico-list{ background:url(../Img/icon/icon-list.png) center center no-repeat;}
.ico-juan{ background:url(../Img/icon/icon-juan.png) center center no-repeat;}
.ico-lzjuan{ background:url(../Img/icon/icon-lzjuan.png) center center no-repeat;}
.ico-sxjuan{ background:url(../Img/icon/icon-sxjuan.png) center center no-repeat;}
.ico-rzjuan{ background:url(../Img/icon/icon-rzjuan.png) center center no-repeat;}
.ico-dxjuan{ background:url(../Img/icon/icon-dxjuan.png) center center no-repeat;}
.ico-qq{ background:url(../Img/icon/icon-qq.png) center center no-repeat;}
.ico-right{ background:url(../Img/icon/icon-right.png) center center no-repeat;}
.ico-left{ background:url(../Img/icon/icon-left.png) center center no-repeat;}
.ico-price-up{ background:url(../Img/icon/icon-price-up.png) center center no-repeat;}
.ico-price-down{ background:url(../Img/icon/icon-price-down.png) center center no-repeat;}
.ico-price-flat{ background:url(../Img/icon/icon-price-flat.png) center center no-repeat;}
.ico-account{ background:url(../Img/icon/icon-account.png) center center no-repeat;}
.ico-auction{ background:url(../Img/icon/icon-auction.png) center center no-repeat;}
.ico-order{ background:url(../Img/icon/icon-order.png) center center no-repeat;}
.ico-profile{ background:url(../Img/icon/icon-profile.png) center center no-repeat;}
.ico-news{ background:url(../Img/icon/icon-news.png) center center no-repeat;}
.ico-pin{ background:url(../Img/icon/ico-pin.gif) center center no-repeat;}
/* icon end */

/* top */
#ht_top{ width:100%; height:30px; background:#eee; border-bottom:#ddd 1px solid;}
.ht_top ul li{ float:left; padding:0 10px; line-height:30px; font-size:12px; position:relative; border-left:#eee 1px solid; border-right:#eee 1px solid;}
.ht_top ul li i{ display:inline-block; width:10px; height:10px; background-size:10px; margin:0 5px -1px 5px;}
.ht_top ul li a{ display:inline-block; color:#666;}
.ht_top ul li:hover{ background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#fff 1px solid; z-index:999;}
.ht_top ul li.nohover{ border-bottom:#ddd 1px solid;}
.ht_top ul li a:hover{ color:#ff4127;}
/*.ht_top ul li .hover{ position:absolute; top:31px; width:220px; padding:0 10px 10px 10px; display:none; background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; z-index:2;}*/
.ht_top ul li .hover{ position:absolute; top:31px;  padding:0 10px 10px 10px; display:none; background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; z-index:2;}
.ht_top ul.fl li .hover{ left:-1px;}
.ht_top ul.fr li .hover{ right:-1px;}
.ht_top ul li .hover p{ text-align:center; line-height:12px; padding-top:10px;}
.ht_top ul li:hover .hover{ display:block;}
.ht_top ul li .weixin{ width:100px;}
.ht_top ul li .nlist{ width:100px; padding:0px !important;}
.ht_top ul li dl dt:hover{ background:#eee;}
.ht_top ul li dl dt{ text-align:center;}
/* top end */

/* head */
#ht_head{ width:100%; height:100px; background:#fff; padding-top:10px; overflow:hidden;}
.ht_head .logo{ padding:10px 0;}
.ht_head .slogan{ height:56px; margin-top:20px; border-left:#ccc 1px solid; padding-left:10px; padding-top:4px;}
.ht_head .slogan p{ line-height:26px; font-size:16px; color:#666;}
.ht_head .search{ position:relative; margin-top:30px; z-index:1;}
.ht_head .search input[type=text]{ border:#ff4127 1px solid; height:40px; line-height:40px; padding:0 280px 0 10px; width: 140px;}
.ht_head .search input[type=submit]{ background:#ff4127; border:#ff4127 1px solid; line-height:40px; color:#fff; font-size:16px; position:absolute; right:0; top:0; width:90px; text-align:center; cursor:pointer;}
.ht_head .search .hotword{ position:absolute; right:95px; top:0; height:20px; padding:11px 0;}
.ht_head .search .hotword li{ float:left; background:#eee; margin-left:5px; height:20px; line-height:20px; padding:0 5px; text-align:center;}
.ht_head .search .hotword li a{ display:block; font-size:12px;}
.ht_head .search .hotword li:hover{ background:#ff4127;}
.ht_head .search .hotword li:hover a{ color:#fff;}
.ht_head .car{ margin-top:30px; margin-left:20px; border:#ff4127 1px solid; height:40px; line-height:40px; padding:0 15px;}
.ht_head .car i{ display:inline-block; width:16px; height:16px; background-size:16px; margin:0 10px -3px 0;}
.ht_head .car a{ display:block; color:#ff4127; font-size:16px;}
.ht_head .car:hover{ border:#ff4127 2px solid; height:38px; line-height:38px; padding:0 14px;}
/* head end */

/* menu */
#ht_menu{ width:100%; height:40px; background:#fff;}
.ht_menu .market{ position:relative;}
.ht_menu .market .title{ display:block; width:190px; font-size:16px; height:40px; line-height:40px; background:#ff4127; color:#fff; padding-left:30px;}
.ht_menu .market .title i{ display:inline-block; width:16px; height:16px; background-size:16px; margin:0 20px -3px 0;}
.ht_menu .market .market_main{ width:220px; height:400px; /*background:rgba(0,0,0,.5);*/background:url(../Img/market-bg.png) repeat; position:absolute; left:0; top:40px; z-index:99;}
.ht_menu .market .market_main ul{ padding:10px 0;}
.ht_menu .market .market_main ul li{ height:65px; padding:15px 30px 15px 66px; position:relative;}
.ht_menu .market .market_main ul li p{ line-height:35px; color:#fff;}
.ht_menu .market .market_main ul li i.ico-juan,.ht_menu .market .market_main ul li i.ico-lzjuan,.ht_menu .market .market_main ul li i.ico-sxjuan,.ht_menu .market .market_main ul li i.ico-rzjuan,.ht_menu .market .market_main ul li i.ico-dxjuan{ display:block; width:16px; height:16px; background-size:16px; position:absolute; left:30px; top:25px;}
.ht_menu .market .market_main ul li i.ico-right{ display:none; width:30px; height:30px; background-size:30px; position:absolute; right:10px; top:35px;}
.ht_menu .market .market_main ul li:hover{ background:#ff4127;}
.ht_menu .market .market_main ul li:hover i.ico-right{ display:block;}

.ht_menu .market .market_main{ display:none;}
.ht_menu .market:hover .market_main{ display:block;}

.ht_nav{ height:38px;}
.ht_nav ul{ margin-left:10px;}
.ht_nav ul li{ float:left; line-height:38px; width:96px; margin-left:10px; position:relative;}
.ht_nav ul li a{ display:block; font-size:16px; text-align:center;}
.ht_nav ul li.on{ border-bottom:#ff4127 2px solid;}
.ht_nav ul li.on a,.ht_nav ul li:hover a{ color:#ff4127;}
.ht_nav ul li:hover a{ font-size:18px;}
.ht_nav ul li span{ position:absolute; right:-5px; top:-5px;}
/* menu end */

#ht_step{ width:100%; height:40px; padding:20px 0; background:#ff4127; }
.ht_step ul li{ float:left; width:79px; position:relative; padding-left:70px; border-left:#fff 1px solid;}
.ht_step ul li span{ position:absolute; left:30px; top:0; font-size:40px; font-family:Arial; font-weight:bold; color:#fff;}
.ht_step ul li p{ color:#fff; line-height:20px;}
.ht_step ul li:nth-child(1){ border-left:none;}

#ht_foot{ width:100%; background:#fff;}
.ht_foot{ padding:40px 0 30px; height:150px;}
.ht_foot .ht_contact{ width:600px; height:150px;}
.ht_foot .ht_contact .ht_phone{ width:300px;}
.ht_foot .ht_contact .ht_phone span{ display:block;}
.ht_foot .ctxt{ font-size:16px;}
.ht_foot .czphone{ font-size:14px;}
.ht_foot .czphone b{ font-size:18px; font-weight:500; color:#ff4127; font-family:Arial;}
.ht_foot .ht_contact .ht_phone .cphone{ font-size:30px; color:#ff4127; font-family:Arial; line-height:1.6em;}
.ht_foot .ht_contact .ht_phone .cqq{ margin-top:15px; display:block; width:120px; border:#ff4127 1px solid; line-height:30px; color:#ff4127; text-align:center;}
/*.ht_foot .ht_contact .ht_phone .cqq i{ display:inline-block; width:14px; height:14px; background-size:14px; margin:0 10px -2px 0;}*/
.ht_foot .ht_contact .ht_phone .cqq:hover{ background:#ff4127; color:#fff;}
.ht_foot .ht_contact .ht_ewm ul li{ float:left; margin-right:10px;}
.ht_foot .ht_contact .ht_ewm ul li .vimg img{ border:#ddd 1px solid; padding:8px;}
.ht_foot .ht_contact .ht_ewm ul li p{ font-size:12px; text-align:center; line-height:30px;}

.ht_foot .ht_about{ width:139px; padding-left:60px; border-left:#ddd 1px solid; height:150px;}
.ht_foot .ht_about ul{ margin-top:10px;}
.ht_foot .ht_about ul li{ line-height:30px;}
.ht_foot .ht_about ul li a{ color:#666;}
.ht_foot .ht_about ul li:hover a{ color:#ff4127;}

.ht_copy p{ text-align:center; line-height:2em; font-size:13px;}
.ht_copy p a:hover{ color:#ff4127;}
.ht_copy p span{ padding:0 15px;}
.ht_copy .ht_copy_img{ margin:10px 0 30px; text-align:center;}
.ht_copy .ht_copy_img a{ display:inline-block; width:124px; height:46px;}
/* copy end */

#page{ margin:20px 0; line-height:30px;}
#page a,#page span{ display:inline-block; padding:0 10px; border:#ff4127 1px solid; border-radius:4px; margin-right:5px;}
#page a{ background:#eee; }
#page span,#page a:hover{ background:#ff4127; color:#fff;}

/* float right */
.c_right_fix { position: fixed; }
.c_right_fix li { position: relative; }
.c_right_fix li span, .c_right_fix li span:after { position: absolute; }
.c_right_fix { width: 35px; background:#383838; right: 0; height: 100%; top: 0; z-index: 999; color:#ffffff; text-align: center; font-size: 14px; }
.c_right_fix a { color: inherit; }
.c_right_fix ul { padding-top: 210px; }
.c_right_fix li { cursor: pointer; position: relative; transition: 0.4s; width: 35px; height: 35px; }
.c_right_fix li a { display:block; width:100%; height:35px; }
.c_right_fix li a img { vertical-align: middle; }
.c_right_fix li:first-of-type a{ background: url('/Public/Img/icon/fr_user_on_2.png') center center no-repeat; }
.c_right_fix li:first-of-type span { width: 110px; }
.c_right_fix li:nth-of-type(2) { height:110px; margin:20px 0; background:#ff4127;}
.c_right_fix li:nth-of-type(2) a{ height:70px; padding-top:40px; font-size:13px; background:url('/Public/Img/icon/fr_car_2.png') center 15px no-repeat;}
.c_right_fix li:nth-of-type(3) a{ background:url('/Public/Img/icon/fr_phone_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(3) span { width: 130px; }
.c_right_fix li:nth-of-type(4) a{ background:url('/Public/Img/icon/fr_qq_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(4) span { width: 100px; }
.c_right_fix li:nth-of-type(5) a{ background: url('/Public/Img/icon/fr_code_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(5) span { padding-top: 110px; width: 120px; background:url("/Public/Img/fr-wx.jpg") center 7px no-repeat #585858; margin-top: -72px; background-size:106px;}
.c_right_fix li:nth-of-type(6) a{ background:url('/Public/Img/icon/fr_help_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(6) span { width: 100px; }
.c_right_fix li:last-of-type { position: absolute; bottom: 35px; }
.c_right_fix li:last-of-type a{ background: url('/Public/Img/icon/fr_top_on_2.png') center center no-repeat;}
.c_right_fix li:hover { background: #585858;}
.c_right_fix li span { width: 90px; height: 35px; line-height: 35px; font-size: 13px; background: #585858; right: 135px; top: 50%; margin-top: -18px; display: none; }
/* float right end */

/*
 * by：hellotact
 * time：2017-03-06
 */
#ht_top{ width:100%; border-bottom:#ddd 1px solid;}
.ht_top .left ul li{ float:left; padding:0 10px; border-left:#efefef 1px solid; border-right:#efefef 1px solid; }
.ht_top .left ul li span{ padding-left:20px; font-size:12px;}
.ht_top .left ul li .home{ background:url(/Public/Img/top_home.png) left center no-repeat; background-size:14px;}
.ht_top .left ul li .mobile{ background:url(/Public/Img/top_mobile.png) left center no-repeat; background-size:14px;}
.ht_top .left ul li .user{ background:url(/Public/Img/top_user.png) left center no-repeat; background-size:14px;}
.ht_top ul li a{ display:inline-block; line-height:26px; font-size:12px;}
.ht_top .right ul li{ float:left; padding:0 10px; border-left:#efefef 1px solid; border-right:#efefef 1px solid; position:relative; z-index:999;}
.ht_top .right ul li .sub{ padding-right:20px; background:url(/Public/Img/top_down.png) right center no-repeat; background-size:10px; }
.ht_top .right ul li dl{ width:108px; height:auto; position:absolute; top:26px; right:-1px; background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; display:none;}
.ht_top .right ul li:hover dl{ display:block;}
.ht_top .right ul li dl dd:hover{ background:#efefef; }
.ht_top .right ul li dl dd a{ display:block; text-align:center;}
.ht_top ul li:hover{ background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid;}
.ht_top ul li a.login,.ht_top ul li a:hover{ color:#f60;}

#ht_head{ height:100px; width:100%; background:#fff;}
.ht_head{ height:60px; /*padding:20px;*/}
.ht_head .shop_headimg{ height:56px; width:56px; border:rgba(0,0,0,.1) 2px solid; border-radius:8px; overflow:hidden;}
.ht_head .shop_title{ margin-left:20px;}
.ht_head .shop_title span{ display:block; }
.ht_head .shop_title .stit{ height:36px; line-height:36px; font-size:24px; font-weight:bold;}
.ht_head .shop_title .stxt{ height:24px;}
.ht_head .shop_title .stxt .sign{ border:#f60 1px solid; color:#f60; font-size:12px; padding:0 5px; border-radius:2px; margin-right:5px;}
.ht_head .shop_title .scompany{ display:inline-block; line-height:24px; font-size:13px; color:#999;}
.shop_init{ height:200px;}
.ht_head .search .search_cate{ height:24px;}
.ht_head .search .search_cate ul li{ float:left;}
.ht_head .search .search_cate ul li a{ width:60px; height:24px; line-height:24px; display:block; text-align:center; font-size:12px;}
.ht_head .search .search_cate ul li.on a,.ht_head .search .search_cate ul li:hover a{ background:#f60; color:#fff;}
.ht_head .search .search_main{ height:36px; position:relative;}
.ht_head .search .search_main input[type=text]{ height:32px; line-height:32px; padding:0 95px 0 5px; width:300px; border:#f60 2px solid; font-size:13px;}
.ht_head .search .search_main input[type=submit]{ position:absolute; bottom:0; right:0; background:#f60; border:#f60 2px solid; height:36px; line-height:32px; width:90px; text-align:center; color:#fff;}
.ht_head .enquiry,.ht_head .cart{ height:34px; border:#f60 1px solid; margin:24px 0 0 20px;}
.ht_head .enquiry a,.ht_head .cart a{ display:block; line-height:34px; width:50px; padding:0 10px 0 30px; font-size:16px; color:#f60;}
.ht_head .enquiry a{ background:url(/Public/Img/head_pin.gif) 10px center no-repeat; background-size:14px; }
.ht_head .cart a{ background:url(/Public/Img/head_car.gif) 10px center no-repeat; background-size:14px; }
.ht_head .cart{ position:relative;}
.ht_head .cart .num{ position:absolute; top:50%; margin-top:-28px; right:50%; margin-right:-40px; display:block; width:18px; height:18px; background:#f60; border-radius:9px; line-height:18px; text-align:center; color:#fff; font-size:12px; }
.ht_head .enquiry:hover,.ht_head .cart:hover{height:32px; border:#f60 2px solid;}
.ht_head .enquiry:hover a,.ht_head .cart:hover a{ padding:0 9px 0 29px; line-height:32px;}
.ht_menu .menu_list ul li{ float:left; width:90px; padding:0 15px;}
.ht_menu .menu_list ul li a{ width:64px; display:block; line-height:38px; text-align:center; font-size:16px; margin:0 auto;}
.num2{ width:2em !important;}
.num5{ width:5em !important;}
.ht_menu .menu_list ul li.on a, .ht_menu .menu_list ul li:hover a{ border-bottom:#f60 2px solid; color:#f60; font-weight:bold;}
.ht_bann{ width:100%; height:520px; background:#999; overflow:hidden; position:relative;}
.ht_bann .login{ width:240px; height:480px; background:rgba(255,255,255,.9); position:absolute; right:50%; margin-right:-600px; top:20px; z-index:1;}
.ht_bann .login .user{ margin:20px; }
.ht_bann .login .user .hi{ position:relative; padding:5px 0 0 75px; height:55px;}
.ht_bann .login .user .hi .himg{ width:56px; height:56px; position:absolute; left:0; top:0; border-radius:40px; border:#f60 2px solid; overflow:hidden;}
.ht_bann .login .user .hi .nihao{ display:block; font-size:15px; height:30px; line-height:30px; color:#f60; font-weight:bold; }
.ht_bann .login .user .hi .signin{ padding-left:20px; height:20px; line-height:20px; font-size:12px; background:url(/Public/Img/signin.png) left center no-repeat;}
.ht_bann .login .user .anniu{ margin-top:20px; overflow:hidden;}
.ht_bann .login .user .anniu .login_dl,.ht_bann .login .user .anniu .login_zc{ width:93px; height:26px; line-height:26px; font-size:13px; text-align:center; display:block;}
.ht_bann .login .user .anniu .login_dl{ background:#f60; border:#f60 1px solid; color:#fff;}
.ht_bann .login .user .anniu .login_zc{ border:#f60 1px solid; color:#f60;}
.ht_bann .login .user .anniu .login_dl:hover,.ht_bann .login .user .anniu .login_zc:hover{ font-size:15px;}
.ht_bann .login .service, .ht_bann .login .forecast{ border-top:#ccc 1px solid;}
.ht_bann .login .service .serv_menu{ overflow:hidden;}
.ht_bann .login .service .serv_menu ul li{ width:120px; background:#ddd;}
.ht_bann .login .service .serv_menu ul li a{ display:block; line-height:28px; text-align:center; color:#999;}
.ht_bann .login .service .serv_menu ul li.on{ background:none;}
.ht_bann .login .service .serv_menu ul li.on a{ color:#333;}
.ht_bann .login .service .serv_list, .ht_bann .login .forecast .fore_list{ padding:20px;}
.ht_bann .login .service .serv_list ul, .ht_bann .login .forecast .fore_list ul{ width:225px; overflow:hidden;}
.ht_bann .login .service .serv_list ul li, .ht_bann .login .forecast .fore_list ul li{ float:left; width:50px; margin-right:25px;}
.ht_bann .login .service .serv_list ul li .serv_img{ display:block; height:26px; height:26px; padding:11px; border:#ddd 1px solid; background:#fefefe;}
.ht_bann .login .service .serv_list ul li .serv_txt, .ht_bann .login .forecast .fore_list ul li .fore_txt{ display:block; font-size:12px; text-align:center; line-height:24px; color:#666;}
.ht_bann .login .service .serv_list .enter{ margin-top:10px;}
.ht_bann .login .service .serv_list .enter a{ display:block; text-align:center; color:#f60; font-size:12px;}
.ht_bann .login .forecast .fore_tit{ display:block; margin-top:10px; height:30px; line-height:30px; font-size:16px; font-weight:bold; text-align:center;}
.ht_bann .login .forecast .fore_tit span{ color:#f60; font-family:Arial;}
.ht_bann .bann_ad{ width:680px; position:absolute; bottom:20px; left:50%; margin-left:-340px; z-index:1;}
.ht_bann .bann_ad ul{ width:700px;}
.ht_bann .bann_ad ul li{ float:left; width:330px; height:100px; margin-right:20px; position:relative;}
.ht_bann .bann_ad ul li .ad_tit{ position:absolute; left:10px; bottom:10px; border:#efefef 1px solid; font-size:12px; line-height:16px; color:#efefef; padding:0 2px;}
.ht_bann .bd{ position:absolute; left:50%; top:0; margin-left:-960px; height:520px; z-index:0;}
.ht_bann .bd li{ width:1920px; height:520px; zoom:1; vertical-align:middle; }
.ht_bann .bd li a{ display:block; width:100%; height:520px;}
.box1{ width:385px; background:#fff;}
.box2{ width:785px; background:#fff;}
.box3{ width:380px; background:#fff;}
.init_title{ height:20px; padding:20px 0; border-bottom:#ddd 1px solid;}
.init_title .init_tit{ height:20px; border-left:#f60 5px solid; padding-left:20px; font-size:18px; line-height:20px; font-weight:bold;}
.init_title .init_tmenu{ height:20px; padding-right:50px;}
.init_title .init_tmenu ul li{ float:left; height:20px; margin-left:20px; padding:0 5px;}
.init_title .init_tmenu ul li a{ height:20px; line-height:20px;}
.init_title .init_tmenu ul li.on{ background:#f60;}
.init_title .init_tmenu ul li.on a{ color:#fff;}
.ht_sprice{ height:360px; overflow:hidden;}
.ht_sprice .day_price{ height:360px; overflow:hidden;}
.ht_sprice .day_price .ptable{ border:#ddd 1px solid; border-collapse:collapse; width:787px; margin-left:-1px; margin-top:-1px;}
.ht_sprice .day_price .ptable tr td{ border:#ddd 1px solid; width:261px; height:150px; position:relative;}
.ht_sprice .day_price .ptable tr td span{ display:block;}
.ht_sprice .day_price .ptable tr td .parea{ position:absolute; left:20px; top:20px;}
.ht_sprice .day_price .ptable tr td .pname{ position:absolute; right:20px; top:20px;}
.ht_sprice .day_price .ptable tr td .pprice{ font-size:40px; font-weight:bold; position:absolute; left:20px; top:66px;}
.ht_sprice .day_price .ptable tr td .pprice i{ margin-left:20px;}
.ht_sprice .day_price .ptable tr td .ptrend{ position:absolute; right:20px; top:72px; font-weight:bold;}
.ht_sprice .day_price .ptable tr td .pprovince{ position:absolute; left:20px; bottom:20px; color:#666;}
.ht_sprice .day_price .ptable tr td .pdate{ position:absolute; right:20px; bottom:20px; color:#666;}
.col_rise{ color:#f62d3d;}
.col_flat{ color:#38f;}
.col_fall{ color:#00bb50;}
.ico_rise{ display:inline-block; width:16px; height:16px; background:url(/Public/Img/ico_rise.png) no-repeat;}
.ico_flat{ display:inline-block; width:16px; height:16px; background:url(/Public/Img/ico_flat.png) no-repeat;}
.ico_fall{ display:inline-block; width:16px; height:16px; background:url(/Public/Img/ico_fall.png) no-repeat;}
.ht_sprice .price_trend{ height:360px;}
.init_ad{ height:100px; position:relative;}
.sub_ad{ height:190px; position:relative;}
.init_ad .ad_tit,.sub_ad .ad_tit{ position:absolute; left:10px; bottom:10px; border:#efefef 1px solid; font-size:12px; line-height:16px; color:#efefef; padding:0 2px;}
.ht_mall{ height:380px;}
.ht_mall .ht_shop{ height:380px;}
.ht_mall .ht_shop .shop_list ul li{ height:59px; width:255px; padding:10px 50px 10px 80px; border-bottom:#efefef 1px solid; position:relative;}
.ht_mall .ht_shop .shop_list ul li span{ display:block;}
.ht_mall .ht_shop .shop_list ul li .slimg{ position:absolute; left:10px; top:10px; width:58px; border:#efefef 1px solid; border-radius:6px; overflow:hidden; }
.ht_mall .ht_shop .shop_list ul li .slcompany{ height:20px; line-height:20px; font-size:14px; overflow:hidden;}
.ht_mall .ht_shop .shop_list ul li .sltxt{ height:20px; overflow:hidden;}
.ht_mall .ht_shop .shop_list ul li .sltxt .sign{ border:#f60 1px solid; color:#f60; font-size:12px; padding:0 5px; border-radius:2px; margin-right:5px;}
.ht_mall .ht_shop .shop_list ul li .slpro{ height:18px; line-height:18px; font-size:12px; color:#999; overflow:hidden;}
.ht_mall .ht_shop .shop_list ul li .slcode{ width:30px; position:absolute; right:10px; top:25px;}
.ht_mall .ht_shop .shop_list ul li .slcode .vcode{ display:none; position:absolute; top:-40px; left:-130px; width:100px; height:100px; padding:10px 20px 10px 10px; background:url(/Public/Img/qcode_bg.png) left center no-repeat; z-index:9;}
.ht_mall .ht_shop .shop_list ul li .slcode:hover .vcode{ display:block;}
.ht_mall .ht_product{ height:380px; overflow:hidden;}
.ht_mall .ht_product .bd ul li{ height:40px;}
.ht_mall .ht_product .bd ul li span{ display:inline-block; line-height:40px; padding:0 10px; text-align:center;}
.ht_mall .ht_product .bd ul li .gc,.ht_mall .ht_product .bd ul li .pm,.ht_mall .ht_product .bd ul li .ph,.ht_mall .ht_product .bd ul li .zl,.ht_mall .ht_product .bd ul li .ck{ width:100px;}
.ht_mall .ht_product .bd ul li .gg{ width:140px;}
.ht_mall .ht_product .bd ul li:nth-of-type(odd){ background:#fffbf8;}

.ht_news{ height:350px; overflow:hidden;}
.ht_news .ht_industry{ height:350px; overflow:hidden;}
.ht_news .ht_industry .industry_box{ padding:10px; overflow:hidden;}
.ht_news .ht_industry .industry_box .industry_one{ width:400px; height:270px;}
.ht_news .ht_industry .industry_box .industry_one ul{ width:410px;}
.ht_news .ht_industry .industry_box .industry_one ul li{ width:195px; height:130px; margin-right:10px; margin-bottom:10px; float:left; position:relative;}
.ht_news .ht_industry .industry_box .industry_one .iotit{ height:40px; line-height:40px; padding:0 10px; width:175px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5); color:#fff;}
.ht_news .ht_industry .industry_box .industry_list{ width:350px;}
.ht_news .ht_industry .industry_box .industry_list ul li{ padding-left:16px; line-height:30px; background:url(/Public/Img/dian.png) left center no-repeat; background-size:6px;}
.ht_news .ht_industry .industry_box .industry_list ul li a{ display:block; height:30px; overflow:hidden;}
.ht_news .ht_industry .industry_box .industry_list ul li:hover a{ color:#f60;}
.ht_news .ht_fast{ height:350px; overflow:hidden;}
.ht_news .ht_fast .fast_list{ padding:10px 0;}
.ht_news .ht_fast .fast_list ul li{ height:90px; width:310px; padding:0 10px 0 65px; position:relative;}
.ht_news .ht_fast .fast_list ul li span{ display:block;}
.ht_news .ht_fast .fast_list ul li .ftime{ position:absolute; left:10px; top:5px; color:#f60; line-height:27px;}
.ht_news .ht_fast .fast_list ul li .fdian{ width:7px; height:7px; border:#f60 1px solid; border-radius:6px; position:absolute; left:61px; top:14px; background:#fff;}
.ht_news .ht_fast .fast_list ul li .fmain{ border-left:#999 1px dashed; height:80px; padding:5px 0 5px 15px; overflow:hidden; line-height:27px;}
.ht_news .ht_fast .fast_list ul li:nth-of-type(even){ background:#fffbf8;}
.ht_video{ height:270px; background:#fff; overflow:hidden;}
.ht_video .video_list ul{ padding-top:10px;}
.ht_video .video_list ul li{ float:left; width:228px; height:190px; margin-left:10px; position:relative;}
.ht_video .video_list ul li span{ display:block;}
.ht_video .video_list ul li .vlimg{ width:228px; height:150px; overflow:hidden;}
.ht_video .video_list ul li .vlimg img{ transition: all .2s linear;}
.ht_video .video_list ul li:hover .vlimg img{ -webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.ht_video .video_list ul li .vlplay{ width:50px; height:50px; position:absolute; left:89px; top:50px; background:rgba(0,0,0,.5); border-radius:25px;}
.ht_video .video_list ul li .vlplay:hover{ background:#f60;}
.ht_video .video_list ul li .vltit{ height:40px; padding:0 10px; width:210px; background:#efefef; overflow:hidden; line-height:40px;}
.ht_news .ht_new{ height:350px; overflow:hidden;}
.ht_news .ht_new .new_one{ padding:10px; height:100px;}
.ht_news .ht_new .new_one span{ display:block;}
.ht_news .ht_new .new_one .noimg{ width:150px;}
.ht_news .ht_new .new_one .nomain{ width:200px;}
.ht_news .ht_new .new_one .nomain .notit{font-size:16px; color:#555; line-height:1.6em; max-height:75px; overflow:hidden;}
.ht_news .ht_new .new_one .nomain .notime{ color:#999;}
.ht_news .ht_new .new_list ul{ padding:0 10px;}
.ht_news .ht_new .new_list ul li{ border-top:#ddd 1px solid; line-height:39px; height:39px; overflow:hidden; padding-left:16px; background:url(/Public/Img/dian.png) left center no-repeat; background-size:6px;}
.ht_news .ht_new .new_list ul li a{ display:block; color:#555;}
.ht_news .ht_new .new_list ul li:hover a{ color:#f60;}
.ht_partner{ height:150px; background:#fff; overflow:hidden;}
.ht_partner .partner_list ul{}
.ht_partner .partner_list ul li{ width:200px; height:90px; float:left;}


#ht_copy{ padding:30px;}
.ht_copy p{ text-align:center; line-height:2em; font-size:13px; color:#555;}
.ht_copy p span{ padding:0 10px; color:#999;}
.ht_copy p a:hover{ color:#f60;}
.ht_copy .flinks{ margin-bottom:10px;}
.ht_copy .copyimg{ margin-top:10px; text-align:center;}
#mall_search{ border-top:#efefef 1px solid; background:#ffffff;}
.mall_search{ height:172px;}
.mall_search .current_seach{ height:26px; padding:12px 0; border-bottom:#efefef 1px solid;}
.mall_search .current_seach .current_tit{ line-height:26px;}
.mall_search .current_seach .current_factor li{ float:left; padding:0 6px; line-height:24px; border:#dddddd 1px dashed; margin-right:10px; font-size:13px; color:#999999; cursor:pointer;}
.mall_search .current_seach .current_factor li b{ font-weight:normal; color:#333333; margin-right:5px;}
.mall_search .current_seach .current_factor li a{ display:inline-block; line-height:24px; font-size:14px; -webkit-transition:all 0.25s; -o-transition:all .25s; transition:all .25s}
.mall_search .current_seach .current_factor li:hover{ border:#03b990 1px dashed; background:#ffffff; color:#03b990;}
.mall_search .current_seach .current_factor li:hover a{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.mall_search .current_seach .current_factor li a:hover{ color:#03b990;}
.mall_search .current_seach .current_del{ line-height:26px;}
.mall_search .current_seach .current_del:hover{ color:#03b990;}
.mall_search .search_box{ height:30px; padding:20px 0; border-bottom:#efefef 1px solid;}
.mall_search .search_box ul{ width:1220px;}
.mall_search .search_box ul li{ float:left; width:168px; margin-right:20px;}
.mall_search .search_box ul li span{ display:inline-block;}
.mall_search .search_box ul li .search_tit{ width:45px; line-height:30px;}
.mall_search .search_box ul li .search_input{ width:120px;}
.mall_search .search_box ul li .search_input input{ width:108px; height:28px; border:#efefef 1px solid; line-height:28px; padding:0 5px; font-size:13px; }
.mall_search .search_box ul li:last-child{ width:70px;}
.mall_search .search_box ul li:last-child input{ width:70px; height:30px; background:#03b990; border:#03b990 1px solid; color:#ffffff; line-height:30px; font-size:14px; cursor:pointer;}
.mall_search .search_sort{ height:26px; padding:12px 0;}
.mall_search .search_sort ul li{ float:left; margin-right:30px;}
.mall_search .search_sort ul li a{ display:block; line-height:26px;}
.mall_search .search_sort ul li a.specs,.mall_search .search_sort ul li a.price{ padding-right:20px;}
.mall_search .search_sort ul li a.sort{ background:url(/Public/Img/sort.png) right center no-repeat; background-size:16px;}
.mall_search .search_sort ul li a.sort_up{ background:url(/Public/Img/sort_up.png) right center no-repeat; background-size:16px;}
.mall_search .search_sort ul li a.sort_down{ background:url(/Public/Img/sort_down.png) right center no-repeat; background-size:16px;}
.mall_search .search_sort ul li:hover a,.mall_search .search_sort ul li.on a{ color:#03b990;}
.mall_search .search_sort .search_result b{ font-weight:normal; padding:0 5px;}
.mall_main{ min-height:600px; background:#ffffff;}
.mall_main table{ border-collapse:collapse;}
.mall_main table tr td{ height:50px; border-bottom:#efefef 1px solid; padding-left:10px; white-space:nowrap; overflow:hidden;}
.mall_main table .thead td{ font-weight:bold;}
.mall_main table tr .price b{ font-size:16px; color:#f94441; font-weight:normal;}
.mall_main table tr .price .price_lock{ display:block; width:16px; height:16px; background:url(/Public/Img/lock.png) center center no-repeat; background-size:16px;}
.mall_main table thead tr td .shop{ display:inline-block; padding-left:20px; background:url(/Public/Img/shop.png) left center no-repeat; background-size:16px;}
.mall_main table thead tr td .shop:hover{ color:#03b990;}
.mall_main table thead tr td .open,.mall_main table thead tr td .retract{ display:inline-block; border:#03b990 1px solid; padding:4px 28px 4px 10px; font-size:13px; color:#03b990;}
.mall_main table thead tr td .open{ background:url(/Public/Img/open.png) 40px center no-repeat; background-size:16px;}
.mall_main table thead tr td .retract{ background:url(/Public/Img/retract.png) 40px center no-repeat; background-size:16px;}
.mall_main table thead tr td .open:hover{ background:#03b990 url(/Public/Img/open_on.png) 40px center no-repeat; background-size:16px; color:#ffffff}
.mall_main table thead tr td .retract:hover{ background:#03b990 url(/Public/Img/retract_on.png) 40px center no-repeat; background-size:16px; color:#ffffff}
.mall_main table thead tr td .lock{ display:inline-block; border:#f94441 1px solid; padding:4px 10px 4px 28px; font-size:13px; color:#f94441; background:url(/Public/Img/lock_xian.png) 8px center no-repeat; background-size:16px;}
.mall_main table thead:hover{ background:#f8f9fb;}
.mall_main table .tbody{ background:#f8f9fb; display:none;}
.mall_main table .tbody tr td .buy{ display:inline-block; border:#f94441 1px solid; padding:4px 10px 4px 28px; font-size:13px; color:#f94441; background:url(/Public/Img/buy.png) 10px center no-repeat; background-size:16px;}
.mall_main table .tbody tr td .buy:hover{ background:#f94441 url(/Public/Img/buy_on.png) 10px center no-repeat; color:#fff; background-size:16px;}
.mall_main table tr td.money,.mall_main table tr td.price{ font-family:Arial; font-size:18px;}
.mall_main table tr td.price i{ font-size:12px; color:#999; font-style:normal;}
.mall_main table tr td.money{ color:#f60;}
.mall_main table tr td.money i{ font-size:12px; font-style:normal;}
.mall_main table tr td.money span{ font-size:14px; color:#333;}
.mall_main table tr td .order{ display:block; height:50px; line-height:50px; text-align:center; background:#f60; font-size:16px; color:#fff;}
#ht_register{ background:url(/Public/Img/login_bg.png) top center no-repeat; min-height:600px; min-width:800px;}
.ht_register{ width:420px; height:500px; position:fixed; top:50%; left:50%; margin-top:-250px; margin-left:-210px; }
.ht_register .login_cate{ height:60px;}
.ht_register .login_cate ul li{ float:left; width:210px; background:rgba(0,0,0,.5);}
.ht_register .login_cate ul li a{ display:block; line-height:60px; text-align:center; font-size:18px; color:#ffffff;}
.ht_register .login_cate ul li.on{ background:#ffffff;}
.ht_register .login_cate ul li.on a{ color:#03b990;}
.ht_register .login_box{ height:400px; width:360px; padding:20px 30px; background:#ffffff;}
.ht_register .login_box .login_type{ height:50px;}
.ht_register .login_box .login_type ul li{ float:left; width:120px; height:47px; border-bottom:#efefef 3px solid;}
.ht_register .login_box .login_type ul li a{ display:block; text-align:center; line-height:47px; font-size:16px;}
.ht_register .login_box .login_type ul li.on,.ht_register .login_box .login_type ul li:hover{ border-bottom:#03b990 3px solid;}
.ht_register .login_box .login_type ul li.on a,.ht_register .login_box .login_type ul li:hover a{ color:#03b990;}
.ht_register .login_box .login_main ul li{ height:42px; margin-top:23px;}
.ht_register .login_box .login_main ul li input{ height:40px; width:338px; padding:0 10px; border:#eeeeee 1px solid; font-size:14px; line-height:40px;}
.ht_register .login_box .login_main ul li input.mobile{ background:url(/Public/Img/mobile.png) 330px center no-repeat; background-size:20px;}
.ht_register .login_box .login_main ul li input.password{ background:url(/Public/Img/password.png) 330px center no-repeat; background-size:20px;}
.ht_register .login_box .login_main ul li input.captcha{ width:210px; background:url(/Public/Img/captcha.png) 200px center no-repeat; background-size:20px;}
.ht_register .login_box .login_main ul li input.button{ width:360px; height:42px; font-size:16px; color:#ffffff; color:#ffffff; background:#03b990; border:#03b990 1px solid; cursor:pointer;}
.ht_register .login_box .login_main ul li .obtain_sns{ width:120px; height:42px; line-height:42px; text-align:center; color:#03b990;}
.ht_register .login_box .login_main ul li p{ line-height:22px;}
.ht_register .login_box .login_main ul li p a{ color:#03b990;}
.ht_register .login_box .login_main ul li p.left{ position:relative; padding-left:20px;}
.ht_register .login_box .login_main ul li p input.checkbox{ width:14px; height:14px; position:absolute; left:0; top:4px;}
.company_search{ height:152px;}
.company_search .city_search{ height:26px; padding:12px 0; border-bottom:#efefef 1px solid;}
.company_search .city_search .city_tit{ line-height:26px;}
.company_search .city_search .city_factor li{ float:left; margin:0 15px; line-height:26px;}
.company_search .city_search .city_factor li:hover a,.company_search .city_search .city_factor li.on a{ color:#03b990;}
.ht_company .company_list,.ht_company .company_list ul{ height:456px;}
.ht_company .company_list ul{ width:1220px;}
.ht_company .company_list ul li{ float:left; width:245px; padding:15px 20px 0 20px; margin:0 20px 20px 0; background:#ffffff; position:relative;}
.ht_company .company_list ul li span{ display:block; line-height:2em;}
.ht_company .company_list ul li .company{ display:block; padding-bottom:10px; border-bottom:#dddddd 1px dashed;}
.ht_company .company_list ul li .name{ font-size:16px;}
.ht_company .company_list ul li .company_info{ color:#999999;}
.ht_company .company_list ul li .headimg{ position:absolute; right:20px; top:20px; border:#eeeeee 1px solid; border-radius:8px; overflow:hidden;}
.ht_company .company_list ul li .goods{ height:26px; padding:10px 0;}
.ht_company .company_list ul li .goods .num{ width:200px; line-height:26px;}
.ht_company .company_list ul li .goods .num b{ color:#f94441; font-weight:normal;}
.ht_company .company_list ul li .goods .code{ width:26px; height:26px; background:url(/Public/Img/qrcode.png) center center no-repeat; background-size:26px; position:relative;}
.ht_company .company_list ul li .goods .code .qrcode{ display:none; cursor:pointer;}
.ht_company .company_list ul li .goods .code:hover .qrcode{ position:absolute; display:block; width:100px; height:100px; padding:16px 92px 16px 93px; background:rgba(0,0,0,.5); right:-20px; bottom:-10px;}
.ht_company .company_list ul li .company:hover .name{ color:#03b990;}
.ht_crumbs{ height:40px;}
.ht_crumbs a,.ht_crumbs span{ line-height:40px; font-size:13px; color:#999;}
.ht_crumbs span{ color:#aaa; padding:0 10px;}
.ht_about{ background:#fff; overflow:hidden;}
.ht_about .about_menu{ height:80px;}
.ht_about .about_menu ul li{ float:left; width:150px;}
.ht_about .about_menu ul li a{ display:block; line-height:80px; text-align:center; font-size:16px; background:url(/Public/Img/y-line.jpg) left center no-repeat;}
.ht_about .about_menu ul li:nth-child(1) a{ background:none;}
.ht_about .about_menu ul li.on a{ color:#f60; font-weight:bold;}
.ht_about .about_main .about_thumb{ width:1200px; height:450px; position:relative}
.ht_about .about_main .about_thumb a{ display:block; width:1200px; height:450px;}
.ht_about .about_main .about_thumb .thumb_play{ display:block; width:80px; height:80px; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:rgba(0,0,0,.5); border-radius:40px;}
.ht_about .about_main .about_thumb .thumb_play:hover{ background:#f60;}
.ht_about .about_main .about_info{ padding:80px 200px; color:#555;}
.ht_about .about_main .about_info p{ line-height:2em; font-size:16px; padding:5px 0;}
.ht_about .about_main .about_info .address{ overflow:hidden;}
.ht_about .about_main .about_info .address li{ float:left; width:50%;}
.ht_about .about_main .about_news{ padding:20px; overflow:hidden;}
.ht_about .about_main .about_news .news_list{ width:760px; min-height:1180px; overflow:hidden;}
.ht_about .about_main .about_news .news_list ul li{ position:relative; min-height:120px; padding:10px 0 10px 180px; border-bottom:#ccc 1px dashed;}
.ht_about .about_main .about_news .news_list ul li span{ display:block; line-height:1.8em;}
.ht_about .about_main .about_news .news_list ul li a{ display:block;}
.ht_about .about_main .about_news .news_list ul li .nimg{ position:absolute; left:0; top:10px;}
.ht_about .about_main .about_news .news_list ul li .cate_tit{ position:absolute; left:10px; top:20px; border:#f60 1px solid; font-size:12px; line-height:16px; color:#f60; padding:0 2px;}
.ht_about .about_main .about_news .news_list ul li .ntit{ font-size:20px; font-weight:bold; line-height:2em;}
.ht_about .about_main .about_news .news_list ul li .ntxt{ color:#777;}
.ht_about .about_main .about_news .news_list ul li .ntime{ color:#999; font-size:13px; overflow:hidden;}
.ht_about .about_main .about_news .news_list ul li .ntime dl dd{ float:left; width:26%; padding-left:20px;}
.ht_about .about_main .about_news .news_list ul li .ntime dl dd:nth-child(1){ background:url(/Public/Img/top_user.png) left center no-repeat; background-size:13px;}
.ht_about .about_main .about_news .news_list ul li .ntime dl dd:nth-child(2){ background:url(/Public/Img/ico_see.png) left center no-repeat; background-size:13px;}
.ht_about .about_main .about_news .news_list ul li .ntime dl dd:nth-child(3){ background:url(/Public/Img/ico_time.png) left center no-repeat; background-size:13px;}
.ht_about .about_main .about_news .news_list ul li:hover .ntit{ color:#f60;}
.ht_about .about_main .about_news .news_sub{ width:380px;}
.ht_about .about_main .about_news .news_sub .sub_box{ padding:0 20px 20px; background:#f8f8f8;}
.ht_about .about_main .about_news .news_sub .sub_box .sub_news ul li{ border-bottom:#ddd 1px dashed; height:40px; line-height:40px; padding:0 0 0 30px; position:relative; overflow:hidden;}
.ht_about .about_main .about_news .news_sub .sub_box .sub_news ul li .n_sn{ position:absolute; left:0; top:10px; width:20px; height:20px; background:#f60; color:#fff; line-height:20px; text-align:center;}
.ht_about .about_main .about_news .news_sub .sub_box .sub_news ul li a{ display:inline-block; overflow:hidden;}
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul{ width:360px; overflow:hidden;}
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul li{ width:68px; float:left; margin-right:20px; height:36px; border:#ddd 1px solid; border-radius:30px; margin-top:20px; }
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul li a{ display:block; line-height:36px; text-align:center;}
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul li.on{ border:#f60 1px solid;}
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul li.on a{ color:#f60;}
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul li:hover{ background:#f60;}
.ht_about .about_main .about_news .news_sub .sub_box .news_cate ul li:hover a{ color:#fff;}
.ht_about .about_main .tean_founder{ width:500px; height:287px; padding:80px 200px 80px 500px; position:relative;}
.ht_about .about_main .tean_founder span{ display:block;}
.ht_about .about_main .tean_founder .fimg{ position:absolute; left:200px; top:80px;}
.ht_about .about_main .tean_founder .fname{ height:80px; line-height:80px; font-size:24px; font-weight:bold;}
.ht_about .about_main .tean_founder .fpost{ height:20px; line-height:20px; font-size:18px; padding-bottom:30px;}
.ht_about .about_main .tean_founder .finfo p{ line-height:2em; color:#999;}
.ht_about .about_main .team_list{}
.ht_about .about_main .team_list ul{ overflow:hidden;}
.ht_about .about_main .team_list ul li{ width:300px; height:260px; float:left; position:relative;}
.ht_about .about_main .team_list ul li .timg{ position:absolute; top:0; right:0;}
.ht_about .about_main .team_list ul li .tblock{ display:block; width:30px; height:30px; background:#f60; position:absolute; top:115px; right:115px; -webkit-transition:all 0.5s; -o-transition:all .5s; transition:all .5s}
.ht_about .about_main .team_list ul li .tname{ position:absolute; height:30px; line-height:30px; font-size:20px; top:115px; left:30px; font-weight:bold;}
.ht_about .about_main .team_list ul li .tpost{ position:absolute; top:160px; left:30px; color:#999;}
.ht_about .about_main .team_list ul li:hover{ background:#f8f8f8;}
.ht_about .about_main .team_list ul li:hover .tblock{ top:100px; right:100px;}
.ht_about .about_main .partner_list{ }
.ht_about .about_main .partner_list ul{ overflow:hidden;}
.ht_about .about_main .partner_list ul li{ float:left; margin-left:40px; width:248px; border:#ddd 1px solid; margin-bottom:40px;}
.ht_about .about_main .recruit_head{ padding:80px 200px; overflow:hidden;}
.ht_about .about_main .recruit_head .rimg{ width:316px;}
.ht_about .about_main .recruit_head .rinfo{ width:450px;}
.ht_about .about_main .recruit_head .rinfo p{ line-height:2em; font-size:16px;}
.ht_about .about_main .recruit_list{ padding:0 200px 80px;}
.ht_about .about_main .recruit_list ul{ border-top:#ddd 1px solid;}
.ht_about .about_main .recruit_list ul li{ padding:20px 150px 20px 180px; position:relative; height:111px; border-bottom:#ddd 1px solid; overflow:hidden;}
.ht_about .about_main .recruit_list ul li span{ display:block;}
.ht_about .about_main .recruit_list ul li .rlimg{ position:absolute; left:30px; top:25px;}
.ht_about .about_main .recruit_list ul li .rlname{ height:40px; line-height:40px; font-size:24px;}
.ht_about .about_main .recruit_list ul li .rlplace{ height:30px; line-height:30px; font-size:16px;}
.ht_about .about_main .recruit_list ul li .rlduty,
.ht_about .about_main .recruit_list ul li .rldemand{ color:#999;}
.ht_about .about_main .recruit_list ul li p{ line-height:2em; font-size:16px;}
.ht_about .about_main .recruit_list ul li .packup,.ht_about .about_main .recruit_list ul li .open{ display:block; width:120px; height:40px; position:absolute; right:30px; top:40px; text-align:center; line-height:40px; color:#fff; font-size:16px;}
.ht_about .about_main .recruit_list ul li .packup{ background:#f60;}
.ht_about .about_main .recruit_list ul li .open{ background:#38f;}
.ht_about .about_main .recruit_list ul li.on{ height:auto;}
.ht_course{ width:714px; overflow:hidden; margin:0 auto; padding:80px 0;}
.ht_course ul{ background:url(/Public/Img/y-line.jpg) center center repeat-y; padding:50px 0;}
.ht_course ul li{ position:relative; min-height:220px; overflow:hidden;}
.ht_course ul li span{ display:block; }
.ht_course ul li .cimg{ float:left; width:300px; height:200px; padding:9px; border:#ccc 1px solid;}
.ht_course ul li .dian{ position:absolute; left:50%; top:25px; margin-left:-17px; width:34px; height:17px; background:#fff url(/Public/Img/dian.png) center center no-repeat;}
.ht_course ul li .main{ float:right; width:320px; padding:20px 0; text-align:left;}
.ht_course ul li:nth-child(2n+1) .cimg{ float:right;}
.ht_course ul li:nth-child(2n+1) .main{ float:left;}
.ht_course ul li:nth-child(2n+1) .main span{ text-align:right;}
.ht_course ul li .tit{ font-size:24px; color:#f60;}
.ht_course ul li .main span{ line-height:2em;}
.ht_course ul li .main .txt{ font-size:16px;}
.ht_videos .videos_box{ height:382px; overflow:hidden;}
.ht_videos .videos_box .init_title{ border:none;}
.ht_videos .videos_box .videos_new{ width:360px; position:relative;}
.ht_videos .videos_box .vimg, .ht_videos .videos_box .vtit{ display:block;}
.ht_videos .videos_box .vtit{ background:#fff; padding:5px 10px;}
.ht_videos .videos_box .videos_new .vtit{ font-size:16px; height:48px; padding:17px 10px;}
.ht_videos .videos_box .videos_new .vplay{ width:60px; height:60px; position:absolute; left:150px; top:90px; background:rgba(0,0,0,.5); border-radius:30px;}
.ht_videos .videos_box .videos_new .vplay:hover{ background:#f60;}
.ht_videos .videos_box .videos_new .vimg{ width:360px; height:240px; overflow:hidden;}
.ht_videos .videos_box .videos_new .vimg img{ transition: all .2s linear;}
.ht_videos .videos_box .videos_new:hover .vimg img{ -webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.ht_videos .videos_box .videos_list{ width:820px;}
.ht_videos .videos_box .videos_list ul{ width:840px;}
.ht_videos .videos_box .videos_list ul li{ float:left; width:190px; height:156px; overflow:hidden; margin-right:20px; margin-bottom:10px; position:relative;}
.ht_videos .videos_box .videos_list ul li .vtit{ width:170px; height:42px; position:absolute; bottom:-21px; left:0; transition: all .2s linear;}
.ht_videos .videos_box .videos_list ul li .vplay{ width:30px; height:30px; position:absolute; left:80px; top:53px; background:rgba(0,0,0,.5); border-radius:15px;}
.ht_videos .videos_box .videos_list ul li .vplay:hover{ background:#f60;}
.ht_videos .videos_box .videos_list ul li:hover .vtit{ bottom:0;}
.cart_title{ height:20px; padding:30px 0 20px 0; }
.cart_title .cart_tit{ height:20px; font-size:16px; line-height:20px;}
.warehouse_title{ border-bottom:#f60 1px solid;}
#cart_main{ border-top:#ddd 1px solid; background:#fff;}
.cart_main{ padding-bottom:80px;}
.cart_main .mall_main{ min-height:inherit;}
.cart_main .cart_thead{ background:#f8f8f8;}
.cart_main .cart_thead table tr td{ border-bottom:none;}
.cart_main .cart_tbody{ min-height:420px;}
.cart_main .mall_main table tr td.tick input[type=checkbox]{ display:block; width:16px; height:16px;}
.ht_credit{ width:905px; height:1514px; margin:30px auto 0; background:url(/Public/Img/credit_bg.png) no-repeat;}
.ht_credit .credit_head{ width:770px; margin:0 auto; padding-top:60px;}
.ht_credit .company_name{ padding:30px 0 0;}
.ht_credit .company_name p{ line-height:36px; font-size:24px; text-align:center;}
.ht_credit .company_name p.name{ line-height:42px; font-size:36px; padding-bottom:12px;}
.ht_credit .credit_info{ width:720px; margin:26px auto 0; border:#ff2525 1px solid; height:836px; background:#fff;}
.ht_credit .credit_info .info_sn{ height:56px; border-bottom:#eee 1px solid; padding:0 36px; overflow:hidden; margin-bottom:16px;}
.ht_credit .credit_info .info_sn p{ line-height:56px;}
.ht_credit .credit_info .info_sn p span{ color:#ff2525;}
.ht_credit .credit_info .info_main{ margin:0 36px;}
.ht_credit .credit_info .info_main .info_tit{ height:30px;}
.ht_credit .credit_info .info_main .info_tit p{ line-height:30px; color:#999;}
.ht_credit .credit_info .info_main .info_tit p.title{ font-size:20px; color:#ff2525;}
.ht_credit .credit_info .info_main .info_info{ border-bottom:#eee 1px solid; padding-bottom:16px;}
.ht_credit .credit_info .info_main .info_info p{ line-height:30px;}
.ht_credit .credit_info .info_main .info_info p a.more{ color:#ff2525;}
.ht_credit .credit_info .info_more{ padding-top:16px;}
.ht_credit .credit_info .info_more .more_btn{ display:block; width:170px; height:38px; line-height:38px; background:#ff2525; color:#fff; text-align:center;}
.ht_credit .credit_foot{ padding:20px 0 25px;}
.ht_credit .credit_foot p{ height:30px; line-height:30px; font-size:24px; color:#ff2525; text-align:center;}
.ht_credit .credit_term,.ht_credit .credit_copy{ width:722px; margin:0 auto;}
.ht_credit .credit_term p{ text-align:right; z-index:3;}
.ht_credit .credit_copy{ position:relative; z-index:3;}
.ht_credit .credit_copy .credit_seal{ width:150px; height:111px; display:block; position:absolute; right:65px; top:-30px; z-index:0; background:url(/Public/Img/credit_seal.png) no-repeat; opacity:0.8;}
.ht_credit .credit_copy p{ text-align:right; font-size:25px; line-height:30px; padding-top:14px; z-index:999;}
.layout { width: 1200px; margin: 0 auto; }
.mt30 { margin-top: 30px; }