@charset "utf-8";
/*base.css*/
*{margin:0;padding:0}
body{position:relative;overflow-x:hidden;width:100%;min-width:1200px;font-size:12px;font-family:"微软雅黑",Arial;}
a{color:#333;text-decoration:none}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:12px}
b,strong{font-weight:400}
em,i{font-style:normal}
img{display:block;border:0;width:100%;}
input{border:none;background:0 0}
.fl{float:left}
.fr{float:right}
.clearfix:after{clear:both;display:block;content:''}
.clearfix{zoom:1}
.ellipsis{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
input, button, select, textarea {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}
/**/

#header{width:100%;height:50px; background:white; position:fixed; z-index:6;border-bottom: 1px solid rgb(220,220,220);}
#header .logo{ display:block; text-align:center;width:8%;}
#header .logo img{margin:12px auto; height:26px;width:auto}
#header .mainbav{float:left;height:50px;}
#header .mainbav .navitem{float:left;}
#header .text_room{ line-height: 2.7; font-size: 18px;color: #666;}
#header .mainbav .navitem a{ display:block;height:100%; line-height:50px;color:#fff; font-size:13px;padding:0 24px;}
#header .mainbav .navitem.active a{ background:#5d6ece}

/*container*/
#container{ background:#f6f6f6;}
.sidebar{width:15%;position:fixed; z-index:66; margin:100px 0 50px; height:calc(100% - 150px); overflow-x: auto;}
.sidebar .nav a{width:100%; display:block; line-height:48px; color:#6e6e6e; font-size:13px;  text-align:center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.sidebar .bottomLine{ 
    position: absolute;
    top:-3px;
    left:50%;
    height:11px;
    width:11px; 
    background:#ffd914;
    border-radius: 50%;
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-top: 22px; 
    margin-left:-60px}

.sidebar .nav a.active span:after,.sidebar .nav a:hover span:after{ opacity:1;color:#333; left:-28px;}


.main_content{width:85%; min-height:800px; margin-left:15%; padding-top:50px;}
.main_content .wrapper{ padding-right:5%; margin-top: -20px;}
.main_content .module h3{ font-size:16px; color:#333; padding: 40px 0 20px 20px;}


.tabs {background:#fff;box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-radius: 4px;}
.tabs .tabs_header{ border-bottom:1px solid #f4f4f4; padding:0 10px;}
.tabs .tabs_header .th_item{float:left;margin:0 20px;}
.tabs .tabs_header .th_item a{ clear:both; display: inline-block;padding:20px 0 19px; border-bottom:1px solid rgba(51,51,51,0)}
.tabs .tabs_header .th_item.active,.tabs .tabs_header .th_item:hover{border-color:rgba(51,51,51,1)}
.tabs .tabs_header .th_item .image{width:16px; height:16px; float:left}
.tabs .tabs_header .th_item .image img{border-radius: 50%;}
.tabs .tabs_header .th_item .title{ font-size:12px;color:#333; height:16px; line-height:16px;float:left; margin-left:10px;}
.tabs .tabs_header .th_item{ position:relative}
.tabs .tabs_header .th_item.active:after{ content:''; position:absolute;bottom:-1px;height:1px; left:0;width:100%; background:#333;}
.tc_item,.tc_listItme{ display:none;}
.tc_listItme.active,.tc_item.active{ display:block;}
.tabs_content{padding:0 30px;}
.tc_item  .tc_catagory{padding:24px 0;}
.tabs_top{border-bottom:1px solid #f6f6f6; padding:24px 30px;}
.tc_item  .tc_catagory .item,.tabs_top .item{padding:0 18px; border-radius:50px; line-height:24px; height:24px; color:#999; display:inline-block;transition: all .3s ease-out 0s; cursor:pointer}
.tc_item  .tc_catagory ul>.item.active,.tc_item .tc_catagory .item:hover,.tabs_top .item.active,.tabs_top .item:hover{color:#fff;background:#333;}
.tabs_list .list_item{ display:none}
.tabs_list .list_item.active{ display:block;}
.tc_item  .tc_lists ul{margin-right:-20px}
.tc_item  .tc_lists .itme{float:left;width:16.666666666%;}
.tc_item  .tc_lists .itme a{margin-right:20px;margin-bottom: 20px;border-radius:4px; display:block; }
.tc_item  .tc_lists .image{width:100%; border-radius:4px; overflow:hidden;transition: all 0.3s ease-out 0s;}
.tc_item  .tc_lists .image:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
.tc_item  .tc_lists img{width:100%; height:auto;}
.tc_item  .tc_lists .info{padding:14px 10px;}
.tc_item  .tc_lists .title{ font-size:13px; color:#333; height:18px; line-height:18px;}
.tc_item  .tc_lists .subtitle{color:#a6a5a5; line-height:18px; height:18px;}
.lists{margin-right:-1px;background:#fff;position:relative;box-shadow: 0 2px 4px rgba(0,0,0,0.1);border-radius: 4px;}
.lists .item{width:25%;float:left}
.lists .item a{ padding:18px 30px 16px; display:block; position:relative; border-bottom:1px solid #f6f6f6; border-right:1px solid #f6f6f6;transition: all .3s ease-out 0s;}
.lists .item a:hover{ box-shadow:0 4px 24px rgba(0,0,0,0.16); z-index:10;border-bottom:1px solid #fff; border-right:1px solid #fff;}
.lists .item .image{width:24px;height:24px; background:#DDD; border-radius:50%; position:absolute; margin-top:7px}
.lists .item .image img{width:100%; height:auto;border-radius: 50%;}
.lists .item .info{float:left; margin-left:40px;line-height:20px;width:100%;}
/*.lists .item .info p{padding-right:40px;}*/
.lists .item .info .title{ font-size:13px; color:#333; clear: both;}
.lists .item .info .title span{ float: left;}
.lists .item .info .title i{float: left;width:11px; height:11px; margin: 2px 4px;}
/*.lists .item .info .title .icon_1{background: url("../images/h.png") no-repeat; background-size: 100%; }*/
/*.lists .item .info .title .icon_2{ background: url("../images/n.png") no-repeat; background-size: 100%;}*/
.lists .item .info .subtitle{ font-size:12px; color:#a6a6a6;}
.catagory_module h4{ font-size:14px; color:#333;padding:0 30px;border-bottom:1px solid #f6f6f6; line-height:60px;position:relative;background-color: #f9f9f9;}
.catagory_module h4:after{ content:''; position:absolute;top:50%;left:0;height:6px;width:3px; background:#666; margin-top:-2px; margin-left:0}
.catagory_module .list_item .lists{ margin:0; position:relative}
.lists:before{ content:''; position:absolute; bottom:0;left:-1px; border-bottom:1px solid #f6f6f6;width:100%;height: 100%; border-right: 1px solid #f6f6f6;}
/*link 鍙嬫儏閾炬帴*/
.link_module{ position:relative; margin-top:80px; margin-left:20px;}
.link_module .header{color:#999;position: absolute;top:0;left:0;}
.link_module .header .line{ width:35px; height:1px; background:#e2e2e2; margin-left:10px; margin-top:8px;}
.link_module .link{ margin:0 0 80px 95px; width: calc(100% - 95px)}
.link_module .link a{color:#999;padding:0 14px;float:left; margin-bottom:16px;transition: all .3s ease-out 0s; width:calc(14% - 26px);overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.link_module .link a:hover{color:#333;}
/*search*/
/*.search_btn{width:50px; height:40px; background:url("../images/search.png") no-repeat center; float:right;}*/
/*.search{ height:40px;padding-left: 20px; margin: 9px 0; background:#f6f6f6; border-radius:40px; line-height: 40px;float: right;width: calc(20% - 20px); }*/
/*.search input{width:70%; height:40px;float:left;font-size: 13px;}*/
/*footer*/

/*#footer .wrap{width:85%; margin-left:15%;overflow: hidden;}*/

@media screen and (min-width: 1367px) and (max-width:1600px) {
    .tc_item  .tc_lists .itme{width:20%;}
    .lists .item{width:33.3333%}
    .tc_listItme ul li:nth-child(11),.tc_listItme ul li:nth-child(12){ display:none}
}

@media screen  and (max-width:1366px) {
    .tc_item  .tc_lists .itme{width:25%;}
    .lists .item{width:33.3333%}
    .link_module .link a{width: calc(16% - 24px);}
}


.content_list,.tabs_module .content{box-shadow: 0 2px 4px rgba(0,0,0,0.1); background:#fff; border-radius:4px;}
.content_list .list_item .lists{box-shadow: none}
.content .lists{box-shadow: none}



/*Back Top*/
#goToTop{
    position: fixed;
    top:80%;
    right:22px;
}
#goToTop .back_top{
    width:32px;
    height:32px;
    background: #333;
    display: block;
    border-radius: 50%;
    margin-top:10px;
    position:relative
}
#header .myAdd{
    width:80px;
    padding:8px 10px;
    background: #ffd914;
    color: black;
    display: inline-block;
    border-radius:20px;
    font-size: 12px;
    margin:0 20px;
}
.add_url{
    display: inline-block;
    float: right;
    padding-top: 10px;
    padding-right: 5%;
}
.icon_add{
    width:12px;
    height: 12px;
    position: relative;
    display: block;
    margin-bottom:-15px ;
    margin-left: 15px;
}
.icon_add:after{
    content: '';
    width:12px;
    height:2px;
    background: black;
    position: absolute;
    top:50%;
    margin-top: -1px;
}
.icon_add:before{
    content: '';
    width:2px;
    height:12px;
    background: black;
    position: absolute;
    left:50%;
    margin-left: -1px;
}
.icon_backtop{
    width:16px;
    height:16px;
    background:url("/Public/Home/new/images/packup.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 8px;
    left: 8px;
}
.biaoqing{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: right;
    /*margin:0 10px;*/
    margin-left: 18px;
}



.sidebar .nav a.active,.sidebar .nav a:hover{color:#333}


.myAdd span{
    display: inline-block;
    text-indent: 40px;
    font-size: 14px;
}
#myAdd{position:fixed; top:50%;left:50%;  background:#fff; z-index:-1;width: 580px; height:490px;margin-left: -290px; margin-top: -265px; border-radius: 4px; overflow:hidden;transform:scale(.94); opacity: 0;transition:  all .2s ease-out 0s;}
#myAdd .header,#stateBox .header{ height: 60px; line-height: 60px; background: #f6f6f6;  padding: 0 40px;}
#myAdd .header h3,#stateBox .header h3{font-size: 16px;color:#333;}
#myAdd .form_list{padding:40px 86px 0;}
.form_item label{width:50px;color: #999; font-size: 12px; line-height: 40px; height: 40px; text-align: right; margin-right: 20px; margin-bottom:10px; }
.form_input{ height: 38px; line-height: 40px;}
.form_input input{width:300px; height: 100%;padding:0 18px;border-radius: 4px; border: 1px solid #ebebeb;}
.form_item:after{ content:'';clear: both; display: block;}
.form_category .form_input p.set {
    width:300px;
    height: 38px;
    padding:0 18px;
    color:#000;
}

.form_category .form_input .newBox{
    width:340px;
    height:98px;
    overflow:hidden;
    overflow-y:auto;
    display:none;
    background:#fff;
    border-radius:4px;
    position:absolute;}

.form_category .form_input  ul.new li {
    line-height:32px;
    height:32px;
    padding:0 18px;
    color:#555

}
.form_category .form_input ul.new li:hover {
    background:#f2f2f2;
    color:#555;
}
.form_input input:focus{border: 1px solid #b5b5b5;}
.form_category  .form_input{border: 1px solid #ebebeb;border-radius: 4px;}
.form_code .form_input{
    width:165px;
    height:38px; line-height: 40px;}
.form_code .form_input input{width:128px;}
.submitBtn a,.stateBtn a{width: 165px; height: 40px; display: inline-block; line-height: 40px; border-radius: 4px;margin-right: 5px; text-align: center; color:#fff; font-size: 14px; background:#d0d0d0 }
.submitBtn,.stateBtn { margin-left:70px; margin-top: 20px;margin-right: -20px; }
.submitBtn a:hover,.stateBtn a:hover,.stateBtn a.s_confirm{ background:#677ae4 }
.mack{ background:#000; position: fixed;top:0;left: 0; width: 100%;height:100%; z-index:-1; opacity: 0;transition: all .36s ease-out 0s;}
/*.set{ background: url("/Public/Home/new/images/jt_img.png") no-repeat #fff 292px 9px;}*/
.form_code .image{float: left;width:140px;height:24px;padding:8px 0}
.form_code .image img{width:auto;height:100%; margin: 0 auto;}
.close_btn {width:25px;height:25px; background:url("/Public/Home/new/images/close_icon.png") no-repeat; margin-top: 18px;  margin-right: -18px;cursor: pointer;}
#stateBox{ position: fixed;top:50%;left:50%; background: #fff; z-index: -1;width:580px; height: 280px; margin-top:-140px; margin-left:-290px;border-radius: 4px;overflow:hidden;transform:scale(.94); opacity: 0;transition:  all .2s ease-out 0s;}
.stateBtn a.s_confirm{ margin: 0 auto; display: inline-block;}
.stateBtn{ text-align: center; margin: 0 auto}
#stateBox .center .title{ font-size: 20px; color: #666; text-align: center; padding: 40px 30px 50px;}


.footer_bottom{
    width:100%; 
    text-align: center;
    padding: 30px 0;
    color: #b5b5b5;
}