@charset "utf-8";
/*全局定义*/
body { font-size: 12px; font-family: "Microsoft YaHei", tahoma, arial, sans-serif; line-height:22px; margin:0; padding:0; color:#333; background:#f6f6f6; }
h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, fieldset, legend { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, em, i { font-style: normal; font-weight: normal; }
button, input, select, textarea { font: 12px/1.5 tahoma, arial, "Microsoft YaHei", sans-serif;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
select { padding:2px; border:1px solid #ccc; }
ul, ol, li { list-style: none outside none; }
a { color: #333; text-decoration: none; }
a:hover { color:#ed6d00; }
img { border: 0 none; }
body, html { min-height: 101%; }
.clearfix:after { display: block; font-size:0; content:"."; clear:both; height:0; visibility:hidden; }

.fl{float:left !important;}
.fr{float:right !important;}

input::-webkit-input-placeholder{ color:#999;}

/*logo部分*/
.header{ background:#fff; box-shadow: 0 2px 2px #e4e4e4; }
.header .header_box { width:1200px; height:68px; margin:0 auto; }
.header_box .logo {width:128px;float:left;margin:13px 30px 0 0;}
.header_box .pd_name{ height:40px; line-height:40px; float:left; font-size:16px; margin-top:12px; margin-right:65px;}


.header_box .mr80{ margin-right:80px;}
.header_box .user_login{ float:right; font-size:15px; }
.header_box .user_login .t_login{ display:inline-block; margin:20px 20px 0 0; cursor: pointer;}

.user_info{ padding-top:15px;position:relative; margin-right:20px;}
.user_info .userinfo_box{padding:20px 10px 0;display:inline-block; height:55px;position:relative;}
.user_info .userinfo_box .userinfo_name{max-width:140px; float:right; margin-right:8px;line-height:30px;}
.user_info .userinfo_box b{-webkit-backface-visibility:hidden;position:absolute;right:2px;top:33px;width:0;height:0;border-width:6px;border-style:solid dashed dashed;border-color:#bbb transparent transparent;font-size:0;line-height:0}
.user_login .hover b{-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .2s ease-in;-moz-transition:-moz-transform .2s ease-in;-o-transition:-o-transform .2s ease-in;transition:transform .2s ease-in;-moz-transform:rotate(180deg);-moz-transform-origin:50% 30%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 30%;-o-transform:rotate(180deg);-o-transform-origin:50% 30%;transform:rotate(180deg);transform-origin:50% 30%}
.user_menu{position:absolute;width:80px; background-color:#fff;box-shadow:0 0 5px #ccc;text-align:center; padding:10px 25px; top:69px; right:0; display:none; z-index:99999;}
.user_menu a{ display:block; line-height:30px;}
.user_login .hover .user_menu{ display:block;}

/*搜索*/
.search_box { padding:14px 0 0 0; float: left;}
.search_box .bd { width:530px; position: relative;}
.search_box .bd .search_input {width:430px;height:38px;line-height:38px;background:#fff ; color:#999; text-indent:20px; border:1px solid #0c7dde; border-right:none; outline:none; border-radius:20px 0 0 20px; font-size:14px;}
.search_box .search_btn {width:100px; height:38px; line-height:38px; font-size:16px;  border:none; color:#fff; text-align:center; background:#0c7dde; position:absolute; right:0px; cursor:pointer; border-radius:0 20px 20px 0}
.search_box .search_btn:hover{ background:#0c5da3;}
.search_input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #a9bcee;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(63, 106, 216, 0.25); }
.search_input{border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.search_btn{border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.index_search_wrap{ height:500px; background:url(../images/search_bg.jpg) no-repeat center; margin-bottom:30px;}
.index_search{ width:920px; margin:0 auto;}
.index_search .search_logo{ text-align:center; padding-top:80px;}
.index_search .search_txt{ font-size:32px; color:#c7f9f4; text-align:center; padding-top:20px;}
.index_search .search_txt span{ padding:0 30px;}
.index_search .search_txt img{ vertical-align:middle;}
.index_search .search_tab{ padding-top:42px; overflow:hidden; zoom:1;}
.index_search .search_tab .hd{ padding-left:258px;margin-bottom:15px;}

.index_search .search_tab .hd li {display: inline-block; min-width:50px; padding: 3px 6px; margin-right:40px; margin-bottom: 14px; border-radius: 2px; font-size: 16px;background-color:transparent; cursor: pointer; text-align:center; color:#fff; position:relative; }
.index_search .search_tab .hd li.on:after{position: absolute;left: 50%;margin-left:-8px;top: 100%;content: ''; width: 0; height: 0;margin-top: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}
.index_search .search_tab .hd li.on{color: #0c7dde; background-color: #fff;}

.index_search .search_input{ width:795px; height:50px; line-height:50px; text-indent:20px; font-size:16px; background:#fff; border:none; float:left;}
.index_search .search_btn{width:120px; height:50px; line-height:50px; font-size:22px; border:none; color:#fff; text-align:center; background:url(../images/index_search_icon.png) no-repeat 18px 12px #ec6941; text-indent:30px;  float:left; cursor:pointer;}
.index_search .hot_search{ color:#fff; font-size:16px; padding-top:25px;}
.index_search .hot_search a{ margin-right:18px;color:#fff;}
.index_search .hot_search a:hover{ text-decoration:underline;}

.main{ width:1200px; margin:0 auto;}
.white_bg{ background:#fff;}
.banner{  height:158px; margin-bottom:30px; }
.index_brand{margin-bottom:30px;}
.index_brand .hd{ font-size:20px; font-weight:bold;}
.index_brand .hd i{ width:40px; height:40px; background:url(../images/index_icon.jpg) no-repeat; display:inline-block; vertical-align:middle; margin-right:5px; }
.index_brand .bd{ width:1200px; padding-top:15px;}
.index_brand .bd ul{ width:1280px;}
.index_brand .bd li{ width:380px;  padding:16px; line-height:26px; margin:0 30px 18px 0; border:1px solid #e3e3e3; float:left;}
.index_brand .bd li:hover{box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.index_brand .bd .tit{ font-size:16px; height:26px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.index_brand .bd .txt{ color:#7a7f8d;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

.index_quick_links{ padding-bottom:40px;}
.index_area{}
.index_area .hd{font-size:20px; font-weight:bold;}
.index_area .hd i{ width:40px; height:40px; background:url(../images/index_icon.jpg) no-repeat 0 -40px; display:inline-block; vertical-align:middle; margin-right:5px; }
.index_area .bd{ padding-left:10px; padding-top:20px;}
.index_area .bd li{margin-bottom:8px;display: inline-block; width:9.7%;vertical-align: text-top; font-size:14px;}
.index_area .bd li em{color:#ea2129;}

.index_cate{ }
.index_cate .hd{font-size:20px; font-weight:bold;}
.index_cate .hd i{ width:40px; height:40px; background:url(../images/index_icon.jpg) no-repeat 0 -80px; display:inline-block; vertical-align:middle; margin-right:5px; }

.index_cate .bd{padding:20px 0 0 8px;}
.index_cate .bd li{ font-size:14px; float:left; overflow:hidden;zoom:1; margin-right:15px;}
.index_cate .bd li a{ margin-right:13px;display:inline-block;}

.footer{background:#222a37; padding:25px 0; position:relative; color:#7a808f; text-align:center; font-size:12px;}
.footer  p{ line-height:30px;}
.footer  a{ color:#7a808f;}
.footer  a:hover{ color:#ed6d00;}
.friend_links{ font-size:14px;}
.friend_links a{ margin-right:8px}
.ft_links a{ margin:0 8px;}
.footer .wx{ width:100px; height:100px; position:absolute; left:46%; margin-left:470px; top:70px;}
.footer .wx2{ width:100px; height:100px; position:absolute; left:50%; margin-left:550px; top:70px;}
.wx2 img,.wx img{display: block; width: 100px; height: 100px; border-radius: 4px;}
.path{ font-size:14px; height:40px; padding-left: 20px; box-sizing: border-box; line-height:40px; width:1200px; margin:0 auto; color:#999; background: #fff; margin-top: 10px; margin-bottom: 10px;}
.path a{color:#999;}
.path a:hover{ color:#ed6d00}

.cate_sort_wrap{ background:#fff;}
.cate_sort{ width:1200px; margin:0 auto; background:#fff; padding:20px 30px 5px; margin-bottom:20px;}
.cate_sort .cate_channel{overflow:hidden; zoom:1; margin-bottom:10px; border-bottom:1px solid #eee;}
.cate_sort .cate_channel:last-child{ border-bottom:none;}
.cate_sort .cate_channel .hd{ display:block; height:35px; float:left; width:75px; font-size:14px; line-height:27px; text-align:right; }
.cate_sort .cate_channel .bd{ float:left; width:1060px; font-size:14px;}
.cate_sort .cate_channel li{ display:block; float:left; text-align:center; height:27px; padding:0 0 0 8px; margin-bottom:4px;}
.cate_sort .cate_channel li a:hover{background:#0083de; color:#FFF; padding:4px 5px;}
.cate_sort .cate_channel li a.hover{background:#0083de; color:#FFF; padding:4px 5px;}
.cate_sort .cate_channel li a{padding:4px 5px; border-radius:3px; line-height:27px;}

.main .w900{ width:915px; background:#fff; float:left; overflow:hidden;margin-bottom:38px;}
.main .w270{ width:270px; float:right;}

.brand_list{}
.brand_list .hd{ height:54px; line-height:54px; font-size:24px; font-weight:bold; border-bottom:2px solid #e6e6e6; padding:0 30px;}
.brand_list .hd span{ float:right; font-size:14px; font-weight:normal;}
.brand_list .hd span em{ padding:0 5px; color:#ea2129;}
.brand_list .bd{ padding:0 30px;}
.brand_list .bd .list_item{ padding:30px 0; border-bottom:1px dotted #e6e6e6; overflow:hidden; zoom:1;}
.brand_list .bd .list_item_pic{ width:168px; height:126px; border:1px solid #e6e6e6; float:left; overflow: hidden; border-radius: 3px;}
.brand_list .bd .list_item_pic img{width:168px; height:126px; overflow: hidden; border-radius: 3px;}
.brand_list .bd .list_item_r{ width:645px; float:right; position:relative;}
.brand_list .bd .list_item_r .tit{ font-size:20px; font-weight:bold;}
.brand_list .bd .list_item_r .tit .comp{ font-size:14px; float:right; font-weight:normal;}
.brand_list .list_item_info{ font-size:14px; padding-top:12px; line-height:28px;}
.brand_list .list_item_info em{ display:inline-block; color:#999; text-align:right;}
.brand_list .list_item_info span{ display:inline-block; width:155px;}
.brand_list .list_item_info .w74{ width:74px;}
.brand_list .list_item_info .w100{ width:100px;}
.brand_list .list_item_btn{ width:120px; position:absolute; top:45px; right:0;}
.brand_list .list_item_btn .btn a{ width:110px; height:32px; line-height:32px; text-align:center; color:#fff; background:#0083de; display:block; font-size:14px;}
.brand_list .list_item_btn .btn a:hover{ background:#0c5da3;}
.brand_list .list_item_btn .btn_info{margin-top:10px;}
.brand_list .list_item_btn .btn_info a{color:#2C64B6;font-size:13px;text-align:center;display: block;}
.brand_list .list_item_btn .btn_info a:hover{ color:#ed6d00;}

.rec_pic{ margin-bottom:28px;}
.rec_brand{ background:#fff;margin-bottom:20px;}
.rec_brand .hd{ height:50px; line-height:50px; background:url(../images/dot.jpg) no-repeat left center; font-size:18px; font-weight:bold; padding-left:15px;}
.rec_brand .bd{ padding:0 15px;}
.rec_brand dl{border-bottom:1px solid #e6e6e6; overflow:hidden; zoom:1; padding:18px 0;}
.rec_brand dl:first-child{ padding-top:5px;}
.rec_brand dl:last-child{border-bottom:none;}
.rec_brand dl dt{width: 84px;height: 60px;border: #e3e3e3 solid 1px; float:left;}
.rec_brand dl dt a{display: inline-block;}
.rec_brand dl dt img{ width: 82px;height:58px;}
.rec_brand dl dd{ padding-left:100px; font-size:14px; padding-top:5px;}
.rec_brand dl dd em{ color:#999;}
.rec_brand dl dd .price{ color:#ea2129;}
.rec_brand dl dd a{font-size: 15px; font-weight: bold;}
.comp_info{ background:#fff;margin-bottom:20px; padding-bottom:10px;}
.comp_info .hd{ height:50px; line-height:50px; background:url(../images/dot.jpg) no-repeat left center; font-size:18px; font-weight:bold; padding-left:15px;}
.comp_info .bd{ padding:0 15px; }
.comp_info .bd li{font-size:14px; padding-bottom:5px;}
.comp_info .bd li em{color:#999;}
.comp_info .comp_info_more{ text-align:center;}
.comp_info .comp_info_more a{ color: #0083de; font-size:14px;}

/*分页*/
.page{padding:30px 0 50px 0;color:#666666;text-align:center;*zoom:1;}
.page:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.page .pagination{ display:inline-block;*display:inline; *zoom:1;}
.page li{display:inline-block; *display:inline; *zoom:1;}
.page li a,.page li span{display:inline-block;vertical-align:middle;margin:0 2px; padding:0 18px; height:36px; line-height:36px; font-size:14px; border:1px solid #ddd;background-color:#fff;}
.page li a:hover{text-decoration:none;background-color:#0083de;border-color:#0083de;color:#fff;}
.page .active span{background-color:#0083de;border-color:#0083de;color:#fff;}
.page .disabled span{ border:none; background:none; padding:0;}
.page .goto{display:inline-block;*display:inline; *zoom:1;}


.item_box{background:#fff; padding:30px 30px; width:1200px; margin:0 auto; margin-bottom:15px; display: flex; align-items: center;}
.item_box .item_box_l{ width:135px; float:left; margin-right: 20px;  display: flex; align-items: center;flex-direction:column;}
.item_box .item_box_l .img_show{width:131px; height:98px;}
.item_box .item_box_l .img_show img{width:131px; height:98px;  border-radius: 5px;}
.item_box .item_box_l .view{text-align:center; line-height:30px;margin: 0 auto;
    padding: 0 10px;
    height: 34px;
    font-size: 14px;
    color: #1e80ff;
    background: rgba(30,128,255,.05);
    border: 1px solid rgba(30,128,255,.3);
    border-radius: 4px; margin-top: 10px;}
.item_box .item_box_r{ width:986px; float:right;}
.item_box .item_box_r .p1{ padding-bottom:4px;}
.item_box .item_box_r .item_tit{ margin-bottom:8px;}
.item_box .item_box_r .item_tit .item_tit_l{ width:620px; float:left; display: flex; align-items: center;}
.item_box .item_box_r .item_tit .item_tit_l h1{ font-weight:bold; font-size:20px; display:inline-block; margin-right:25px;}
.item_box .item_box_r .item_tit .item_tit_l .comp{ font-size:16px; padding-top:5px;}
.item_tit_r{ text-align:right;}
.icon_item{ background:url(../images/item_icon.png) no-repeat; display:inline-block; text-align:left;}
.icon_txpp{ line-height:28px; background-color:#eb6100; color:#fff; font-size:14px; padding-left:33px; padding-right: 13px; background-position:10px 1px; border-radius:3px; display: inline-block;}
.icon_down{ width:92px; height:30px; line-height:30px; cursor: pointer;  border:1px solid #0083de; color:#0083de; font-size:12px; padding-left:30px; background-position:8px -28px; border-radius:3px; margin-right:15px;}
button.icon_down:hover{ background-color:#ecf6ff;}
.icon_fav{ width:80px; height:30px; line-height:30px; cursor: pointer; background-color:#f5573e; color:#fff; font-size:12px; padding-left:36px; background-position:15px -56px; border-radius:3px; border: none !important;}
button.icon_fav:hover{ color:#fff; background-color:#dc4027;}
.icon_update{height:28px; line-height:28px;font-size:14px; padding-left:34px; background-position:12px -84px; margin-right:10px;}
.icon_share{height:28px; line-height:28px;font-size:14px; padding-left:34px; background-position:12px -112px; position:relative;}

.icon_share .icon_share_down { width:80px; padding-top: 5px; padding-bottom: 5px; padding-right: 15px; border: 1px solid #a6acbc; position: absolute; right: 0px; top:27px; z-index: 1000; border-radius: 4px; background:#fff; text-align:center; padding-left:20px; display:none;}
.hover .icon_share_down { display:block;}
.icon_share .icon_share_down .out { position: absolute; width: 0; height: 0px; border:7px solid transparent; border-bottom-color: #a6acbc; top: -14px; left: 70% }


.item_desc{ background:#f5fbff; font-size:14px; padding:10px 15px; line-height:30px;}
.item_desc .price{width:220px; display:inline-block; font-size:24px; font-weight:bold; color:#cd1f1f;}
.item_desc .w74{ width:74px; text-align:right; display:inline-block;}
.item_desc .w110{ width:110px; text-align:right; display:inline-block;}
.item_desc .w250{ width:220px; display:inline-block;}

.item_cont_box{ padding:10px 30px;}
.item_cont_tit{height:50px; line-height:50px; background:url(../images/dot.jpg) no-repeat left center; font-size:18px; font-weight:bold; padding-left:15px;}
.item_cont{ margin-bottom:10px; font-size:14px;}
.item_cont img{ max-width:100%;}
.item_cont p{ padding-bottom:15px; line-height:28px;text-indent: 2em; margin-top:0; font-size: 15px; }
.item_cont img { max-width: 620px;display: block;margin:0 auto; border-radius: 5px; margin-top: 10px; padding-bottom: 10px;}

.table1{background:#cee7f8; width:100%; font-size:14px;}
.table1 td{background:#fff; padding:6px 10px; line-height:24px;}
.table1 .tb_tit{ width:130px; background:#f0f7fc;}

/*404*/
.error404_wrapper{width:910px;margin:0 auto; position:relative; height:750px; margin-top:50px;}
.error404{ width:910px; height:520px; margin:0 auto;background:url(../images/404.jpg) no-repeat -20px top;}
.error404 .tip_area{ padding:380px 0 0 0; }
.error404 .btn_area{text-align:center;}
.error404 .pub_btn{display:inline-block;width:120px;height:35px;line-height:35px; background:#0c7dde; color:#fff;border-radius:20px;text-align:center;text-decoration:none;font-size:14px;margin-right: 6px;margin-left: 4px;font-weight:100;}
.error404 a:hover.pub_btn{ background:#0c5da3;}
.error404 .tip_area p{color:#666;font:16px/24px Microsoft YaHei;padding:10px 0 10px 340px;}
.error404 .tip_area font{color:#f30;display:inline-block;float:left;font-size: 20px;margin-right:5px;margin-left:2px;}

.news_list .hd{ height:54px; line-height:54px; font-size:24px; font-weight:bold; border-bottom:2px solid #e6e6e6; padding:0 30px;}
.news_list .bd dl{ border-bottom:1px dotted #E2E2E2; padding:25px 30px; overflow:hidden; zoom:1;}
.news_list .bd dl dt{ width:170px; height:128px; float:left;}
.news_list .bd dl dd{ padding-left:200px;}
.news_list .bd dl dd.tit{ font-size:18px;}
.news_list .bd dl dd.tit a{ color:#333;}
.news_list .bd dl dd.tit a:hover { color:#ff2832; }
.news_list .bd dl dd.desc{ color:#999; font-size:14px; padding:10px 0 0 200px;}
.news_list .bd dl dd.desc a{color:#999; }
.news_list .bd dl dd.date{font-size:14px; color:#999; padding-top:5px;}

.content_box{ padding:10px 30px;}

/*文章内容页*/
.content_tit{ padding:40px 0 14px; }
.content_tit h1{ text-align:center; font-size:30px;  color:#333; font-weight:bold;}
.time_source{ padding:25px 0 15px 0; color:#999; text-align:center; font-size:14px; border-bottom:1px dotted #e2e2e2;}
.time_source span{ display:inline-block; padding:0 10px;}
.content{ width:840px; overflow:hidden; padding:10px 0 16px 0; font-size:16px; line-height:25px; }
.content img{max-width: 620px; display: block; margin: 0 auto; margin-top: 10px;  padding-bottom: 10px; border-radius: 5px;  }
.content p{line-height: 28px}
.content h2{height: 50px;    line-height: 50px;    background: url(../images/dot.jpg) no-repeat left center;    font-size: 18px;    font-weight: bold;    padding-left: 15px;}
.shangxiapian{ line-height:22px; padding:28px 0; color:#666; font-size:14px;}


/*相关文章*/
.relate_news{ padding-top:20px;}
.relate_news .hd{ font-size:18px; font-weight:bold; height:40px; line-height:35px; border-bottom:1px solid #d6d6d6;}
.relate_news ul{ width:930px; padding:10px 0; overflow:hidden;}
.relate_news li{ width:390px; float:left; margin-right:40px; background:url(../images/dian.gif) no-repeat 0px 14px; height:30px; line-height:30px; padding-left:10px; font-size:16px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.relate_news .date{ float:right; color:#999; padding-left:40px;}


/*关于我们*/
.about_main{ width:1200px; margin:0 auto; padding-top:30px;}
.about_l {width:270px;overflow: hidden;zoom:1; float:left; background:#fff;}

.about_l .bd li {border-bottom: 1px solid #e2e2e2; font-size:16px; color: #333;   }
.about_l .bd li:last-child{ border-bottom:none;}
.about_l .bd li a{height:60px; line-height:60px; display:block; text-align:center;}
.about_l .bd li a:hover,.about_l .bd li.cur a{color:#fff; background:#0c7dde;}

.about_r {float: right;width:900px;overflow: hidden; padding:5px 30px; min-height: 507px; background:#fff;margin-bottom:30px;}
.about_r .hd { height:55px; line-height:55px; border-bottom: 1px solid #e2e2e2; font-size: 20px;color: #333; font-weight:bold;}
.about_r .about_cont{ font-size:14px; line-height:28px; padding:15px 0; min-height:600px; }

/*login-alert*/
.reg-alert,.login-alert{display:none;position:fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 100;}
.reg-alert-bg{width: 100%;height:100%; background:#000;filter: alpha(opacity=50);opacity: .5;}
.login-alert .reg-alert-wrap{height:280px;}
.reg-alert-wrap{max-width:450px;height: 310px;position: absolute;left: 50%;top: 25%;margin-left: -225px;background: #fff;border-radius: 2px;-webkit-animation: alert .3s;animation: alert .3s;width: 100%;}
.reg-word-logo,.login-word-logo{margin-top:40px;width: 100%;height:40px; font-size:20px; text-align:center; font-weight:bold;}
.login-alert .login-word-logo{margin-top: 30px;}
.reg-alert-del{cursor:pointer; width:40px; height:40px; background: url(../images/tiny-delete.png) no-repeat center center; display:block; position:absolute; right:0; top:0;z-index:101;}
.email-login-form{display: block;text-align: center;}
.email-login-form input{display: inline-block;padding: 0 10px;height: 36px;font-size: 16px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 250px;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline:none;margin-top:10px;}

.email-login-form .login-email-btn{width: 272px;height: 36px;background: #ed6d00;color: #fff;text-align: center;line-height:36px; font-size:18px;border-radius: 5px;margin-top: 15px; border:none; cursor:pointer;}
.email-login-form .login-email-btn:hover{background:#c65b00;}


.content-wrap{position:relative; overflow:hidden; background-color:#ECEBEB;}
.content-top{width: 100%;height: 300px;background: #333;position: relative;overflow: hidden; margin-top:25px;}
.content-t-bg{background: url(../images/user-banner.png) no-repeat 0 0;height: 100%;position: relative;overflow: hidden;}
.user-page-nav{width: 100%;height: 59px;background-color: #fff;text-align: center;overflow: hidden; margin-bottom:30px;}
.user-page-nav ul{display: inline-block;}
.user-page-nav ul li{display: inline-block;float: left;height: 60px;margin: 0px 30px;}
.user-page-nav ul li a{display: inline-block;height: 56px;line-height: 56px;border-bottom: 4px solid #fff;font-size:16px;color: #666666;}
.user-page-nav ul li a:hover{color: #ed6d00;border-bottom: 4px solid #ed6d00;}
.user-page-nav ul li a.current{color: #ed6d00;border-bottom: 4px solid #ed6d00;}
.user-page-info{margin-left: 500px;height: 145px;margin-top: 68px;width: 170px;}
.user-page-info img{width: 100px;height: 100px;border-radius: 50%;margin-left: 35px;}
.user-page-info p{margin-top: 11px;text-align: center;height: 26px;overflow: hidden;}
.user-page-info p span{display: inline-block;font-size: 16px;padding-right: 30px;height: 26px;color: #fff;background-position:  right 0px;line-height: 26px;}
.user-page-info p span.no-vip{color: #fff;background-position:  right center;}
.user-page-info p span.vip,.user-page-info p span.svip{background-position:  right center;}
.no-content-d{width: 1200px;height: 150px;background-color: #fff;position: relative;overflow: hidden;margin-top: 20px;margin-bottom: 150px;}
.no-content-d p{width: 100%;text-align: center;font-size: 18px;color: #6B6B6B;display: inline-block;margin-top: 55px;}
.no-content-d p a{width: 120px;height: 35px;display: inline-block;background-color: #F34D37;color: #fff;text-align: center;line-height: 35px;font-size: 18px;border-radius: 5px;}
.no-content-d p a:hover{background-color: #FF7864;}

.noworks{height:515px;line-height:400px;font-size:40px;color:#979797;text-align:center}

.no-vip{background: url(../images/none-vip-icon.png) no-repeat;}
.vip{background: url(../images/vip-icon-nomal.png) no-repeat;}

.log-content-wrap{margin-top: 25px;min-height: 300px;background: #fff;margin-bottom: 30px;overflow: hidden;}
.log-content-wrap table{width: 1000px;height: 42px;overflow: hidden;border-left: 1px solid #D4D4D4;border-top: 1px solid #D4D4D4;margin: 20px 0px 30px 100px;}
.log-content-wrap td,.log-content-wrap th{border-right: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4;height: 42px;text-align: center;background-color: #FAFAFA;}
.log-content-wrap table a{margin-left: 10px;color: #f4543c;}
.log-content-wrap table a:hover{text-decoration: underline;}

.user-set-content{margin-top: 25px;min-height: 260px;background: #fff;margin-bottom: 30px;overflow: hidden;padding-bottom: 58px;}
.setting-item-content{width: 750px;margin:55px 225px 0px 225px;}
.setting-item-wrap{border-bottom: 1px solid #ededed;position: relative;}
.setting-item:hover{background-color: #fbfbfb;}
.setting-item:hover .setting-switch{text-decoration: underline;color: #ed6d00;}
.setting-item{font-size: 14px;line-height: 60px;height: 60px;padding-left: 20px;color: #333;padding-right: 20px;cursor: pointer;}
.setting-item .setting-item-name{display: block;float: left;width: 100px;font-size: 16px;}
.setting-item .setting-item-preview{display: block;float: left;margin-left: 90px;}

.setting-hold{padding: 20px;border-top: 1px dashed #d0d0d0;display: none;}
.setting-c-email-btn{width: 80px;height: 30px;display: inline-block;color: #fff;background-color: #F4543C;line-height: 30px;font-size: 14px;text-align:center;margin-left:151px;margin-top: 18px;}
.setting-c-email-btn:hover{background-color: #FF7864;}
.setting-cur-email{padding-left: 76px;font-size: 13px;color: #5d5d5d;}
.setting-pwd-btn{width: 53px;height: 30px;display: inline-block;color: #fff;background-color: #F4543C;line-height: 30px;font-size: 14px;text-align: center;margin-left: 151px;margin-top: 18px;}
.setting-pwd-btn:hover{background-color: #FF7864;}
.setting-pwd-item{height: 48px;}
.setting-pwd-l{width: 90px;display: inline-block;line-height: 48px;color: #5d5d5d;font-size: 13px;height: 48px;text-align:right;margin-right: 10px;margin-left: 47px;}
.setting-pwd-item input{display: inline-block;padding: 0 10px;height: 38px;font-size: 16px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 251px;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline: none;margin-top: 10px;}
.setting-pwd-item input:hover{background-color: #fff;}
.setting-emsg{display: inline-block;font-size: 12px;margin-left: 10px;color: #f00;}
.user-set-content h4{text-align: center;font-size: 17px;font-weight: 400;color: #444;margin-top: 17px;padding-bottom: 18px;border-bottom: 1px solid #ededed;}
.user-set-content h4 span{color: #ed6d00;}
.set-bind-account-form{display: block;text-align: center;width: 500px;margin:20px auto 0px auto;height: 240px;}
.set-bind-account-input{display: inline-block;padding: 0 10px;height: 36px;font-size: 16px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 250px;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline:none;margin-top: 15px;}
.set-bind-account-input:focus{background-color: white;}
.set-bind-pwd-btn{width: 272px;height: 36px;display: inline-block;background-color:#ed6d00;color: #fff;text-align: center;line-height: 36px;font-size: 18px;border-radius: 5px;margin-top: 15px; border:none; cursor:pointer;}
.set-bind-pwd-btn:hover{background-color:#c65b00;}
.set-bind-account-error{display: inline-block;font-size: 12px;color: #f00;width: 250px;margin-top: 6px;}



.index_news { width:1200px; margin:0 auto; overflow: hidden; margin-bottom:20px; background:#fff;}
.index_news .hd{ border-bottom:2px solid #e2e2e2; font-size:22px; height:50px; line-height:50px; font-weight:bold; padding:0 30px;}
.index_news .hd .more{ float:right; font-size:14px; color:#999; font-weight:normal;}
.index_news .hd .more a{ color:#999;}
.index_news .bd{padding:0 30px;}
.index_news ul {width:1250px;padding: 15px 0;overflow: hidden;}
.index_news ul li {width:520px;float: left;margin-right:70px;background:url(../images/dian.gif) no-repeat left center;height:32px;line-height:32px;padding-left:10px;font-size:14px;  overflow: hidden;}
.index_news ul li .date {float: right;color: #999;font-size:14px; padding-left:15px;}



.news_cont_box{ background:#fff; padding:40px; margin-bottom:20px;}
.news_cont_box .content_tit{ padding:10px 0 14px; }
.news_cont_box .content_tit h1{ text-align:center; font-size:32px; line-height:38px; font-family:"微软雅黑"; color:#333; font-weight:bold; }
.news_cont_box .time_source{ padding-top:25px; color:#666; text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:15px; font-size:14px;}
.news_cont_box .time_source span{ display:inline-block; padding:0 10px;}
.news_cont_box .content{ overflow:hidden; padding:10px 0 16px 0; font-size:16px; line-height:200%; color:#333;}
.news_cont_box .content img{ max-width:1120px !important;}

.msg{ width:1200px; background:#fff; margin:0 auto 30px;}
.msg .hd{ text-align:center; padding-top:30px;}
.msg .hd .txt1{ font-size:26px; font-weight:bold;}
.msg .hd .txt2{ font-size:16px; color:#999; padding-top:15px;}
.msg .bd{ overflow:hidden; zoom:1; padding:20px 0 40px 150px;}
.msg .bd .msg_name{ width:60px; height:60px;  text-align:center; float:left; margin-right:10px; }
.msg .bd .msg_name img{ display:block;width:58px; height:58px; border:1px solid #ed6d00; border-radius:31px;}
.msg .bd .msg_cont{ width:650px; float:left; padding-top:10px;}
.msg .bd .msg_cont .input_bk{ width:625px; height:48px; border:1px solid #bfbfbf; padding:5px 8px; border-radius:5px; font-size:14px;}
.msg .bd .msg_btn{ width:184px; float:left;padding-top:10px;}
.msg .bd .msg_btn .btn{ width:176px; height:60px; line-height:60px; font-size:16px; color:#fff; background:#ed6d00; text-align:center; border:none; cursor:pointer;border-radius:5px;}
.msg .bd .msg_btn .btn:hover{ background:#c65b00;}
.tx_item{ display: -webkit-flex; display: flex; flex-direction: row;}
.tx_item em{display: inline-block; align-items:center; width: 300px;}
.item_cont_box table{    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;}
.item_cont_box table tr td{
    background: #F2F9FC;
    padding: 12px;
    vertical-align: middle;
    border: 1px solid #ddd;
    word-wrap: break-word;
    word-break: break-all;
}
.npborder{border-top: none !important;}

/*问答*/
.ask_search_box{ background:#fff; height:110px; box-shadow: 0 2px 2px #e4e4e4; border-top:1px solid #efefef;}
.ask_search{ width:1020px; margin:0 auto; padding-top:25px;}
.ask_search .ask_search_tit{ font-size:20px; font-weight:bold; float:left; padding:9px 20px 0 0; }
.ask_search .ask_search_c{ float:left;}
.ask_search .ask_search_c form{ overflow:hidden; zoom:1;}
.ask_search .ask_search_c .ask_search_input{ width:700px; height:38px; border:1px solid #dcdcdc; border-radius:4px; text-indent:15px; float:left; margin-right:5px; font-size:14px;}
.ask_search .ask_search_c .ask_search_btn{ width:100px; height:38px; line-height:38px; text-align:center; background:#ec6941; color:#fff; font-size:14px;border-radius:4px; border:none; cursor:pointer;  float:left; margin-right:8px;}
.ask_search .ask_search_c .ask_search_btn:hover{background:#be4723;}
.ask_search .ask_search_c .ask_btn{width:96px; height:34px; line-height:34px; text-align:center; display:inline-block; border:2px solid #ec6941; color:#ec6941;border-radius:4px; font-size:14px;}
.ask_search .ask_search_txt{ font-size:14px; padding-top:5px; color:#666;}
.ask_search .ask_search_txt a{ display:inline-block; padding:0 6px; color:#666;}
.ask_search .ask_search_txt a:hover{color:#ed6d00;}

.ask_cate{ background-color:#fff; padding:20px 30px; font-size:14px; overflow:hidden;}
.ask_cate ul li{ display:block; float:left; width:16.5%; height:30px; line-height:30px; overflow:hidden;}
.ask_cate ul li a{font-size: 16px; font-weight: bold;}
.ask_list{background-color:#fff; font-size:16px; }
.ask_list .hd{ height:45px; line-height:45px; background-color:#eaeaea;}
.ask_list .hd a{ display:block; float:left; border-right:solid 1px #d6d6d6; width:135px; text-align:center; color:#535353;}
.ask_list .hd a:last-child{ border:0;}
.ask_list .hd a.active{ background-color:#fff; color:#ec6941; border:0;}
.ask_list .bd{padding:5px 30px; font-size:14px; }
.ask_list .bd li{ height:48px; border-bottom:solid 1px #ededed; line-height:48px;}
.ask_list .bd li .tit{ float:left; width:600px; overflow:hidden;}
.ask_list .bd li .info{float:right; width:166px; padding-top:16px;color:#bbb;}
.ask_list .bd li .info .num{padding-right: 10px;text-align: right; border-right: 1px solid #e5e5e5;line-height: 14px;height: 14px;display: inline;float: left;}
.ask_list .bd li .info .time{padding-left: 10px;text-align: left;line-height: 14px;height: 14px;display: inline;float: left;}


.atten_question{ background:#fff;margin-bottom:20px;}
.atten_question .hd{ height:42px; line-height:50px; background:url(../images/dot.jpg) no-repeat left 16px; font-size:18px; font-weight:bold; padding-left:15px;}
.atten_question .bd{ padding:0 15px 15px;}
.atten_question .bd li{background:url(../images/dian.gif) no-repeat 0px 14px; height:30px; line-height:30px; padding-left:10px; font-size:14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


.question_box{ background:#fff; padding:20px 30px; margin-bottom:20px;}
.question_tit{ font-size:24px; font-weight:bold; line-height:48px;}
.question_info{ color:#999; font-size:14px; padding-top:5px;}
.question_info span{ margin-right:28px;}
.share_btn{ cursor: pointer;padding-left: 10px; height:15px; line-height:15px; color:#999; display:inline-block;margin-right:28px;}
.report_btn{cursor: pointer;padding-left: 10px; height:15px; line-height:15px; color:#999;display:inline-block;}
.question_cont{ font-size:14px; padding-top:15px; margin-bottom:20px;}
.question_ask{width:100px; height:35px; line-height:35px; background: url(../images/question_ask_icon.png) no-repeat  16px 0 #ec6941; color:#fff; text-indent:40px; font-size:14px; cursor:pointer;}
.question_ask:hover{ background: url(../images/question_ask_icon.png) no-repeat 16px -35px #be4723;}
.question_ask_form{ display:none;}
.question_ask_area_wrap{ padding:15px 0;}
.question_ask_area{padding:15px; width:809px;outline: none; border: 1px solid #dddddd;border-radius: 7px;font-size: 16px;line-height: 26px; height: 160px;}
.question_ask_btn_wrap{ text-align:right;}
.question_ask_btn{width:100px; height:35px; line-height:35px; background:#ec6941; border:none; font-size:14px; color:#fff; cursor:pointer;}
.question_ask_btn:hover{background:#be4723;}

.answer_tit{ margin-top:30px; position:relative;}
.answer_tit:before {background:#E5E5E5; content:''; height:1px; margin-top: 12px; position:absolute; width:100%;}
.answer_tit_num {background:white;color:#333;font-weight:700; font-size:18px; line-height:26px; padding-right:22px; position:relative;}

.answer_part{padding: 20px 0; border-bottom:1px dotted #ccc;}
.answer_user{ position:relative; overflow:hidden; zoom:1;}
.answer_user .user_pic{overflow:hidden; float:left; margin-right:10px;}
.answer_user .user_pic img{width:40px; height:40px;}
.answer_user .user_right{ width:300px; float:left;}
.answer_user .user_right .user_right_name{ font-weight:bold; font-size:14px;}
.answer_user .user_right .user_right_time{ color:#999;}
.answer_user .rec_answer{line-height:30px;padding: 0 12px 0 32px;display: inline-block;font-size: 14px;margin:0 0 0 30px;background: #FFEFE5 url(../images/rec_answer_icon.png) no-repeat 12px center; color:#F60; float:right;}

.answer_cont{ font-size:16px; line-height:26px; padding-top:10px; position: relative;}
.answer_cont p{line-height: 28px; padding-bottom: 10px;}
.answer_cont h2{ font-size: 18px; font-weight: bold; padding-bottom: 10px; line-height: 32px;}
.answer_cont img{max-width: 600px !important; border-radius: 5px;  margin: 0 auto; display: block; height: auto !important;}
.answer_opt{  padding-top:20px; font-size:14px;}
.answer_opt .opt_like{width: 70px; border: 1px solid #eee;color: #999;height: 32px; line-height: 32px; border-radius:16px;cursor: pointer;display: inline-block;vertical-align: middle; margin-right:28px;}
.answer_opt .opt_like i{display: inline-block; color:#00a65a;margin-left: 15px; margin-right: 5px; font-size: 16px;}
.answer_opt .opt_like:hover{border: 1px solid #19b955;}
.unfold_page{cursor:pointer; font-size:16px; line-height:56px; text-align:center;border-bottom:1px solid #E5E5E5;  }
.unfold_page .arr_down_icon{background:url(../images/arr_down_icon.png) 0 0 no-repeat;height:8px;width: 12px;display: inline-block;vertical-align: middle;}

.rela_question{ background:#fff; padding:10px 30px 20px;}
.rela_question .hd{height:42px; line-height:50px; background:url(../images/dot.jpg) no-repeat left 16px; font-size:18px; font-weight:bold; padding-left:15px;}
.rela_question .bd{ overflow:hidden; zoom:1;}
.rela_question .bd ul{width:930px;}
.rela_question .bd li{width:380px; float:left; background:url(../images/dian.gif) no-repeat 0px 14px; height:30px; line-height:30px; padding-left:10px; font-size:14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-right:50px;}

.share_wrap{background:#fff;border: 1px solid #E5E5E5; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);margin: 10px 0 0 -62px; position: absolute; width:134px; z-index:100; display:none;}
.share_wrap:before, .share_wrap:after {border-style: dashed dashed solid; border-width: 6px; content: ''; height: 0;left: 62px;line-height: 0; overflow: hidden;position: absolute;width: 0;}
.share_wrap:before {border-color: transparent transparent #E5E5E5;top: -12px;}
.share_wrap:after {border-color: transparent transparent white;top: -11px;}

.share_wrap li{color:#333; font-size: 13px;line-height: 18px; padding: 10px 20px;}
.share_wrap li:hover{background: #fafafa;}
.share-ico-qq, .share-ico-sina {display: inline-block;height: 16px;margin-right: 10px;vertical-align: -3px;width: 16px;}
.share-ico-sina {background: url(../images/btn_share_weibo.png) no-repeat;}
.share-ico-qq {background: url(../images/btn_share_qzone.png) no-repeat;}
.share-ico-wx {background: url(../images/btn_share_wechat.png) no-repeat;display: inline-block;height: 16px;margin-right: 10px;vertical-align: -3px; width: 16px;}
.share_qrcode{ width:94px; height:94px; display:block; overflow:hidden; margin-top:10px;}

.hot_ask{ background:#fff;margin-bottom:20px;}
.hot_ask .hd{ height:40px; line-height:50px; background:url(../images/dot.jpg) no-repeat left 17px; font-size:18px; font-weight:bold; padding-left:15px;}
.hot_ask .bd{ padding:0 15px 10px;}
.hot_ask .bd li{ font-size:14px; padding:8px 0;border-bottom: 1px solid #e6e6e6; overflow:hidden; zoom:1;}
.hot_ask .bd li a{ display:block;}
.hot_ask .bd li i{ font-size:16px; float:left; display:block;  margin-right:8px; color:#9195a3;}
.hot_ask .bd li .hot1{ color:#fe2d46;}
.hot_ask .bd li .hot2{ color:#f60;}
.hot_ask .bd li .hot3{ color:#faa90e;}
.hot_ask .bd li span{ float:left;width:218px;}
.hot_ask .bd li em{ color:#999; padding-left:10px;}
.hot_ask .bd li:last-child{ border-bottom:none;}


/*提交问题*/
.put_question_text{ height:70px; line-height:70px; text-align:center; color:#666; font-size:14px;}
.put_question{ padding:48px 90px; background-color:#fff;font-size:14px;overflow:hidden; margin-bottom:50px;}
.put_question ul li{ zoom:1; padding-bottom: 30px;}
.put_question ul li span{ width:88px; float:left; text-align:right; padding-right:16px; line-height:40px; font-weight:100; color:#333;}
.put_question ul li span i{ color:#f27c1a; padding-right:8px;}
.put_question ul li .textarea_box{ float:left;border:1px solid #d6d6d6; padding:10px; width:880px;position:relative; margin-bottom:20px;}
.put_question ul li .textarea_box span{ position:absolute; right:5px; bottom:0px;font-size:12px; color:#999; }
.put_question ul li .textarea_box span b{ font-weight:normal;}
.put_question ul li select{border:1px solid #d6d6d6; height:40px; line-height:40px; margin-bottom:20px;  font-size:14px;color:#666;}
.ly_text1{ border:1px solid #d6d6d6; padding:5px; width:240px; height:30px; }
.ly_textarea{ font-size:14px;  width:880px; border:1px solid  #d6d6d6;  border-radius: 5px; word-break: break-all; box-sizing: border-box; padding-left: 10px;}
.ly_submit{ background:#ec6941; width:200px; height:45px; display:block; text-align:center; color:#fff; line-height:45px;font-size:16px;border:none;cursor:pointer; border-radius:2px; }
.put_question ul li select:focus,.ly_textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #a9bcee;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(63, 106, 216, 0.25); }

/*举报*/
.report_popup_mask{opacity: 0.4;background:#000;position: fixed;left: 0px; top: 0px; width: 100%;height: 100%;overflow: hidden;user-select: none; z-index: 1024; display:none;}
.report_popup{ width:470px; height:400px; background:#fff; position:fixed; left:50%; margin-left:-235px; top:50%; margin-top:-200px; z-index: 1025; display:none;}
.report_popup .hd{ height:40px; line-height:40px; padding-left:20px; font-weight:bold; font-size:14px; background:#f6f6f6; position:relative;}
.report_popup .hd .report_popup_close{ width:18px; height:18px; background:url(../images/tiny-delete.png) no-repeat; display:inline-block; overflow:hidden; cursor:pointer; position:absolute; right:10px; top:12px;}
.report_popup .bd{ padding:20px; font-size:14px;}
.report_popup .bd .group{ overflow:hidden;zoom:1; padding-bottom:10px;}
.report_popup .bd h4{ font-weight:bold;}
.report_popup .bd li{ float:left;margin-right: 24px;}
.report_popup .bd textarea{border: 1px solid #ccc; padding: 2px 4px; width:418px; height:160px; overflow: auto;}
.report_popup .bd li input{ vertical-align:middle;margin-right: 4px;}
.report_popup .report_popup_btn{ width:80px; height:30px; line-height:30px; background:#ec6941; color:#fff; border:none; cursor:pointer; border-radius:2px;}

/*login-alert*/
.reg-alert,.login-alert{display:none;position:fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 100;}
.reg-alert-bg{width: 100%;height:100%; background:#000;filter: alpha(opacity=50);opacity: .5;}
.login-alert .reg-alert-wrap{height:280px;}
.reg-alert-wrap{max-width:450px;height: 310px;position: absolute;left: 50%;top: 25%;margin-left: -225px;background: #fff;border-radius: 2px;-webkit-animation: alert .3s;animation: alert .3s;width: 100%;}
.reg-word-logo,.login-word-logo{margin-top:40px;width: 100%;height:40px; font-size:20px; text-align:center; font-weight:bold;}
.login-alert .login-word-logo{margin-top: 30px;}
.reg-alert-del{cursor:pointer; width:40px; height:40px; background: url(../images/tiny-delete.png) no-repeat center center; display:block; position:absolute; right:0; top:0;z-index:101;}
.email-login-form{display: block;text-align: center;}
.email-login-form input{display: inline-block;padding: 0 10px;height: 36px;font-size: 16px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 250px;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline:none;margin-top:10px;}

.email-login-form .login-email-btn{width: 272px;height: 36px;background: #ed6d00;color: #fff;text-align: center;line-height:36px; font-size:18px;border-radius: 5px;margin-top: 15px; border:none; cursor:pointer;}
.email-login-form .login-email-btn:hover{background:#c65b00;}


.content-wrap{position:relative; overflow:hidden; background-color:#ECEBEB;}
.content-top{width: 100%;height: 300px;background: #333;position: relative;overflow: hidden; margin-top:25px;}
.content-t-bg{background: url(../images/user-banner.png) no-repeat 0 0;height: 100%;position: relative;overflow: hidden;}
.user-page-nav{width: 100%;height: 59px;background-color: #fff;text-align: center;overflow: hidden; margin-bottom:30px;}
.user-page-nav ul{display: inline-block;}
.user-page-nav ul li{display: inline-block;float: left;height: 60px;margin: 0px 30px;}
.user-page-nav ul li a{display: inline-block;height: 56px;line-height: 56px;border-bottom: 4px solid #fff;font-size:16px;color: #666666;}
.user-page-nav ul li a:hover{color: #ed6d00;border-bottom: 4px solid #ed6d00;}
.user-page-nav ul li a.current{color: #ed6d00;border-bottom: 4px solid #ed6d00;}
.user-page-info{margin-left: 500px;height: 145px;margin-top: 68px;width: 170px;}
.user-page-info img{width: 100px;height: 100px;border-radius: 50%;margin-left: 35px;}
.user-page-info p{margin-top: 11px;text-align: center;height: 26px;overflow: hidden;}
.user-page-info p span{display: inline-block;font-size: 16px;padding-right: 30px;height: 26px;color: #fff;background-position:  right 0px;line-height: 26px;}
.user-page-info p span.no-vip{color: #fff;background-position:  right center;}
.user-page-info p span.vip,.user-page-info p span.svip{background-position:  right center;}
.no-content-d{width: 1200px;height: 150px;background-color: #fff;position: relative;overflow: hidden;margin-top: 20px;margin-bottom: 150px;}
.no-content-d p{width: 100%;text-align: center;font-size: 18px;color: #6B6B6B;display: inline-block;margin-top: 55px;}
.no-content-d p a{width: 120px;height: 35px;display: inline-block;background-color: #F34D37;color: #fff;text-align: center;line-height: 35px;font-size: 18px;border-radius: 5px;}
.no-content-d p a:hover{background-color: #FF7864;}

.noworks{height:515px;line-height:400px;font-size:40px;color:#979797;text-align:center}

.no-vip{background: url(../images/none-vip-icon.png) no-repeat;}
.vip{background: url(../images/vip-icon-nomal.png) no-repeat;}

.log-content-wrap{margin-top: 25px;min-height: 300px;background: #fff;margin-bottom: 30px;overflow: hidden;}
.log-content-wrap table{width: 1000px;height: 42px;overflow: hidden;border-left: 1px solid #D4D4D4;border-top: 1px solid #D4D4D4;margin: 20px 0px 30px 100px;}
.log-content-wrap td,.log-content-wrap th{border-right: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4;height: 42px;text-align: center;background-color: #FAFAFA;}
.log-content-wrap table a{margin-left: 10px;color: #f4543c;}
.log-content-wrap table a:hover{text-decoration: underline;}

.user-set-content{margin-top: 25px;min-height: 260px;background: #fff;margin-bottom: 30px;overflow: hidden;padding-bottom: 58px;}
.setting-item-content{width: 750px;margin:55px 225px 0px 225px;}
.setting-item-wrap{border-bottom: 1px solid #ededed;position: relative;}
.setting-item:hover{background-color: #fbfbfb;}
.setting-item:hover .setting-switch{text-decoration: underline;color: #ed6d00;}
.setting-item{font-size: 14px;line-height: 60px;height: 60px;padding-left: 20px;color: #333;padding-right: 20px;cursor: pointer;}
.setting-item .setting-item-name{display: block;float: left;width: 100px;font-size: 16px;}
.setting-item .setting-item-preview{display: block;float: left;margin-left: 90px;}

.setting-hold{padding: 20px;border-top: 1px dashed #d0d0d0;display: none;}
.setting-c-email-btn{width: 80px;height: 30px;display: inline-block;color: #fff;background-color: #F4543C;line-height: 30px;font-size: 14px;text-align:center;margin-left:151px;margin-top: 18px;}
.setting-c-email-btn:hover{background-color: #FF7864;}
.setting-cur-email{padding-left: 76px;font-size: 13px;color: #5d5d5d;}
.setting-pwd-btn{width: 53px;height: 30px;display: inline-block;color: #fff;background-color: #F4543C;line-height: 30px;font-size: 14px;text-align: center;margin-left: 151px;margin-top: 18px;}
.setting-pwd-btn:hover{background-color: #FF7864;}
.setting-pwd-item{height: 48px;}
.setting-pwd-l{width: 90px;display: inline-block;line-height: 48px;color: #5d5d5d;font-size: 13px;height: 48px;text-align:right;margin-right: 10px;margin-left: 47px;}
.setting-pwd-item input{display: inline-block;padding: 0 10px;height: 38px;font-size: 16px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 251px;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline: none;margin-top: 10px;}
.setting-pwd-item input:hover{background-color: #fff;}
.setting-emsg{display: inline-block;font-size: 12px;margin-left: 10px;color: #f00;}
.user-set-content h4{text-align: center;font-size: 17px;font-weight: 400;color: #444;margin-top: 17px;padding-bottom: 18px;border-bottom: 1px solid #ededed;}
.user-set-content h4 span{color: #ed6d00;}
.set-bind-account-form{display: block;text-align: center;width: 500px;margin:20px auto 0px auto;height: 240px;}
.set-bind-account-input{display: inline-block;padding: 0 10px;height: 36px;font-size: 16px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 250px;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline:none;margin-top: 15px;}
.set-bind-account-input:focus{background-color: white;}
.set-bind-pwd-btn{width: 272px;height: 36px;display: inline-block;background-color:#ed6d00;color: #fff;text-align: center;line-height: 36px;font-size: 18px;border-radius: 5px;margin-top: 15px; border:none; cursor:pointer;}
.set-bind-pwd-btn:hover{background-color:#c65b00;}
.set-bind-account-error{display: inline-block;font-size: 12px;color: #f00;width: 250px;margin-top: 6px;}



.index_news { width:1200px; margin:0 auto; overflow: hidden; margin-bottom:20px; background:#fff;}
.index_news .hd{ border-bottom:2px solid #e2e2e2; font-size:22px; height:50px; line-height:50px; font-weight:bold; padding:0 30px;}
.index_news .hd .more{ float:right; font-size:14px; color:#999; font-weight:normal;}
.index_news .hd .more a{ color:#999;}
.index_news .bd{padding:0 30px;}
.index_news ul {width:1250px;padding: 15px 0;overflow: hidden;}
.index_news ul li {width:520px;float: left;margin-right:70px;background:url(../images/dian.gif) no-repeat left center;height:32px;line-height:32px;padding-left:10px;font-size:14px;  overflow: hidden;}
.index_news ul li .date {float: right;color: #999;font-size:14px; padding-left:15px;}



.news_cont_box{ background:#fff; padding:40px; margin-bottom:20px;}
.news_cont_box .content_tit{ padding:10px 0 14px; }
.news_cont_box .content_tit h1{ text-align:center; font-size:32px; line-height:38px; font-family:"微软雅黑"; color:#333; font-weight:bold; }
.news_cont_box .time_source{ padding-top:25px; color:#666; text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:15px; font-size:14px;}
.news_cont_box .time_source span{ display:inline-block; padding:0 10px;}
.news_cont_box .content{ overflow:hidden; padding:10px 0 16px 0; font-size:16px; line-height:200%; color:#333;}
.news_cont_box .content img{ max-width:1120px !important;}

.msg{ width:1200px; background:#fff; margin:0 auto 30px;}
.msg .hd{ text-align:center; padding-top:30px;}
.msg .hd .txt1{ font-size:26px; font-weight:bold;}
.msg .hd .txt2{ font-size:16px; color:#999; padding-top:15px;}
.msg .bd{ overflow:hidden; zoom:1; padding:20px 0 40px 150px;}
.msg .bd .msg_name{ width:60px; height:60px;  text-align:center; float:left; margin-right:10px; }
.msg .bd .msg_name img{ display:block;width:58px; height:58px; border:1px solid #ed6d00; border-radius:31px;}
.msg .bd .msg_cont{ width:650px; float:left; padding-top:10px;}
.msg .bd .msg_cont .input_bk{ width:625px; height:48px; border:1px solid #bfbfbf; padding:5px 8px; border-radius:5px; font-size:14px;}
.msg .bd .msg_btn{ width:184px; float:left;padding-top:10px;}
.msg .bd .msg_btn .btn{ width:176px; height:60px; line-height:60px; font-size:16px; color:#fff; background:#ed6d00; text-align:center; border:none; cursor:pointer;border-radius:5px;}
.msg .bd .msg_btn .btn:hover{ background:#c65b00;}
.internoter{padding-top: 10px;}
.internoter h3{
    color: #333;
    font-weight: bold;
    font-size: 18px;
    line-height: 60px;
    padding-right: 22px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.bg-maroon {
    float: right;
    background: #19b955;
    color: #FFFFFF;
    margin-top: 10px;
}
.flex{display: flex; flex-direction: row ;align-items:center;}
.internoter .flex p{font-size: 13px;}
.internoter .flex p a{text-decoration: underline; color: #0d6aad;}
.internoter .flex p i{color: #00965e;}
.news-list-stl li {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    padding-left: 5px;
    border-bottom: 1px #999 dotted;
    list-style-type: none;
}
.best_answer{height: 100px; width: 100px; background:  url("../images/best.png") no-repeat top right; opacity: 0.3; background-size:90px; position: absolute; right: 10px; top: -50px; z-index: 100; }
.ivu-notice {
    top: 70% !important;
    width: 285px !important;
}
.swip{background: #fff; padding: 5px; }
.swip h2{font-size: 15px; font-weight: bold; color: black; line-height: 32px;}
.swip p{font-size: 12px; line-height: 24px; color: #333; padding-bottom: 10px;}
.swiper-container{height: 200px;}
.swiper-container img{width:100%; border-radius: 5px;}

.tb-toolkit {
    position: fixed;
    left: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 999;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 30px 2px rgb(97 105 119 / 18%);
    -moz-box-shadow: -2px 0 30px 2px rgba(97, 105, 119, 0.18);
    box-shadow: -2px 0 30px 2px rgb(97 105 119 / 18%);
    border-radius: 0 18px 18px 0;
    width: 60px;
}
.tb-toolkit-list {
    padding: 6px 0;
}
.tb-toolkit:last-child {
    padding: 16px 0;
}
.tb-toolkit-list > * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.tb-toolkit-list .toolkit-item {
    position: relative;
    text-align: center;
    width: 60px;
    height: auto;
    margin-top: 10px;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
}
.tb-toolkit-list .toolkit-item a {
    display: block;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}
.tb-toolkit-list .toolkit-item .toolkit-icon {
    display: block;
    width: 100%;
    font-size: 26px;
    padding-top: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px;
    margin-bottom: 5px;
}