/* 懒人图库 搜集整理 www.lanrentuku.com */

@charset "utf-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    list-style-type: none;}


body {}
body,
td,
th {
    font-family:"微软雅黑","Arial";
    font-size:0.7rem;
    color: #333;
    padding: 0;
    margin: 0;
    line-height: 24px;}


a:link {
    text-decoration: none;}

a:visited {
    text-decoration: none;}

a:hover {
    text-decoration: none;}

a:active {
    text-decoration: none;}

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}   
input{outline:none;}

img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;}

.clear {
    clear: both;}
.width100 {
    width: 100%;}

.left {
    float: left
;}

.right {
    float: right
;}

.text_right {
    text-align: right;}

.text_cen {
    text-align: center;}

.pos_rel {
    position: relative
;}

.pos_abs {
    position: absolute;}

.center {
    margin: 0 auto;}

.none {
    display: none;}

.overflowH {
    overflow: hidden;}


.wide{ 
  width: 1100px;
  margin: 0 auto
;}
.header_bg{
  background: url(../images/header_bg.jpg) no-repeat top center; height: 146px;}
.nav_bg{
  background: url(../images/nav_bg.jpg) no-repeat top center;}


.jsd{background: url(../images/shu.jpg) no-repeat left top;}



.cont_bg{background: url(../images/bg.jpg) no-repeat center top;background-size: 126%;}
.cont_bj{background: url(../images/bg0.jpg) repeat-y center;}
.cont_bg1{background: url(../images/bg1.jpg) #fff no-repeat center bottom; padding: 20px;
  -moz-box-shadow:0px -2px 13px #7D7375; -webkit-box-shadow:0px -2px 13px #7D7375; box-shadow:0px -2px 13px #7D7375;}
.cont_bg2{padding: 20px; background: url(../images/bg2.jpg) #fff no-repeat right bottom; -moz-box-shadow:0px 0px 13px #7D7375; -webkit-box-shadow:0px 0px 13px #7D7375; box-shadow:0px 0px 13px #7D7375;}

.ind_more{ top:0px; right: 5px; line-height: 34px;}
.ind_more a{ color: #fff;}
.ind_yyin{top:0px; right: -11px;}

.ztis{ margin-top: 10px;}
.ztis ul li{ line-height: 32px; height: 32px; overflow: hidden; font-size: 14px; color: #444;}
.ztis ul li a{ background-image: url(../images/ico.jpg); background-position: 3px 8px; background-repeat: no-repeat; padding-left: 15px; color: #444;}
.ztis ul li a:hover{background-image: url(../images/ico1.jpg); background-position: 3px 8px; background-repeat: no-repeat; padding-left: 15px; color: #ff932d;}

.ind_new_bg{ background: url(../images/ico2.jpg) no-repeat right bottom;}

.ptai{ margin-top: 15px; margin-left: 10px; float: left;}
.ptai ul li{ line-height: 32px; height: 32px;overflow: hidden; font-size: 14px; background-image: url(../images/ico3.jpg); background-position: 3px 11px; background-repeat: no-repeat; padding-left: 25px;}
.ptai ul li a{ color: #333;}
.ptai ul li a:hover{ color: #ff932d;}

.ind_cx{ margin-top: 8px;}
.ind_cx ul li{ float: left; font-size: 14px;margin-bottom: 15px;margin-top: 15px;}
.ind_cx ul li a{ color: #8e9e93; display: block; margin-left: 16px; margin-right: 16px;  width: 139px;  background: url(../images/in_cx1.jpg) no-repeat; text-align: center; height: 42px; line-height: 42px;}
.ind_cx ul li a:hover{ background: url(../images/in_cx2.jpg) no-repeat; color: #ff932d;}

.ind_zl{ margin-top: 8px;}
.ind_zl ul li{ float: left; font-size: 14px;margin-bottom: 15px;margin-top: 15px;margin-left:20px;}
.ind_zl ul li a{ color: #8e9e93;
    display: block;
    margin-left: 16px;
    margin-right: 16px;
    width: 139px;
    background: url(../images/in_cx1.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    height: 47px;
    line-height: 47px;}
.ind_zl ul li a:hover{ background: url(../images/in_cx2.jpg) no-repeat; color: #ff932d; background-size: 100% 100%;}

.ind_dan{background: url(../images/ico4.jpg) no-repeat center top; text-align: center; font-size: 18px; height: 52px; line-height: 40px; padding-top: 8px; color: #523224;}
.ind_dan_list{ margin-top: 10px; width: 135px;}
.ind_dan_list_2{ margin-top: 10px; width:100%;}
.ind_dan_list_2 ul li{margin-right:11px;}
.ind_dan_list ul li{ float: left; font-size: 16px; margin-bottom: 15px;}
.ind_dan_list ul li a{ display: block; border:1px solid #ae9f80; background: #c4b9a3; text-align: center; width: 135px; height: 35px; line-height: 35px; color: #301b11;}
.ind_dan_list ul li a:hover{border:1px solid #d3b88e; background: #efeadc;}

.ind_zj_list{ margin-top: 10px;}
.ind_zj_list ul li{ float: left; font-size: 16px; margin-bottom: 15px;}
.ind_zj_list ul li a{ display: block; border:1px solid #ae9f80; background: #c4b9a3; text-align: center; width: 135px; height: 35px; line-height: 35px; color: #301b11;}
.ind_zj_list ul li a:hover{border:1px solid #d3b88e; background: #efeadc;}

.ind_jp{ background: url(../images/ico_bg.jpg) repeat-x top; height: 174px;}

.ind_link{ border-bottom:1px solid #d2d2d2; height: 29px;}
.ind_link span{ border-bottom:2px solid #819387; font-size: 16px; padding-bottom: 7px;}
.ind_link span a{color: #819387; font-weight: bold;}
#parent {
    width: 200px;
	height: 30px;
    line-height: 30px;
    overflow: hidden;
    border: solid 1px #ccc;
    border-radius: 5px;
    font-size: 12px;
    color: #5c3d2d;
    outline: none;
    float: left;
    margin-right: 12px;}


.foot_bg{background: url(../images/foot_bg.jpg);}
.foot{background: #819387; text-align: center; color: #fffefe; padding-top: 15px; padding-bottom: 15px; line-height: 24px;}
.ma{ right: 100px; top:22px;}

.focus{ position:relative; width:318px; height:249px; background-color: #000; float: left;}  
.focus img{ width: 318px; height: 249px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden;}
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px;}  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  
.focus .shadow{ width:100%; position:absolute; bottom:32px; left:0px; z-index:10; height:22px; line-height: 22px; background:#;  display:block;  text-align:left;}  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none;}
.focus .fcon img{ display:block;}  
.focus .fbg{bottom:0px; right:0px; position:absolute; height:22px; text-align:center; z-index: 200;}
.focus .fbg div{overflow:hidden;zoom:1; height:20px; border:1px solid #ccd1cb; border-right:none;}
.focus .D1fBt a{position:relative; display:inline; width:22px; height:22px; border-right:1px solid #ccd1cb; line-height: 20px; color:#fff; text-decoration:none; text-align:center; outline:0; float:left; background:#919191;}
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#f00; color:#fff;}  
.focus .D1fBt img{display:none;}    
.focus .D1fBt i{display:none; font-style:normal;}    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer;}  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0;}  
.focus .next:hover{  background-position:-40px 0;}
.focus_titie{ font-size: 14px; color: #333; text-align: center; line-height: 32px;height:25px;overflow:hidden;display:block;}



.tab-content{
    margin-top:12px; margin-left: 5px;}
.flashSale .tab-content .tab-pane {
    display: none;}
.flashSale .tab-content .active {
    display: block;}
.flashSaleDeals {
    width: 970px;
    height: 145px;
    position: relative;
    overflow: hidden;}
.flashSaleDeals ul li{
    width:970px;
    float:left;
    height:129px;
    margin-top: 10px;}
.xsq_deal_wrapper,.saleDeal{
    position: relative;
    display: block;
    float: left;
    width: 127px;
    height: 121px;}
.xsq_deal_wrapper{
    background: #fff;
    padding: 3px;
    border:1px solid #e5e5dd;
    margin-left: 13px;
    margin-right: 13px;}
.dealCon{
    position: relative;
    width: 192px;
    height: 192px;
    overflow: hidden;}
.dealImg{
    width: 192px;
    height: 192px;}
.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font: 12px/20px '微软雅黑';
    display: none;
    z-index: 2;}
.overlay .xsqMask{
    opacity: .4;
    filter: alpha(opacity=40);}
.overlay .xsqMask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;}
.overlay p{
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;}
.word1{
    top: 48px;
    font-size: 16px;}
.word2{
    top: 78px;
    font-size: 16px;}
.word3{
    top: 145px;
    font-size: 14px;}
.flashSaleDeals .saleDeal:hover .finish{
    display: block;}
.soldOut {
    background: url(../images/big_bg_img_v3.jpg) -216px -500px;}
.finishIcon {
    background: url(../images/big_bg_img_v3.jpg) -5px -101px;}
.xsqIcon {
    width: 76px;
    height: 75px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    z-index: 1;}
.stock{
    width: 100%;
    height: 20px;
    overflow: hidden;
    font: 13px/20px '微软雅黑';
    color: #fff;
    text-align: center;
    position: absolute;
    border-bottom: 24px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    bottom: -24px;
    left: 0;
    z-index: 1;}
.saleDeal:hover .dealCon .stock{
    bottom: 0;}
.xsqMask {
    opacity: .4;
    filter: alpha(opacity=40);}
.xsqMask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;}
.stockWord {
    position: relative;
    z-index: 2;
    font-size: 12px;}
.title_new {
    padding: 6px 10px 0;
    font: 12px/20px "microsoft yahei";
    color: #060606;}
.title_new p {
    width: 172px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;}
.baoyouText {
    color: #888;
    margin-right: 5px;}
.dealInfo {
    height: 35px;
    padding: 0 12px 0 10px;
    text-align: right;
    margin-top: -1px;}
.price {
    color: #ec1611;
    font: 13px/33px '微软雅黑';
    float: left;}
.price em{
    font: 700 16px/33px Arial;
    margin-left: 4px;}
.shop_preferential{
    float: right;
    font: 12px/12px "Arial";
    color: #b5b5b5;
    margin-top: 10px;}

.flashSaleDeals .saleDeal:hover .finishIcon, .flashSaleDeals .saleDeal.zt2:hover .finish {
    display: none;}

.trigger {
    width: 12px;
    height: 14px;
    position: absolute;
    top: 68px;
    z-index: 3;}
.zuo{
    background-image: url(../images/zuo.jpg);
    background-repeat: no-repeat;
    left: 0px;}
.zuo:hover{
    background-image: url(../images/zuo.jpg);
    background-repeat: no-repeat;}
.you{
    background-image: url(../images/you.jpg);
    background-repeat: no-repeat;
    right: 0;}
.you:hover{
    background-image: url(../images/you.jpg);
    background-repeat: no-repeat;}
/*限量抢购-结束*/


.tin{z-index: 99; width:270px; left:-250px; text-align: right; height: 30px; line-height: 30px; top:10px;}
.tin a{color: #5d3601;}
.sec{ border:1px solid #523225; top:50px; width: 195px; left:-195px; background: #fff; z-index: 99;}
.f_hot_input {
    border: 0px;
    background: no-repeat;
    height: 28px;
    line-height: 28px;
    margin-left: 20px;
    font-size: 14px;
    color: #444;
    font-family: 微软雅黑;
    float: left;
    width: 140px;}
.f_hot_but {
    width: 25px;
    height: 28px;
    float: right;}


.list_left{ border-right:1px solid #c3c3c3; width: 149px;}
.list_left_name{ background: url(../images/list_1.jpg) no-repeat left top; height: 42px; line-height: 42px; padding-left: 53px;
 color: #fff3d9; font-size: 15px; font-weight: bold;overflow:hidden;}
.list_nav{ padding-left: 10px;}
.list_nav ul li{border-bottom:1px solid #c3c3c3; background-image: url(../images/ico3.jpg); background-position: 0px 20px;
 background-repeat: no-repeat; padding-left: 22px; padding-top: 10px; padding-bottom: 10px; line-height: 30px; font-size: 14px; color: #444;}
.list_nav ul li a{ color: #444;}
.list_nav ul li a:hover{ font-weight: bold; color: #ff9634;}
.list_nav .list_nav_hover{font-weight: bold; color: #ff9634;}
.list_nav .list_nav_hover a{color: #ff9634;}
.list_tu{ background: url(../images/list_2.jpg) no-repeat bottom left; height: 500px; padding-top: 60px; margin-bottom: 80px;}

.list_right{ border-bottom: 2px solid #eddac9; height: 36px; position: relative;}
.list_right_name{ position: absolute; top:0px; background: url(../images/list_3.jpg) no-repeat top center; text-align: center; width: 160px; height: 38px; line-height: 38px;
 font-size: 13px; font-weight: bold; color: #5c3d2d;overflow:hidden;}
.list_right_hit{ float: right; color: #737373; font-size: 14px; line-height: 36px;}
.list_right_hit span{ color: #ff9634;}
.list_right_hit a{color: #737373;}

.amin_list ul li{ font-size: 15px; line-height: 36px; background-image: url(../images/dian1.jpg); background-repeat: no-repeat; background-position: 0px 15px; padding-left: 15px;float:left;}
.amin_list ul li a{ color: #5c3d2d;width:790px;height:30px; overflow:hidden;display:block;float:left;}
.amin_list ul li a:hover{color: #ff9634; font-weight: bold;}
.amin_list ul li span{ font-size: 13px; color: #5c3d2d; float: left;}
.amin_list input{ font-size: 12px;}

.down_list ul li{ font-size: 15px; line-height: 36px; background-image: url(../images/dian1.jpg); background-repeat: no-repeat; background-position: 0px 15px; padding-left: 15px;}
.down_list ul li a{ color: #5c3d2d;}
.down_list ul li a:hover{color: #ff9634; font-weight: bold;}
.down_list ul li span{ font-size: 13px; color: #5c3d2d; float: right;}

DIV.sabrosus {
    padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; margin-top: 70px; padding-bottom: 70px; font-size: 14px;}
DIV.sabrosus A {
    border: #dadce3 1px solid; border-radius: 3px; padding-right: 10px;  padding-left: 10px; padding-bottom: 4px;  color: #666; margin-right: 7px; padding-top: 4px; text-decoration: none
;}
DIV.sabrosus A:hover {
    border: #dadce3 1px solid; color: #7f9387;}
DIV.pagination A:active {
    border: #dadce3 1px solid; color: #7f9387;}
DIV.sabrosus SPAN.current {
    border: #7f9387 1px solid; background: #7f9387; border-radius: 3px; padding-right: 10px; padding-left: 10px; font-weight: bold; padding-bottom: 4px; color: #fff; margin-right: 7px; padding-top: 4px;}
DIV.sabrosus SPAN.disabled {
    border: #dadce3 1px solid; border-radius: 3px; padding-right: 10px; padding-left: 10px; padding-bottom: 4px; color: #7f9387; margin-right: 7px; padding-top: 4px;}
DIV.sabrosus SPAN.disa {font-size: 14px; padding-right: 6px; padding-left: 6px;}
DIV.sabrosus SPAN.disa a{border:0px; padding: 0px; margin: 0px;}

.leader{ width: 885px; overflow: hidden;}
.leader ul{ width: 1000px;}
.leader ul li{ width: 175px; float: left; margin-right: 55px; margin-bottom: 20px;}
.leader_title{ text-align: center; color: #737373; font-size: 12px; margin-top: 8px;height:20px;overflow:hidden;display:block;}
.leader_title a{color: #737373;}
.leader_title a:hover{color: #ff9634;}
.leader img{ width: 173px; height:193px;}


.tupian{ width: 885px; overflow: hidden;}
.tupian ul{ width: 1000px;}
.tupian ul li{ width: 127px; float: left; margin-right: 55px; margin-bottom: 20px;}
.tupian img{ width: 127px; height:121px;}

.zhuanlue{ width: 885px; overflow: hidden;}
.zhuanlue ul{ width: 1000px;}
.zhuanlue ul li{ width: 400px; float: left; margin-right: 55px; margin-bottom: 20px;}
.zhuanlue img{ width: 400px; height:589px;}

.page_title{ background: url(../images/ico9.jpg) no-repeat top center; min-height: 53px; font-size: 24px; color: #383838; font-weight: bold; text-align: center; padding-top: 50px; border-bottom:1px dashed #c3c3c3;}
.page{ font-size: 14px; color: #333333; line-height: 30px;}
.page img{ max-width:100%;}

.album{ width: 885px; overflow: hidden;}
.album ul{ width: 1000px;}
.album ul li{ width: 270px; float: left; margin-right: 35px; margin-bottom: 20px;}
.album_title{ text-align: center; color: #737373; font-size: 16px; margin-top: 8px;}
.album_title a{color: #737373;}
.album_title a:hover{color: #ff9634;}

.album_name{ text-align: right; display: block; padding-top: 75px; font-size: 15px; color: #383838;}
.album_tu{position: relative;}
.album_tu img{width:258px;height:193px;}
.album_k{position: absolute; top:0px; left: 0px;}



.box{padding-left: 10px;}
.box ul{margin:0px; padding:0px; list-style:none;border: 0;}
.box ul li{border-bottom:1px solid #c3c3c3; background-image: url(../images/icoa1.jpg); background-position: 100px 25px; text-align:center;
 background-repeat: no-repeat; font-size: 14px; color: #444; width: 140px; display: block;}
.box ul li:hover ul{display:block;}
.box ul li a{ width:100px; display:block; text-decoration:none; color: #444;}
.box ul li a:hover{color: #ff9634;}
.box ul li ul{display:none;position:relative; top:12px; left:80px; width: 120px; z-index: 999; border:6px solid #cbd6ce; background: #dce7e1; padding:5px 20px;}
.box ul li ul li{ background-image:none; text-align: left; border-bottom: none; line-height: 22px; padding-bottom: 5px; font-size: 12px;}
.box ul li ul li a{line-height: 20px; color: #333; width: 145px;}
.box ul li ul li a:hover{ color: #ff9634;}
.box ul li ul li:hover ul{visibility:visible;}
.box .list_nav_hover a{ color: #ff9634;}
.thirdh{ height: 35px; height:37px; line-height:35px; padding-top: 10px; padding-bottom: 10px;}

.thirdh_xs{ line-height:35px; padding-top: 10px; padding-bottom: 10px;}
.bsech{ text-align: left; font-weight: bold;}

.sech{ float: right;}

.search-wrapper {
    margin-bottom: 3px;
    margin-left: 10px;}
.search-wrapper.active {}

.search-wrapper .input-holder {
    height: 30px;
    /*overflow: hidden;*/
    background: rgba(255,255,255,0);
    position: relative;
    width:40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder {
    width:250px;
    border-bottom: 1px solid #796352;}

.search-wrapper .input-holder .search-input {
    width:100%;
    padding:0px 60px 0 5px;
    opacity: 0;
    position: absolute;
    top:-3px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color:#796352;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);}
.search-wrapper .input-holder .search-icon {
    border:none;
    border-radius:6px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon {
    border-radius: 30px;}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #796352;}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #796352;}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:0px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;}
.search-wrapper.active .close {
    right:-50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;}

@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}


.cap{ border:1px solid #d8d8d8; text-align: center; padding: 30px 0px 15px 0px;}
.cap_title{ text-align: center; font-size: 20px; color: #333; font-weight: bold; margin-top: 15px;}


.cap_fs{transform:matrix(3.0,2.0,-1.2,0.8,0,0); background: #f00; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
 width: 20px; height: 175px; left:2370px; top: 900px; position: absolute; z-index: 999;}
.cap_f{ background: url(../images/wei.jpg); width: 25px; height:39px;}
/*.cap_f:hover{background: url(../images/xuan.png); width: 25px; height:39px;}*/

.state_3{ position: relative;}
.fud{
    position:absolute;
    top:-120px;
    font-weight: normal;
    left: 30px; 
    width: 1000px;
    z-index: 9999;
    background: url(../images/cap_bg.jpg);
    padding: 20px; 
    text-align: left;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    overflow: auto;
    height: 295px
;}
.fud h2{color: #ff9536; font-size: 18px; margin-bottom: 10px;}

.cap1l{left:1753px; top: 1655px; position: absolute;}
.cap2l{left:1517px; top: 1548px; position: absolute;}
.cap3l{left:1669px; top: 1389px; position: absolute;}
.cap4l{left:1443px; top: 1352px; position: absolute;}
.cap5l{left:2255px; top: 1895px; position: absolute;}
.cap6l{left:2430px; top: 1620px; position: absolute;}
.cap7l{left:1168px; top: 1635px; position: absolute;}
.cap8l{left:1346px; top: 1728px; position: absolute;}
.cap9l{left:1509px; top: 1824px; position: absolute;}

.cap_library{left:2100px; top: 1390px; position: absolute;}
.cap_liberal_arts{left:2620px; top: 1370px; position: absolute;}
.cap_school{left:1785px; top: 1280px; position: absolute;}
.cap_publish{left:1808px; top: 786px; position: absolute;}
.cap_child{left:1620px; top: 740px; position: absolute;}
.cap_learning{left:1955px; top: 455px; position: absolute;}
.cap_dormitory{left:1945px; top: 912px; position: absolute;}

.cap_family54{left:1893px; top: 315px; position: absolute;}
.cap_family53{left:1816px; top: 287px; position: absolute;}

.cap_family51{left:1614px; top: 223px; position: absolute;}
.cap_family50{left:px; top: px; position: absolute;}
.cap_family49{left:px; top: px; position: absolute;}
.cap_family48{left:px; top: px; position: absolute;}
.cap_family46{left:px; top: px; position: absolute;}

.cap_family45{left:1185px; top: 380px; position: absolute;}
.cap_family44{left:1080px; top: 445px; position: absolute;}
.cap_family43{left:px; top: px; position: absolute;}
.cap_family42{left:px; top: px; position: absolute;}
.cap_family41{left:px; top: px; position: absolute;}
.cap_family40{left:1240px; top: 385px; position: absolute;}
.cap_family39{left:px; top: px; position: absolute;}
.cap_family38{left:1490px; top: 270px; position: absolute;}
.cap_family37{left:1415px; top: 315px; position: absolute;}
.cap_family36{left:1288px; top: 410px; position: absolute;}
.cap_family35{left:1180px; top: 485px; position: absolute;}
.cap_family34{left:px; top: px; position: absolute;}
.cap_family33{left:px; top: px; position: absolute;}
.cap_family32{left:1469px; top: 332px; position: absolute;}
.cap_family31{left:1421px; top: 385px; position: absolute;}
.cap_family30{left:1323px; top: 457px; position: absolute;}
.cap_family29{left:1230px; top: 511px; position: absolute;}
.cap_family28{left:px; top: px; position: absolute;}
.cap_family27{left:1525px; top: 355px; position: absolute;}
.cap_family26{left:1414px; top: 450px; position: absolute;}

.cap_family24{left:1680px; top: 322px; position: absolute;}
.cap_family23{left:1460px; top: 465px; position: absolute;}
.cap_family20{left:1730px; top: 335px; position: absolute;}

.cap_family18{left:1510px; top: 500px; position: absolute;}
.cap_family17{left:1785px; top: 360px; position: absolute;}
.cap_family16{left:1583px; top: 516px; position: absolute;}
.cap_family12{left:1893px; top: 335px; position: absolute;}
.cap_family10{left:1535px; top: 610px; position: absolute;}

.cap_family6{left:1969px; top: 555px; position: absolute;}
.cap_family5{left:1800px; top: 700px; position: absolute;}
.cap_family3{left:2060px; top: 555px; position: absolute;}

.cap_gardener{left:2675px; top: 835px; position: absolute;}
.cap_boiler{left:1500px; top: 695px; position: absolute;}
.cap_boiler2{left:2856px; top: 1128px; position: absolute;}

.cap_student20{left:2784px; top: 670px; position: absolute;}
.cap_student21{left:2872px; top: 695px; position: absolute;}
.cap_work{left:2122px; top: 970px; position: absolute;}
.cap_tianjiab{left:1800px; top: 1980px; position: absolute;}
.cap_primary_school{left:1354px; top: 556px; position: absolute;}
.cap_restaurant{left:2424px; top: 722px; position: absolute;}
.cap_simon{left:1565px; top: 2115px; position: absolute;}
.cap_teach5{left:1890px; top: 690px; position: absolute;}
.cap_research{left:2700px; top: 642px; position: absolute;}

.cap_student_apart1{left:2702px; top: 780px; position: absolute;}
.cap_student_apart2{left:2790px; top: 812px; position: absolute;}
.cap_student_apart3{left:2518px; top: 600px; position: absolute;}
.cap_student_apart4{left:2612px; top: 630px; position: absolute;}
.cap_bath{left:2870px; top: 1014px; position: absolute;}
.cap_qixiayuan{left:1980px; top: 397px; position: absolute;}
.cap_high-level1{left:2114px; top: 312px; position: absolute;}
.cap_high-level2{left:1862px; top: 360px; position: absolute;}
.cap_high-level3{left:1794px; top: 430px; position: absolute;}
.cap_high-level4{left:1710px; top: 522px; position: absolute;}
.cap_yifulou{left:2410px; top: 1310px; position: absolute;}
.cap_teacher_apart3{left:2472px; top: 524px; position: absolute;}
.cap_teacher_apart4{left:2400px; top: 500px; position: absolute;}
.cap_teach_single1{left:2232px; top: 622px; position: absolute;}
.cap_teach_single2{left:2306px; top: 548px; position: absolute;}
.cap_teach_single3{left:2350px; top: 658px; position: absolute;}
.cap_teach_single4{left:2410px; top: 596px; position: absolute;}
.cap_teach_single5{left:2326px; top: 592px; position: absolute;}
.cap_expert{left:1590px; top: 278px; position: absolute;}



/*长安校区*/
.cap_ca_wenyuan{left:2155px; top: 330px; position: absolute;}
.cap_ca_wenjin{left:1285px; top: 740px; position: absolute;}
.cap_ca_shanglin{left:860px; top: 670px; position: absolute;}
.cap_ca_yifulou{left:2125px; top: 43px; position: absolute;}
.cap_ca_tianjing{left:1200px; top: 1488px; position: absolute;}
.cap_ca_tushuguan{left:1887px; top: 645px; position: absolute;}
.cap_ca_yiyuan{left:1200px; top: 2185px; position: absolute;}
.cap_ca_jijianchu{left:2810px; top: 1015px; position: absolute;}
.cap_ca_bengfang{left:2658px; top: 1340px; position: absolute;}
.cap_ca_xiaowu{left:1708px; top: 200px; position: absolute;}
.cap_ca_guolu{left:1520px; top: 2043px; position: absolute;}
.cap_ca_gewulou{left:2668px; top: 620px; position: absolute;}
.cap_ca_tianjing2{left:972px; top: 1116px; position: absolute;}
.cap_ca_yixianglou{left:2765px; top: 1220px; position: absolute;}
.cap_ca_yinyueting{left:1690px; top: 1000px; position: absolute;}
.cap_ca_yinyue{left:1584px; top: 438px; position: absolute;}
.cap_ca_qiulei{left:1360px; top: 1400px; position: absolute;}
.cap_ca_electricity{left:1343px; top: 1150px; position: absolute;}
.cap_ca_art{left:1949px; top: 1090px; position: absolute;}



.inf_main {
    width: 96%;
    background: #FFF;
    margin-top: 25px;
    border-radius: 10px;}
.table_pink td {
    padding: 0 5px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;}
.text_center {
    text-align: center;}

.btn-search{ display:block; float:left; margin:0 0 0 10px; padding:0; width:30px; height:30px; line-height:30px; border:1px solid #eee; background:url(../images/skin_icons.jpg) -160px -20px no-repeat #fafafa; cursor:pointer; text-indent:-9999px;}

.show_page{ font-size: 14px; color: #333;margin-top:10px;}
.show_page a{ color: #ff9634;}

/* 本例子css */
.picScroll-left{ width:970px;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden; padding:10px 0 0 0;}
.picScroll-left .hd .prev{background-image: url(../images/zuo.jpg); background-repeat: no-repeat; left: 0px;}
.picScroll-left .hd .next{ background-image: url(../images/you.jpg); background-repeat: no-repeat; right: 0;}
.picScroll-left .hd .prevStop{ background-position:-60px 0;}
.picScroll-left .hd .nextStop{ background-position:-60px -50px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icocircle.jpg) 0 -9px no-repeat;}
.picScroll-left .hd ul li.on{ background-position:0 0;}
.picScroll-left .bd{ padding:10px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:127px; height:121px; display:block;  padding:2px; border:1px solid #ccc;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}

.menu {
    font-family: arial, sans-serif;
    width: 1100px;
    margin: 0 auto;}

.menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;}

.menu ul li {
    float: left;
    position: relative;
    z-index: 999;
    width: 120px;}

.menu ul li a, menu ul li a:visited {
    display: block;
    text-align: center;
    text-decoration: none;
    height: 55px;
    color: #fff;
    line-height: 65px;
    font-size: 16px;}

.menu ul li ul {
    display: none;
    border: 1px solid #b87f2a;
    border-top: none;
    background: #fff;
    width: 92px;
    margin-left: 13px;}

.menu ul li ul li {
    width: 92px;}

.menu ul li ul li a {
    height: 39px;
    color: #000;
    line-height: 39px;
    text-align: center;
    font-size: 12px;
    margin-right: 0px;}

.menu ul li:hover a {
    color: #6d2100;
    background-image: url(../images/nav2.jpg);
    background-repeat: no-repeat;
    background-position: center top;}

.menu ul li:hover ul {
    display: block;
    position: absolute;
    top: 55px;
    left: 0;}

.menu ul li:hover ul li a {
    display: block;
    color: #24313C;
    background: #e4bc66;
    background-image: url(../images/heng.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;}

.menu ul li:hover ul li a:hover {
    color: #6d2100;
    background: #d5a855;
    background-image: url(../images/heng.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;}

.menu_jt {
    position: absolute;
    top: -8px;
    left: -1px;}

.menu .jsddm_hover {
    background: url(../images/nav2.jpg) no-repeat center top;}

.menu .jsddm_hover a {
    color: #6d2100;}


.div_fixed{
    width: 250px;
    height: 175px;
    position: fixed;
    z-index: 7;
    bottom: 5px;
    right: 5px;
    background: url(../images/123.jpg) no-repeat;}
.div_fixed_off{
    width: 14px;
    height: 14px;
    background: url(../images/123-1.jpg);
    cursor: pointer;
    margin: 10px 10px 0 0;}
.div_fixed_main{
    line-height: 25px;
    text-indent: 2em;
    overflow:hidden;}
.div_fixed_a{
    display: block;
    width: 44px;
    height: 14px;
    float: right;
    background: url(../images/123-2.jpg);
    margin: -5px 10px 0 0
;}
.ind_link_list ul li{
    float:left;
    width: 40%;
    height: 47px;
    margin-bottom:28px;
    margin-right: 10%;}
    .ind_link_list ul li img {
    height:100%;
    width:100%;}

    .text_search{
    width: 100%;
    height: 30px;
    border: 1px solid #d7d7d7;
    background: #FFF;
    outline: none;
    border-radius: 5px;
    margin: 20px 0;
    padding-left:5px;}
.sub_search{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #D0BE90;
    color: #5c3d2d;
    border-radius: 5px;
    border: 0;
    font-weight:bold;}


.vip-table, .vip-huizong-table {
    width: 100%;
    border-collapse: collapse;}

    .vip-table tr td {
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #e1e1e1;
        padding-left:5px;}

    .vip-table tr:first-child td {
        background: #e1e1e1;
        height: 35px;
        line-height: 35px;
        font-size: 13px;}

.search_list p{

margin-left:5px;
margin-top:5px;}
.search_list .seach  {
    text-align:center;
    width:150px;
    background:#415987;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:60px;
    text-align:center;
	display: inline-block;
	padding: 5px 10px 5px 8px;
	line-height: 20px;
	height: 20px;
	border: solid 1px #eee;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	word-break: break-all;}