@charset "utf-8";
/* CSS Document */
/*======== 全局css初始化reset ========*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td { margin:0; padding:0; }
body { font-size:12px; color:#616161; }
fieldset, img { border:0; }
ol, ul , li { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; } 
textarea { resize:none; }
a { color: #616161; text-decoration:none; }
a:hover { color: #f60; text-decoration:none; }
img{ display:block;}
del{color:#999; padding-left: 10px;}
.clearfix:before,.clearfix:after{
        content:"";
        display:table;
    }
    .clearfix:after{
        clear:both;
        }
    .clearfix{
            *zoom:1;
        }
body,html{height:100%;}


@media screen and (max-width:348px) {
    html{
        font-size: 12px;
    }
 }
 @media (min-width: 348px) and (max-width: 474px) {
    html{
        font-size: 13px;
    }
 }
 @media (min-width: 375px) and (max-width: 395px) {
    html{
        font-size: 14px;
    }
 }
 @media (min-width: 396px) and (max-width: 413px) {
    html{
        font-size: 15px;
    }
 }

 @media (min-width: 414px) and (max-width: 440px) {
    html{
        font-size: 16px;
    }
 }

 @media (min-width: 441px) and (max-width: 480px) {
    html{
        font-size: 17px;
    }
 }
 @media (min-width: 481px) and (max-width: 510px) {
    html{
        font-size: 18px;
    }
 }
 @media (min-width: 511px) and (max-width: 540px) {
    html{
        font-size: 19px;
    }
 }
 @media (min-width: 541px) and (max-width: 600px) {
    html{
        font-size: 20px;
    }
 }
 @media screen and (min-width: 601px) {
    html{
        font-size: 21px;     
    }
 }

 /*按钮样式*/
 .btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}
.btn-link {
    border-color: transparent;
    border-radius: 0;
    color: #15c;
    cursor: pointer;
}
.btn-link:hover {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
    color: #15c;
    text-decoration: underline;
}
.btn-link[disabled]:hover {
    color: #333;
    text-decoration: none;
}
.btn {
    background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
    background-repeat: repeat-x;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 4px 12px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:hover {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-color: #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    transition: none 0s ease 0s ;
}
.btn.active, .btn:active {
    background-attachment: scroll;
    background-color: #f4f4f4;
    background-image: linear-gradient(to bottom, #f6f6f6, #f1f1f1);
    background-position: 0 0;
    background-repeat: repeat-x;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    outline: 0 none;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn.disabled.active, .btn.disabled:focus, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:active, .btn.active[disabled], .btn[disabled]:focus {
    background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
    background-repeat: repeat-x;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    text-shadow: none;
}
.btn:focus {
    background-color: #f3f3f3;
    /*border-color: #4d90fe;*/
    outline-style: none;
}
/*主页样式*/
.diy-shop-container > ol > li {margin-bottom:5px;}


.zhezhao{width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; z-index:9999; display: none;}
.zhezhaoIn{width:300px; height:130px; background: #fff; border-radius: 5px; position:absolute; left:50%; top:-140px; z-index: 10000; margin-left:-157px; }
.zhezhaoIn .zhezhaoIn-top{width:300px; height:73px; line-height: 30px; border-bottom: 1px solid #dbdbdb; padding:15px 22px 0; box-sizing: border-box;}
.zhezhaoIn .zhezhaoIn-top button{color:#000;list-style-type:none; background:none; border:none; float:right; cursor:pointer;}
.zhezhaoIn .zhezhaoIn-footer{text-align: right; padding:10px 10px 0 0; box-sizing: border-box;}
.zhezhaoIn .zhezhaoIn-footer .footer-btn-one{width:55px; height:35px; background:#65bd77; border:#65bd77; border-radius: 3px; color:#fff; cursor:pointer;}
.footer-btn-one:hover{background: #53b567 !important;}
.zhezhaoIn .zhezhaoIn-footer .footer-btn-two{width:55px; height:35px; background:#fafafa; border:1px solid #dadada; border-radius: 3px; color:#717171 ; cursor:pointer;}
.footer-btn-two:hover{background: #ededed !important; border:1px solid #dadada;}
/*header*/
.header{width:100%; height:50px; border-bottom: 1px solid #f0f0f0; position:relative;}
.header h1{position:absolute; left:15px; top:15px; font-size: 14px;}
.header .aniu{position:absolute; right:20px; top:10px;}
.header .aniu a{width: 46px; line-height: 30px; background: #65bd77; border-radius: 3px; display: block; text-align: center; color:#fff; float:left; margin-right:5px;}
.header .aniu a:hover{background: #53b567;}


/*main*/
.main{margin:0 0 10px; height:100%;}
.mainLeft,.mainMiddle,.mainRight{float:left; height:100%;}


/*.mainLeft*/
.mainLeft{padding:17px 15px 0 15px; box-sizing: border-box; width:25%; border-right: 1px solid #f0f0f0;}
.mainLeft .mainLeft-in{border: 1px solid #f0f0f0;}
.mainLeft .mainLeft-in .mainLeft-in-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.column>ul{width:100%; height:40px; background: #f8f8f8; border-bottom: 1px solid #f0f0f0;}
.column>ul li{float:left; line-height: 41px; text-align: center; width:78px; font-size: 14px;}
.column>ul li.current{background: #fff; font-size: 14px;}
.column .slider{padding:20px 16px; box-sizing: border-box; overflow: hidden;}



#draggable1{float:left; margin-right:12px; margin-bottom:12px; cursor: move;}
#draggable1 .slider-oneBox{width:95px; height:65px;  border: 1px solid #dbdbdb; box-sizing: border-box;}
#draggable1 p{text-align: center; margin-top:5px;}


#draggable2{float:left; margin-right:12px; margin-bottom:12px; cursor: move;}
#draggable2 .slider-oneBox{width:95px; height:65px; background: url(../img/slider.png) no-repeat; border: 1px solid #dbdbdb; background-size:100% 100%;box-sizing: border-box;}
#draggable2 p{text-align: center; margin-top:5px;}





/*.mainRight*/
.mainRight{width:40%; border-left: 1px solid #f0f0f0; box-sizing: border-box; padding:17px 15px 0 15px;}
.mainRight .mainRight-in{border: 1px solid #f0f0f0;}
.mainRight .mainRight-in .mainRight-in-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight .mainRight-in .wenzi{padding:15px;}
.mainRight .mainRight-in .wenzi p{margin:100px 0; text-align: center; color:#a4a9ae; font-size: 12px;}


/*lunbo*/
.mainRight-inther{border: 1px solid #f0f0f0;}
.mainRight-inther .mainRight-in-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-inther .lunbo{padding:0 15px 15px; box-sizing: border-box;}
.lunbo .lunbo-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.lunbo .lunbo-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.lunbo .lunbo-main label{width:40%; float:left; margin-right:40px;}
.lunbo .lunbo-main label input{margin-right:10px; cursor:pointer;}
.lunbo .lunbo-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.lunbo-btn{width:100%; line-height:50px; text-align: center; padding-top:5px;}
.lunbo-btn .lunbo-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px;}
.lunbo-btn .lunbo-btn-next{width:72px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.lunbo-btn .lunbo-btn-next:hover{background: #53b567 !important;}
#houtui:hover{background: #e1e1e1 !important; cursor:pointer;}




/*.mainMiddle*/
.mainMiddle{width:35%; background: #f1f1f1;}
.mainMiddle .phoneHeader{width: 455px; height: 59px; background: url(../img/header.png) no-repeat; margin:0 auto; padding-top:28px; box-sizing: border-box;}
.mainMiddle .phoneHeader p{text-align: center; color:#fff; font-size: 16px; font-family: "微软雅黑 Light";}
#cart { width: 455px; height:650px; margin:0 auto; border: 1px solid #dbdbdb; box-sizing: border-box; border-top:none;}
  /* 定义列表样式，以便最大化 droppable */
#cart ol {height:650px; overflow:hidden; overflow-y: scroll;}
#cart ol>h6{width:435px;  margin:1px; box-sizing: border-box;font-weight:normal;}
.yiersan{width: 455px; height:50px; margin:0 auto; border: 1px solid #dbdbdb; box-sizing: border-box; border-top:none;}


.hov{width:100px; height:53px; background: #ffe7cf; border: 1px dashed #ff0101;}
/*.state-hover{width:380px; height:50px; background: #ffe7cf; border: 1px dashed #ff0101; box-sizing: border-box;}*/ 
.state-highlight{width:364px ; height:150px ; background: #a9a9a9; border: 1px dashed #0101ff; cursor: move; }


#catalog>ul>h6{float:left; cursor: move; margin:0 10px 10px 0;}

.phoneIn{line-height: 150px; margin:0 auto; /*border: 1px dashed blue;*/ /*display:none;*/ cursor: move; position:relative; overflow:hidden; box-sizing: border-box; background-color: #a9a9a9;}
.phoneIn .components>span {width: 100%;text-align: center; color:#fff;display: inline-block;}
.phoneIn .phoneIn-del{width:435px; height:32px; line-height: 32px; background: rgba(255,255,255,0.8); padding:0 10px; box-sizing: border-box; position:absolute; left:0; top:-32px;}
.phoneIn .phoneIn-del p{float:left;}
.phoneIn .phoneIn-del img{float:right; cursor:pointer; margin-top:5px;}
.phoneIn .phoneIn-del img:nth-of-type(1){margin-right:5px;}


.touming{width:55px; height:35px; background:rgba(0,0,0,0); border:#65bd77; border-radius: 3px; color:#fff; z-index: 100000; position:absolute; left:50%; margin-left:17px; top:123px; display:none; cursor:pointer;}


/*lunbo*/
.mainRight-title{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-title .mainRight-title-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-title .mainRight-title-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-title-main>.lunbo-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-title-main>.lunbo-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-title-main>.lunbo-main label{width:40%; float:left; margin-right:40px;}
.mainRight-title-main>.lunbo-main label input{margin-right:10px; cursor:pointer;}
.mainRight-title-main>.lunbo-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-title-main>.lunbo-section{width:100%; height:auto; margin-top:10px;  cursor:pointer; border-bottom: 1px solid #f4f4f4;}
.mainRight-title-main>.lunbo-section .lunbo-section-in{width:100%; padding-left:110px; box-sizing: border-box; position:relative; height:30px; margin-bottom: 25px;}
.mainRight-title-main>.lunbo-section p{font-size: 14px; position:absolute; left:0; top:6px;}
.mainRight-title-main>.lunbo-section input[type='text']{ width:100%;height:30px; padding-left: 10px; box-sizing: border-box;}
.mainRight-title-main>.lunbo-section input[type='checkbox']{ width:18px;height:18px; padding-left: 10px; box-sizing: border-box;margin-top:5px;}
.mainRight-title-main>.lunbo-btn{width:100%; line-height:50px; text-align: center; padding-top:5px;}
.mainRight-title-main>.lunbo-btn .lunbo-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px;}
.mainRight-title-main>.lunbo-btn .lunbo-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-title-main>.lunbo-btn .lunbo-btn-next:hover{background: #53b567 !important;}
.mainRight-title-main>.lunbo-section>.lunbo-section-in>.btn-link{width:53px;height:31px;color:#fff;border:none;border-radius:2px;cursor:pointer;background:#53b567 !important;}

/*style-title-one*/
.style-title-one{height:50px; line-height: 50px; padding:0 10px; box-sizing: border-box; margin:0 auto; background: blue; font-size: 14px;text-align:left;}
.style-title-one>label>a{display:inline-block; float: right; text-decoration:none; color:#fff;}
.style-title-one>label>b{font-weight: normal; color:#fff;}

/*style-title-two*/
.style-title-two{height:50px; line-height: 50px; margin:0 auto; text-align: center; font-size: 14px; background: pink; position:relative;}
.style-title-two>label{display: inline-block;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: #3e3e3e;
    font-size: 15px;
}
.style-title-two>label>p{overflow: hidden;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.style-title-two>label>.title-a{overflow: hidden;
        content: "";
    display: inline-block;
    position: absolute;
    width: 1000px;
    margin-left: -1000px;
    height: 0;
    left: 0;
    top: 50%;
    border: 1px solid #b2b2b2;
    border-width: 1px 0 0 0;
}
.style-title-two>label>.title-b{overflow: hidden;
        content: "";
    display: inline-block;
    position: absolute;
    width: 1000px;
    margin-left: -1000px;
    height: 0;
    left: 0;
    top: 50%;
    border: 1px solid #b2b2b2;
    border-width: 1px 0 0 0;
    left: inherit;
    right: 0;
    margin-right: -1000px;
}

/*style-title-three*/
.style-title-three{height:50px;line-height: 50px; box-sizing: border-box; margin:0 auto; background: #27c191; padding-right:10px; font-size: 14px;text-align:left;}
.style-title-three>label>a{display:inline-block; float: right; text-decoration:none; color:#EA7A86;}
.style-title-three>label>b{font-weight: normal;  text-align: center; color:#fff; height: 47px; display: inline-block; border-bottom: 3px solid #EA7A86; position:relative; padding: 0 8px;}
.style-title-three>label>b:before{content:""; width:0; height:0; border-width:5px; border-color:transparent transparent #EA7A86 transparent; border-style:dashed dashed solid dashed  ; display:block; position: absolute; left:50%; bottom:0; margin-left:-5px;}


/*style-title-four*/
.style-title-four{height:50px;line-height: 50px; box-sizing: border-box; margin:0 auto; background: #27c191; padding-right:10px; font-size: 14px;text-align:left;}
.style-title-four>label>a{display:inline-block; float: right; text-decoration:none; color:#EA7A86;}
.style-title-four>label>b{font-weight: normal; padding-left:8px; text-align: center; color:#fff; height: 47px; display: inline-block;position:relative;}
.style-title-four>label>b:before{content:""; border-left: 5px solid #EA7A86; height:50px; display:inline-block; position:absolute; left:0 ; top:0;}


/*head*/
.mainRight-head{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-head .mainRight-head-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-head .mainRight-head-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-head-main>.lunbo-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-head-main>.lunbo-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-head-main>.lunbo-main label{width:60%; float:left; margin-right:40px;}
.mainRight-head-main>.lunbo-main label input{margin-right:10px; cursor:pointer;}
.mainRight-head-main>.lunbo-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-head-main>.lunbo-section{width:100%; height:auto; margin-top:10px;  cursor:pointer; border-bottom: 1px solid #f4f4f4;}
.mainRight-head-main>.lunbo-section .lunbo-section-in{width:100%; padding-left:110px; box-sizing: border-box; position:relative; height:30px; margin-bottom: 25px;}
.mainRight-head-main>.lunbo-section .lunbo-section-in >  label > select{height:30px;border-radius:10px;width:200px;}
.mainRight-head-main>.lunbo-section .lunbo-section-in > .lunbo-section-in-img-line > .lunbo-section-in-img > img{width:180px;height:70px } 
.mainRight-head-main>.lunbo-section .lunbo-section-in > .lunbo-section-in-img-line > .lunbo-section-in-img > .figure-section-in-btn {position:absolute;left:50%;top:20px;margin-left:-7px;}
.mainRight-head-main>.lunbo-section p{font-size: 14px; position:absolute; left:0; top:6px;}
.mainRight-head-main>.lunbo-section input[type='text']{ width:100%;height:30px; padding-left: 10px; box-sizing: border-box;}
.mainRight-head-main>.lunbo-section input[type='checkbox']{ width:18px;height:18px; padding-left: 10px; box-sizing: border-box;margin-top:5px;}
.mainRight-head-main>.lunbo-btn{width:100%; line-height:50px; text-align: center; padding-top:5px;}
.mainRight-head-main>.lunbo-btn .lunbo-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px;}
.mainRight-head-main>.lunbo-btn .lunbo-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-head-main>.lunbo-btn .lunbo-btn-next:hover{background: #53b567 !important;}


/*style-head-one*/
.style-head-one{height:50px;line-height: 50px; box-sizing: border-box; margin:0 auto; background: #27c191; padding-right:10px; font-size: 14px; position:relative;}
.style-head-one label i{vertical-align: 12px; font-style: normal; color:#fff;background:none;}
.style-head-one label i.icon-edit{font-size:16px;}
.style-head-one label span{width: 35px; height: 30px; background: url(../img/widget_icons_2.png) no-repeat; background-size: 40px auto; display: inline-block;}
.style-head-one label:before{width:12px;width:0.75rem; height:12px; height:0.75rem; content:""; border-top:1px solid #fff; border-right:1px solid #fff; display:inline-block; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:13px; top:15px;}

/*style-head-two*/
.style-head-two{height:50px;line-height: 50px; box-sizing: border-box; margin:0 auto; background: #27c191; padding-right:10px; font-size: 14px; text-align: center;}
.style-head-two p{color:#fff;}
.style-head-two p > i.icon-edit{margin-left:5px;font-size:16px;}
.style-head-two p:before{content:""; color:#fff; width:10px; border-bottom: 1px solid #fff; line-height: 50px; display:inline-block; vertical-align: 4px; margin-right: 3px;}
.style-head-two p:after{content:""; color:#fff; width:10px; border-bottom: 1px solid #fff; line-height: 50px; display:inline-block; vertical-align: 4px; margin-left: 3px;}

/*style-head-three*/
.style-head-three{height:50px;line-height: 50px; box-sizing: border-box; margin:0 auto; background: #27c191; padding-right:10px; font-size: 14px; position:relative;}
.style-head-three label i{vertical-align: 12px; font-style: normal; color:#fff;background:none;}
.style-head-three label i.icon-edit{font-size:16px;}
.style-head-three label img{width:30px; height: 30px; /*border: 3px solid #fff;*/ border-radius: 50%; display:inline-block; background-size:100% 100%; margin-top: 8px;}
.style-head-three label:before{width:12px;width:0.75rem; height:12px; height:0.75rem; content:""; border-top:1px solid #fff; border-right:1px solid #fff; display:inline-block; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:13px; top:15px;}

/*style-head-four*/
.style-head-four{width:100%; background: pink; border-bottom: 1px solid #e1e1e1;}
.style-head-four label{display:block; background-size:100% 100%; position:relative;}
.style-head-four label > img {width:100%;height:auto;}
/*.style-head-four label img{width:10%; height:auto; position:absolute; left:3%; bottom:-20%; }*/
.style-head-four .nav-top h1{font-weight: 600; font-size: 14px; position:absolute; left:82px; top:-20px; color:#000; line-height: 12px; }
.style-head-four .nav-top h1 > i.icon-edit{margin-left:5px;font-size:16px;}
/*logo*/
.nav-top .logo{width:60px; height:60px; background: url(../img/touxiang.png) no-repeat; background-size:100% 100%; position:absolute; left:15px; top:-22px;}
.nav-top .logo img{width:100%; height:auto;}

/*nav*/
.nav-top{width:100%; height:50px; position:relative;}
.nav-top ul{float:right;}
.nav-top ul li{float:left; font-size: .75rem; width: 64px; height: 50px; position:relative;}
.nav-top ul li:nth-of-type(2):before{content:''; border-left: 1px solid #cecece; padding-top:25px; position:absolute;left:0; top:10px;}
.nav-top ul li:nth-of-type(2):after{content:''; border-left: 1px solid #cecece; padding-top:25px; position:absolute;right:0; top:10px;}

/*one*/
.nav-top ul li a.nav-one{width:18px;  height:18px; background: url(../img/quanbu.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav-top ul li a.nav-one:hover{width:18px;  height:18px; background: url(../img/qb.png) no-repeat; display: block; background-size:100% 100%;}
.nav-top ul li  a p{width:64px; line-height:32px; text-align: center; position:absolute; left:-24px; top:14px; color:#414141;}


/*two*/
.nav-top ul li a.nav-two{width:18px;  height:18px; background: url(../img/cang1.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav-top ul li a.nav-two:hover{width:18px;  height:18px; background: url(../img/cang2.png) no-repeat; display: block; background-size:100% 100%;}


/*three*/
.nav-top ul li a.nav-three{width:18px;  height:18px; background: url(../img/erwei1.png) no-repeat; display: block; background-size:100% 100%; position:absolute; left:23px; top:7px;}
.nav-top ul li a.nav-three:hover{width:18px;  height:18px; background: url(../img/erwei2.png) no-repeat; display: block; background-size:100% 100%;}

/*style-head-five*/
.style-head-five{width:100%;}
.style-head-five label{ display:block; background-size:100% 100%; position:relative;}
.style-head-five label > img {width:100%;height:auto;}
.style-head-five label .in{width:100%; position:absolute; left:0; top:10%; }
.style-head-five label .in img{width:50px; height:50px; margin:0 auto; border-radius: 50%;}
.style-head-five label h1{width:100%; font-weight: 800; font-size: 16px; position:absolute; left:0; top:64%; color:#fff; text-align: center;line-height:36px;letter-spacing:2px;}
.style-head-five label h1> i.icon-edit{margin-left:5px;font-size:16px;}
.style-head-five .logo{width:60px; height:60px; background: url(../img/touxiang.png) no-repeat; background-size:100% 100%; margin: 0 auto;}

/*slider*/
.mainRight-slider{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-slider .mainRight-slider-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-slider .mainRight-slider-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-slider-main>.lunbo-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-slider-main>.lunbo-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-slider-main>.lunbo-main label{width:40%; float:left; margin-right:40px;}
.mainRight-slider-main>.lunbo-main>.times{width:100%;line-height:40px;font-size:14px;}
.mainRight-slider-main>.lunbo-main>.times>select{height:28px;margin-left:15px;border-radius:8px;padding-left:8px;width:50%;}
.mainRight-slider-main>.lunbo-main label input{margin-right:10px; cursor:pointer;}
.mainRight-slider-main>.lunbo-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-slider-main>.lunbo-section{width:100%; height:auto; margin-top:10px;  border-bottom: 1px solid #f4f4f4;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in{width:100%;  text-align: center; box-sizing: border-box; position:relative; margin:20px 0;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img{height:70px; position:relative;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img .lunbo-section-in-btn{position:absolute; left:50%; top:20px; margin-left: -7px;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img img{height:70px; margin:0 auto;position:absolute; left:35%;top:0; margin-left: -114px;max-width:180px;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img button{cursor:pointer;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src{width:100%; padding-left:110px; box-sizing: border-box; position:relative; margin-top: 25px;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src input{width:80%; height: 30px; padding-left: 5px; box-sizing: border-box;float:left;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src .btn-link{width:53px;height:31px;color:#fff;border:none;border-radius:2px;cursor:pointer;background:#53b567 !important;}
.mainRight-slider-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src i{position:absolute; left:0; top:5px; font-style: normal; font-size: 14px;}
.mainRight-slider-main>.lunbo-btn{width:100%;  line-height:50px; text-align: center; padding-top:5px;}
.mainRight-slider-main>.lunbo-btn .lunbo-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px;}
.mainRight-slider-main>.lunbo-btn .lunbo-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-slider-main>.lunbo-btn .lunbo-btn-next:hover{background: #53b567 !important;}
.mainRight-slider-main>.lunbo-main>.bottom {line-height:40px;font-size:14px;position:relative;}
.mainRight-slider-main>.lunbo-main>.bottom input[type='checkbox']{width:18px;height:18px; position:absolute;top:12px;left:80px;}

/*style-slider-one*/
.style-slider-one{ width:auto; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.style-slider-one .hd{ width:100%; height:11px;  position:absolute; z-index:100; bottom:85px; text-align:center;  }
.style-slider-one .hd ul{ display:inline-block; height:5px; padding:3px 5px; }
.style-slider-one .hd ul li{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#e1e1e1; margin:0 5px;  vertical-align:top; overflow:hidden; color:rgba(0,0,0,0);}
.style-slider-one .hd ul .on{ background:#333;  }

.style-slider-one .bd{ position:relative; z-index:0; }
.style-slider-one .bd li img{ width:100%;  height:auto; /*background:url(img/loading.gif) center center no-repeat;  */}
.style-slider-one .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


/*style-slider-two*/
.style-slider-two{ width:auto; height:auto;  margin:0 auto; position:relative; overflow:hidden; }
.style-slider-two .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.style-slider-two .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.style-slider-two .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; padding-top: 50px;}
.style-slider-two .hd ul .on{ background:#FF4000;  }
.style-slider-two .bd{ position:relative; z-index:0; }
.style-slider-two .bd li img{ width:100%;  height:auto; }
.style-slider-two .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/*style-slider-three*/
.style-slider-three{ width:auto; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.style-slider-three .hd{ width:100%;  position:absolute; z-index:100; bottom:15px; text-align:center;  line-height: 0px;}
.style-slider-three .hd ul{ display:inline-block; padding:3px 5px; }
.style-slider-three .hd ul li{ display:inline-block; width:15px; height:15px;  background:#e1e1e1; margin:0 5px;  vertical-align:top; overflow:hidden; color:#000; text-align: center; line-height: 15px;}
.style-slider-three .hd ul .on{ background:#333;  color:#fff;}

.style-slider-three .bd{ position:relative; z-index:0; }
.style-slider-three .bd li img{ width:100%;  height:auto; /*background:url(img/loading.gif) center center no-repeat;  */}
.style-slider-three .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*style-slider-four*/
.style-slider-four{ position:relative; width:100%;  height:auto; overflow:hidden; }
.style-slider-four .prev{ position:absolute; left:20px; top:50%; margin-top: -4%; width:7%; padding-bottom: 7%; background: url(../img/prev.png) no-repeat; background-size:100% 100%;}
.style-slider-four .next{ position:absolute; right:20px; top:50%; margin-top: -4%; width:7%; padding-bottom: 7%; background: url(../img/next.png) no-repeat; background-size:100% 100%;}
.style-slider-four .bd{width:100%;  margin:0 auto; position:relative; z-index:0;}
.style-slider-four .bd ul{width:80%; }
.style-slider-four .bd li{ position:relative;  margin:0 auto;}
.style-slider-four .bd li img{ width:100%;  height:auto; display:block;   }
.style-slider-four .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.style-slider-four .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:27px; line-height:27px;  text-align:center;  color:#fff; background-color:rgba(0,0,0,0.7);}

/*figure*/
.mainRight-figure{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-figure .mainRight-figure-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-figure .mainRight-figure-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-figure-main .figure-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-figure-main>.figure-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-figure-main>.figure-main label{width:40%; float:left; margin-right:40px;}
.mainRight-figure-main>.figure-main label input{margin-right:10px; cursor:pointer;}
.mainRight-figure-main>.figure-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-figure-main>.figure-section{width:100%; height:auto; margin-top:10px;  border-bottom: 1px solid #f4f4f4;}
.mainRight-figure-main>.figure-section .figure-section-in{width:100%;  text-align: center; box-sizing: border-box; position:relative; margin:20px 0;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-img{height:70px; position:relative;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-img .figure-section-in-btn{position:absolute; left:50%; top:20px; margin-left: -7px;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-img img{width:180px;height:70px; margin:0 auto;position:absolute; left:35%;top:0; margin-left: -114px;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-img button{cursor:pointer;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-src{width:100%; padding-left:110px; box-sizing: border-box; position:relative; margin-top: 25px;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-src input{width:80%; height: 30px; padding-left: 5px; box-sizing: border-box;float:left;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-src .btn-link{width:53px;height:31px;color:#fff;border:none;border-radius:2px;cursor:pointer;background:#53b567 !important;}
.mainRight-figure-main>.figure-section .figure-section-in .figure-section-in-src i{position:absolute; left:0; top:5px; font-style: normal; font-size: 14px;}
.mainRight-figure-main>.figure-btn{width:100%;  line-height:50px; text-align: center; padding-top:5px;}
.mainRight-figure-main>.figure-btn .figure-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px; cursor:pointer;}
.mainRight-figure-main>.figure-btn .figure-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-figure-main>.figure-btn .figure-btn-next:hover{background: #53b567 !important;}
.mainRight-figure-main>.figure-section>.figure-section-con>.bottom{line-height:40px;font-size:14px;}
.mainRight-figure-main>.figure-section>.figure-section-con input[type='checkbox']{width:18px;height:18px;margin-left:29px;}


/*style-figure-one*/
.style-figure-one{width:100%;}
.style-figure-one-con{width:100%;}
.style-figure-one-con img{width:100%;}

/*style-figure-two*/
.style-figure-two{width:100%; overflow:hidden;}
.style-figure-two-left{float:left; width:49%;}
.style-figure-two-right{float:right; width:49%;}
.style-figure-two-left img,.style-figure-two-right img{width:100%;}

/*style-figure-three*/
.style-figure-three{width:100%; padding-left: 7px; box-sizing: border-box;}
.style-figure-three>ul{width:100%; overflow:hidden;}
.style-figure-three>ul>li{float:left; margin-bottom:5px;}
.style-figure-three>ul>li.page3-one{width:66.67%; padding-right:5px; box-sizing: border-box;}
.style-figure-three>ul>li.page3-two{width:33.33%; padding-right:5px; box-sizing: border-box;}
.style-figure-three>ul>li.page3-two a.page3-two-top{width:100%; padding-top:100%;display: block; background: url(../img/p2.jpg) no-repeat; background-size: 100% 100%; margin-bottom:5px;}
.style-figure-three>ul>li.page3-two a.page3-two-bottom{width:100%; padding-top:100%;display: block; background: url(../img/p2.jpg) no-repeat; background-size: 100% 100%;}
.style-figure-three>ul>li.page3-one a{width:100%; padding-top:100%;display: block; background: url(../img/p2.jpg) no-repeat; background-size: 100% 100%;}

/*style-figure-four*/
.style-figure-four{width:100%; padding-left: 7px; box-sizing: border-box;}
.style-figure-four>ul{width:100%; overflow:hidden;}
.style-figure-four>ul>li{float:left; margin-bottom:5px;}
.style-figure-four>ul>li.page3-one{width:66.67%; padding-right:5px; box-sizing: border-box;}
.style-figure-four>ul>li.page3-two{width:33.33%; padding-right:5px; box-sizing: border-box;}
.style-figure-four>ul>li.page3-two a.page3-two-top{width:100%; padding-top:100%;display: block; background: url(../img/style-goods-three.png) no-repeat; background-size: 100% 100%; margin-bottom:5px;}
.style-figure-four>ul>li.page3-two a.page3-two-bottom{width:100%; padding-top:100%;display: block; background: url(../img/p2.jpg) no-repeat; background-size: 100% 100%;}
.style-figure-four>ul>li.page3-one a{width:100%; padding-top:100%;display: block; background: url(../img/p2.jpg) no-repeat; background-size: 100% 100%;}

/*style-figure-five*/
.style-figure-five{width:100%; padding-left: 5px; box-sizing: border-box;}
.style-figure-five>ul{width:100%; overflow:hidden;}
.style-figure-five>ul>li{float:left; width:33.333%;}
.style-figure-five>ul>li a{display:block; margin-right:5px; background-size:100% 100%;}
.style-figure-five>ul>li a .hot-one{width:100%; padding-top:100%;}

/*style-figure-six*/
.style-figure-six{width:100%; overflow:hidden;}
.style-figure-six-a,.style-figure-six-b,.style-figure-six-c,.style-figure-six-d{float:left; width:25%;}
.style-figure-six-a{padding-right: 6px; box-sizing: border-box;}
.style-figure-six-b{padding-right: 4px; padding-left:2px; box-sizing: border-box;}
.style-figure-six-c{padding-right: 2px; padding-left:4px; box-sizing: border-box;}
.style-figure-six-d{padding-left: 6px; box-sizing: border-box;}
.style-figure-six img{width:100%; height:auto;}

/*style-figure-seven*/
.style-figure-seven{width:100%; overflow:hidden;}
.style-figure-seven img{border-radius: 50%;}
.style-figure-seven-a,.style-figure-seven-b,.style-figure-seven-c,.style-figure-seven-d{float:left; width:25%;}
.style-figure-seven-a{padding-right: 6px; box-sizing: border-box;}
.style-figure-seven-b{padding-right: 4px; padding-left:2px; box-sizing: border-box;}
.style-figure-seven-c{padding-right: 2px; padding-left:4px; box-sizing: border-box;}
.style-figure-seven-d{padding-left: 6px; box-sizing: border-box;}
.style-figure-seven img{width:100%; height:auto;}

/*goods*/
.mainRight-goods{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-goods .mainRight-goods-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-goods .mainRight-goods-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-goods-main .goods-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-goods-main>.goods-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-goods-main>.goods-main label{width:40%; float:left; margin-right:40px;}
.mainRight-goods-main>.goods-main label>input{margin-right:10px; cursor:pointer;}
.mainRight-goods-main>.goods-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-goods-main>.goods-section{width:100%; height:auto; margin-top:10px;  border-bottom: 1px solid #f4f4f4;}
.mainRight-goods-main>.goods-section .goods-section-in{width:100%;  text-align: center; box-sizing: border-box; position:relative; margin:20px 0;}
.mainRight-goods-main>.goods-section .goods-section-in .goods-section-in-src{width:100%; padding-left:110px; box-sizing: border-box; position:relative; margin-top: 25px;}
.mainRight-goods-main>.goods-section .goods-section-in .goods-section-in-src select{width:60%; height: 30px; padding-left: 5px; box-sizing: border-box;}
.mainRight-goods-main>.goods-section .goods-section-in .goods-section-in-src input.input-three{width:60%; height: 30px; padding-left: 5px; box-sizing: border-box;}
.mainRight-goods-main>.goods-section .goods-section-in .goods-section-in-src input[type='text']{vertical-align: -3px; margin-right: 5px;}
.mainRight-goods-main>.goods-section .goods-section-in .goods-section-in-src input[type='checkbox']{width:18px;height:18px;}
.mainRight-goods-main>.goods-section .goods-section-in .goods-section-in-src i{position:absolute; left:0; top:5px; font-style: normal; font-size: 14px;}
.mainRight-goods-main>.goods-btn{width:100%;  line-height:50px; text-align: center; padding-top:5px;}
.mainRight-goods-main>.goods-btn .goods-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px; cursor:pointer;}
.mainRight-goods-main>.goods-btn .goods-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-goods-main>.goods-btn .goods-btn-next:hover{background: #53b567 !important;}


.style-goods-header{width: 100%; height:34px; line-height: 34px; padding:0 8px; box-sizing: border-box;background: -webkit-linear-gradient(#fff, #e7e7e7); background: -o-linear-gradient(#fff,  #e7e7e7); background: -moz-linear-gradient(#fff,  #e7e7e7);background: linear-gradient(#fff,  #e7e7e7);margin-top:5px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding-left:14px; }
.style-goods-header i:before{content:"";display:block;width:3px;height:18px;float:left;background:#d8505c;margin:1px 7px 0 0;margin-top:0.52em}
.style-goods-header i{font-style: normal; font-size: 16px; color:#434343;background:none;}
.style-goods-header a{float:right; font-size: 16px;}
.style-goods-header a:hover{color:#434343; background: none;}


/*style-goods-one*/
.style-goods-one{width:100%; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-top:4px; background: #f0f0f0;  padding:5px 5px 0 0; box-sizing: border-box;}
.style-goods-one .content-in{overflow:hidden;}
.style-goods-one li{width:50%; float:left; padding-left:5px; padding-bottom: 5px; box-sizing: border-box;}
.style-goods-one li .content-main{width:100%;background: #fff;}
.style-goods-one li .content-left-img{width:100%; position:relative;}
.style-goods-one li .content-left-img img{width:100%; height:auto;}
.style-goods-one li .content-left-main{padding:5px; box-sizing: border-box;}
.style-goods-one li .content-left-main>h1{font-weight: normal; font-size: 14px; color:#000; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height:42px; line-height: 22px;}
.style-goods-one li .content-left-main>p{font-size: 14px; color:#f40; padding-top: 20px; line-height: 22px;}
.style-goods-one .content-left-bottom{width:100%; height:30px; background: rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff; text-align: right; line-height: 30px; font-size: 14px;}

/*style-goods-two*/
.style-goods-two{width:100%; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-top:8px; background: #f0f0f0;  padding:0px 5px; box-sizing: border-box;}
.style-goods-two .content-in{overflow:hidden;}
.style-goods-two li{width:100%; padding:5px 0; box-sizing: border-box; border-bottom: 1px solid #cbcbcb;}
.style-goods-two li .content-main{width:100%; overflow:hidden; background: #fff;}
.style-goods-two li .content-left-img{width:40%;float:left; position:relative;}
.style-goods-two li .content-left-img img{width:100%; height:auto; }
.style-goods-two li .content-left-main{width:60%; padding-left: 20px; float:left; box-sizing: border-box;}
.style-goods-two li .content-left-main>h1{font-weight: normal; font-size: 14px; color:#000; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height:42px; line-height: 22px;}
.style-goods-two li .content-left-main>p{font-size: 14px; color:#f40; padding-top: 30px; line-height: 22px;}
.style-goods-two .content-left-bottom{width:100%; height:30px; background: rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff; text-align: right; line-height: 30px; font-size: 14px;}

/*style-goods-three*/
.style-goods-three{width:100%; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-top:8px; background: #f0f0f0;  padding:5px 5px 0 0; box-sizing: border-box;}
.style-goods-three .content-in{overflow:hidden;}
.style-goods-three li{width:100%; padding-left:5px; padding-bottom: 5px; box-sizing: border-box;}
.style-goods-three li .content-main{width:100%;background: #fff;}
.style-goods-three li .content-left-img{width:100%; position:relative;}
.style-goods-three li .content-left-img img{width:100%; height:auto;}
.style-goods-three li .content-left-main{padding:5px; box-sizing: border-box;}
.style-goods-three li .content-left-main>h1{font-weight: normal; font-size: 14px; color:#000; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height:42px; line-height: 22px;}
.style-goods-three li .content-left-main>p{font-size: 14px; color:#f40; padding-top: 20px; line-height: 22px;}
.style-goods-three .content-left-bottom{width:100%; height:30px; background: rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff; text-align: right; line-height: 30px; font-size: 14px;}

/*search*/
.mainRight-search{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-search .mainRight-search-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-search .mainRight-search-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-search-main .search-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-search-main>.search-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-search-main>.search-main label{width:40%; float:left; margin-right:40px;}
.mainRight-search-main>.search-main label>input{margin-right:10px; cursor:pointer;}
.mainRight-search-main>.search-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-search-main>.search-section{width:100%; height:auto; margin-top:10px;  border-bottom: 1px solid #f4f4f4;}
.mainRight-search-main>.search-section .search-section-in{width:100%;  text-align: center; box-sizing: border-box; position:relative; margin:20px 0;}
.mainRight-search-main>.search-section .search-section-in .search-section-in-src{width:100%; padding-left:156px; box-sizing: border-box; position:relative; margin-top: 25px;}
.mainRight-search-main>.search-section .search-section-in .search-section-in-src input.input-three{width:100%; height: 30px; padding-left: 5px; box-sizing: border-box;}
.mainRight-search-main>.search-section .search-section-in .search-section-in-src input[type='text']{vertical-align: -3px; margin-right: 5px;}
.mainRight-search-main>.search-section .search-section-in .search-section-in-src input[type='checkbox']{width:18px;height:18px;}
.mainRight-search-main>.search-section .search-section-in .search-section-in-src>i{position:absolute; left:0; top:5px; font-style: normal; font-size: 14px;}
.mainRight-search-main>.search-section .search-section-in .search-section-in-src>p{ text-align: left; line-height: 28px; font-size: 14px; color:#bcbcbc;}
.mainRight-search-main>.search-btn{width:100%;  line-height:50px; text-align: center; padding-top:5px;}
.mainRight-search-main>.search-btn .search-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px; cursor:pointer;}
.mainRight-search-main>.search-btn .search-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-search-main>.search-btn .search-btn-next:hover{background: #53b567 !important;}


/*style-search-one*/
.style-search-one{width:100%; height:46px; padding:8px; box-sizing: border-box; background: #f5f5f5;}
.style-search-one .style-search-one-in{width:100%; height:30px; border-radius: 5px; background: #fff; position:relative;line-height:0px;}
.style-search-one-in>input{color:#cdcdcd; line-height: 30px; padding-left: 10px; box-sizing: border-box; border:none; width: 100%; background: none;}
.style-search-one-in>a{width: 45px; height: 30px; line-height: 30px; background: #e7e7e7;position:absolute; right:0px; top:0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color:#fff; text-align: center; display:block; padding-top: 3px; box-sizing: border-box;}
.style-search-one-in>a>img{width: 55%; display:inline-block;}


/*style-search-two*/
.style-search-two{width:100%; height:50px; position:relative; background: #f5f5f5;}
.style-search-two .style-search-two-in{width:100%; height:50px; padding:7px 76px 0 15px; box-sizing: border-box; position:relative;}
.style-search-two-in>.search{line-height:30px; background: #fff; border: 1px solid #a1a1a1; border-radius: 35px;  box-sizing: border-box; padding-left:15px; font-size: .875rem;}
.style-search-two-in>.search>input{color:#cdcdcd; border:none; width: 100%; background: none;}
.style-search-two-in>a{width: 57px; line-height: 32px; background: #b12923;position:absolute; right:10px; top:7px; border-radius: 35px; color:#fff; text-align: center; }






/*artice*/
header{width: 100%; height:34px; background: #ededed;  line-height: 34px; padding:0 8px; box-sizing: border-box;background: -webkit-linear-gradient(#fff, #e7e7e7); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#fff,  #e7e7e7); background: -moz-linear-gradient(#fff,  #e7e7e7);background: linear-gradient(#fff,  #e7e7e7);margin-top:5px;border-radius:8px;padding-left:14px; }
header i{font-style: normal; font-size: 16px; color:#434343;background:none;}
header a{float:right; font-size: 16px;}
header a:hover{color:#434343; background: none;}

/*content*/
.content{width:100%; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-top:8px; background: #f0f0f0;  padding:5px 5px 0 0; box-sizing: border-box;}
.content .content-in{overflow:hidden;}
.content li{width:50%; float:left; padding-left:5px; padding-bottom: 5px; box-sizing: border-box;}
.content li .content-main{width:100%;background: #fff;}
.content li .content-left-img{width:100%; position:relative;}
.content li .content-left-img .content-left-bottom{width:100%; height:30px; background: rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff; text-align: right; line-height: 30px; font-size: 14px;}
.content li .content-left-img img{width:100%; height:auto;}
.content li .content-left-main{padding:5px; box-sizing: border-box;}
.content li .content-left-main h1{font-weight: normal; font-size: 14px; color:#000; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    word-break: break-all; height:33px;}
.content li .content-left-main p{font-size: 14px; color:#f40; padding-top: 20px;}
.content li .content-left-main p del{color:#999;}

/*video*/
.mainRight-video{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-video .mainRight-video-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-video .mainRight-video-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-video-main>.lunbo-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-video-main>.lunbo-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-video-main>.lunbo-main label{width:40%; float:left; margin-right:40px;}
.mainRight-video-main>.lunbo-main label input{margin-right:10px; cursor:pointer;}
.mainRight-video-main>.lunbo-main label img{width:100%; height:auto; margin-top:10px; margin-bottom:30px; cursor:pointer;}
.mainRight-video-main>.lunbo-section{width:100%; height:auto; margin-top:10px;  border-bottom: 1px solid #f4f4f4;}
.mainRight-video-main>.lunbo-section .lunbo-section-in{width:100%;  text-align: center; box-sizing: border-box; position:relative; margin:20px 0;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img{height:70px; position:relative;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img .lunbo-section-in-btn{position:absolute; left:50%; top:20px; margin-left: -7px;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img img{height:70px; margin:0 auto;position:absolute; left:35%;top:0; margin-left: -114px;max-width:180px;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-img button{cursor:pointer;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src{width:100%; padding-left:110px; box-sizing: border-box; position:relative; margin-top: 25px;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src input{width:100%; height: 30px; padding-left: 5px; box-sizing: border-box;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-src i{position:absolute; left:0; top:5px; font-style: normal; font-size: 14px;}
.mainRight-video-main>.lunbo-btn{width:100%;  line-height:50px; text-align: center; padding-top:5px;}
.mainRight-video-main>.lunbo-btn .lunbo-btn-one{width:100px; height:35px; color:#000; background:#fafafa; border:1px solid #dadada; border-radius:2px;}
.mainRight-video-main>.lunbo-btn .lunbo-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-video-main>.lunbo-btn .lunbo-btn-next:hover{background: #53b567 !important;}
.mainRight-video-main > .lunbo-section .lunbo-section-in .lunbo-section-in-video {position: relative;height: 30px;width: 100%;}
.mainRight-video-main>.lunbo-section .lunbo-section-in .lunbo-section-in-video>label{float:left;padding-left:15px;}
.mainRight-video-main>.lunbo-section .lunbo-section-in>i{font-size:14px;font-style:normal;}
.mainRight-video-main>.lunbo-section .lunbo-section-in input[type='checkbox']{width:18px;height:18px;margin-left:13px;position:absolute;top:-3px;}
/*style-video*/
.video-container {position:relative;width:100%; line-height: 10px;}
.video-container img {height:auto;}
.video-container > .play-log {display: block;height: 80px;left: 50%;margin-left: -40px;margin-top: -40px;position: absolute;top: 50%;width: 80px;z-index: 1;}
.video-container > .preview {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

/*notice*/
.mainRight-notice{border: 1px solid #f0f0f0; /*display:none;*/}
.mainRight-notice .mainRight-notice-top{line-height:40px; background: #f8f8f8; padding-left:18px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #f0f0f0;}
.mainRight-notice .mainRight-notice-main{padding:0 15px 15px; box-sizing: border-box;}
.mainRight-notice-main>.lunbo-header{width:100%; line-height:55px; border-bottom: 1px solid #f4f4f4; color:#b3b3b3; font-weight: bold;}
.mainRight-notice-main>.lunbo-main{width:100%; padding:15px; box-sizing: border-box; overflow:hidden; border-bottom: 1px solid #f4f4f4;}
.mainRight-notice-main>.lunbo-main label{width:60%; float:left; margin-right:40px;}
.mainRight-notice-main>.lunbo-main label input{margin-right:10px; cursor:pointer;}
.mainRight-notice-main>.lunbo-section{width:100%; height:auto; margin-top:10px;  cursor:pointer; border-bottom: 1px solid #f4f4f4;}
.mainRight-notice-main>.lunbo-section .lunbo-section-in{width:100%; padding-left:110px; box-sizing: border-box; position:relative; height:30px; margin-bottom: 25px;}
.mainRight-notice-main>.lunbo-section p{font-size: 14px; position:absolute; left:0; top:6px;}
.mainRight-notice-main>.lunbo-section input[type='text']{ width:100%;height:30px; padding-left: 10px; box-sizing: border-box;}
.mainRight-notice-main>.lunbo-section input[type='checkbox']{ width:18px;height:18px; padding-left: 10px; box-sizing: border-box;margin-top:5px;}
.mainRight-notice-main>.lunbo-btn{width:100%; line-height:50px; text-align: center; padding-top:5px;}
.mainRight-notice-main>.lunbo-btn .lunbo-btn-next{width:100px; height:35px; color:#fff; background:#65bd77; border:none; border-radius:2px; cursor:pointer;}
.mainRight-notice-main>.lunbo-btn .lunbo-btn-next:hover{background: #53b567 !important;}
/*notice-style*/
.notice-container {width: 100%; z-index: 999; font-family: "微软雅黑";line-height:19px;position:relative}
@-webkit-keyframes fontbulger {0% {opacity:0}  50%{opacity:0.5} 100% {opacity:1} }
.notice-container>span:before{content:"\f028";font-family: FontAwesome;font-size:20px;}
.notice-container>span{position:absolute;top:0px;left:0px;padding-left:5px;line-height:20px;-webkit-animation-name: fontbulger;-webkit-animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;}
.notice-container>marquee{font-size: 14px; display: block;margin-left:28px;line-height:20px;}

.ui-state-highlight{width:358px; height:50px; background: url(../img/state.png) no-repeat; background-size:100% 100%; }

