@charset "utf-8";
/****************
 * @description : css for zhaolong
 * @author   : ning
 * @date     : 2016.01.19
 ****************/
/*css reset*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{/*font:16px/1.5 'Microsoft Yahei','Simsun';  */color:#333;background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
form{display:inline}
ul,ol{list-style:none}
i{font-style: normal;}
a{text-decoration:none;color:#1a1a1a}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{max-width:100%;height:auto;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
table { border-collapse:collapse; border-spacing:0}
.fl{float:left;}.fr{float:right;}.hide{display:none;}.show{display: block;}
.ellipsis { white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.break { word-break:break-all; word-wrap:break-word}
a:visited{
    color: #000;
}
header, footer, article, section, nav, menu, hgroup {display: block;clear:all;}
.clear{clear: both;visibility: hidden;width: 100%;height: 0;overflow: hidden;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a{outline: none;}

body{
    width: 100%;
    height: auto;
    overflow-x: hidden;
    font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;
}
input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.grey{
    color: #565656;
}
.red{}
.radio{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.radio-left{
    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.radio-right{
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.radio-top{
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.xt-line{
    display: block;
    width: 100%;
    height: 0.35rem;
    overflow: hidden;
    background: #ececec;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 998;
    display: none;
}
.opcmask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0);
    z-index: 998;
    display: none;
}



.search-tip{
    width: 100%;
    height: 3rem;
    background: #bd141d;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    color: #FFF;
    text-align: center;
    line-height: 1.9rem;
    font-size: 0.8em;
    display: none;
    z-index: 999;
}
.search-tip .search{
    width: 12.5rem;
    height: 1.5rem;
    float: left;
    padding:0.75rem 0 0 0.5rem;
}
.search-tip .search-box{
    display: block;
    width: 10.5rem;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    background: #FFF;
    height: 1rem;
    padding: 0.25rem 0.5rem 0.25rem 0;
    line-height:0.65rem;
}
.search-tip .search-btn{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    background: url("../img/icon/search.png") #FFF center center no-repeat;
    background-size: 0.8rem;
}
.search-tip .cancel{
    float: right;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 0.75rem;
}
.search-result{
    padding:0.5rem;
    background: #FFF;
}
.search-result li{
    padding: 0 0.5rem;
    text-align: left;
    height: 2.5em;
    height: 2.8em;
    font-size: 0.7rem;
    color: #565656;
    line-height: 2.5em;
    /*border-bottom: 1px solid #ececec;*/
}



.xt-header{
    width: 100%;
    height: 2rem;
    background: #bd141d;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 888;
    color: #FFF;
    text-align: center;
    line-height: 2rem;
    font-size: 0.6rem;
}
.xt-header .back{
    display: block;
    width: 1.5rem;
    height: 100%;
    float: left;
    background: url("../img/icon/icon-back.png") center center no-repeat;
    background-size: 0.5em;
}
.xt-header .title{
    float: left;
    width: 12.5rem;
    text-align: center;
    font-size: 18px;
}

.xt-header .search-icon{
    display: block;
    float: right;
    width: 2rem;
    height: 100%;
    background: url("../img/icon/icon-search-white.png") center center no-repeat;
    background-size: 0.9rem;
}


.xt-header .logo{
    display: block;
    width: 5rem;
    height: 100%;
    float: left;
    background: url("../img/img/logo.png") center center no-repeat;
    background-size: 4rem;
}
.xt-header .search{
    height: 1.2rem;
    margin-top: 0.4rem;
    overflow: hidden;
}
.xt-header .search .search-box{
    display: block;
    width: 80%;
    height: 100%;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    text-indent: 0.5em;
    overflow: hidden;
}
.xt-header .search-btn{
    display: block;
    width: 17%;
    height: 100%;
    float: left;
    background: url("../img/icon/search.png") #FFF center center no-repeat;
    background-size: 0.8rem;
	border:none;
}
.menu-show{
    float: right;
    width: 2rem;
    height: 100%;
    text-align: center;
    background: url("../img/icon/menu-show.png") center center no-repeat;
    background-size: 0.9rem;
}

.menubar{
    width: 100%;
    height: 2.4rem;
    background: #353535;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 888;
    font-size:0.8rem;
}
.menubar li{
    width: 20%;
    height: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
}
.menubar li a{
    display: block;
    width: 100%;
    height: 2.2rem;
    text-align: center;
    padding-top: 0.2rem;
}
.menubar .active p{
    color: #ff5059;
}
.menubar img:nth-child(1){

}
.menubar li img{
    display: inline-block;
    height: .8rem;
}
.menubar li p{
    color: #FFF;
    font-size: 0.55rem;
    text-align: center;
    line-height: 1.2rem;
}
.call-person{
    width: 2.75rem;
    height: 2.75rem;
    position: fixed;
    left: 0.4rem;
    bottom: 2.9rem;
    z-index: 999;
    border-radius: 1rem;
    overflow: hidden;
}
.call-person a{
    display: block;
    width: 2.75rem;
    height: 2.75rem;
    background:url('../img/pages/icon-login-bg.png');
    /*background: url("../img/icon/icon-ly.png");*/
    background-size: 2.75rem;
}


.hide-classify{
    position: absolute;
    top: 0;
    left: 15%;
    display: none;
    overflow-y: auto;
}
.hide-classify.index-classfy{
    width: 85%;
}
.hide-classify .classify-ul{
    font-size: 0.55em;
}
.hide-classify .classify-ul li{
    width: 100%;
    height: 1.8rem;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    background: #fff;
}
.hide-classify .classify-ul li a:visited{
    color: #000;
}
.hide-classify .classify-ul li a{
    display: block;
    width: 16rem;
    height: 1.8rem;
    padding: 0 0.8rem;
}
.hide-classify .classify-ul li img{
    display: block;
    float: left;
    width: 1rem;
    margin-top: 0.4rem;
}
.hide-classify .classify-ul li i{
    display: block;
    float: left;
    font-size: 0.6rem;
    padding-left: 0.8rem;
    line-height: 1.8rem;
}
.country-list{
    padding: 1rem 5%;
    background: #ececec;
}
.country-list li{
    float: left;
    width: 20%;
    height: 3.2rem;
    font-size: 0.55rem;
    text-align: center;
    line-height: 2em;
}
.country-list li img{
    display: block;
    width: 70%;
    margin: 0 auto;
}




.xt-container{
    padding: 2rem 0 3rem 0;
    position: relative;

    background: #FFF;
    overflow-x: hidden;
}
.slider{
    /*height: 136px!important;*/
    overflow: hidden;
}
.slider img{
    display: block;
    width: 100%;
}

.menu-bar-sec{
    padding: 1rem 0;
    height: 8rem!important;
}
.menu-bar-sec li{
    width: 25%;
    float: left;
    height: 4rem;
    font-size: 0.6rem;
    text-align: center;
    overflow: hidden;
}
.menu-bar-sec li i{
    display: inline-block;
    width: 2.35rem;
    height: 2.35rem;
}
.menu-bar-sec li img{
    width: 2.35rem;
    height: 2.35rem;
}
.menu-bar-sec li a.active{
    color: #ff5059;
}
.menu-bar-sec li p{
    height: 1.8rem;
    line-height: 1.5rem;
}
.menu-bar-sec .ui-slider-dot-select{
    background: #bd141d!important;
}
.menu-bar-sec .ui-slider-dots{
    bottom: 10px!important;
}

.europe-tap{
    position: fixed;
    width: 75%;
    height: 10rem;
    left: 12.5%;
    top: 5rem;
    z-index: 999;
    display: none;
    overflow: hidden;
    background: #ececec;
}
.europe-tap .title{
    color: #FFF;
    font-size: 0.6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #ffc168;
}
.europe-tap .content{
    padding-top: .5rem;
}
.europe-tap li{
    float: left;
    width: 33%;
    height: 3.5rem;
    font-size: 0.55rem;
    line-height: 1.8em;
    text-align: center;
}
.europe-tap img{
    display: block;
    height: 2rem;
    margin: 0 auto;
}
.for-date{
    display: none;
    position: fixed;
    left: 12.5%;
    top: 4rem;
    width: 75%;
    height: 12.5rem;
    z-index: 999;
    overflow: hidden;
    background: #ececec;
}
.for-date .title{
    color: #FFF;
    font-size: 0.6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #ffc168;
}
.for-date li{
    width: 100%;
    height: 2.2rem;
}
.for-date ul{
    padding: 1rem 1rem 0 1rem;
}
.for-date li span{
    float: left;
    display: block;
    width: 18%;
    height: 1.5rem;
    background-color: #ffc168;
}
.for-date .xt-name{
    background: url("../img/bg/date-.png") #ffc168 center center no-repeat;
    background-size: 0.8rem;name
}
.for-date .xt-city{
    background: url("../img/bg/date-city.png") #ffc168 center center no-repeat;
    background-size: 0.8rem;
}
.for-date .xt-phone{
    background: url("../img/bg/date-phone.png") #ffc168 center center no-repeat;
    background-size: 0.8rem;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dcdcdc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #dcdcdc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #dcdcdc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #dcdcdc;
}
.for-date li input{
    -webkit-appearance:none;
    -moz-appearance:none;
    display: block;
    width: 82%;
    height: 1.5rem;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    padding:0 0.5em;
    color: #000;
    background: #ececec;
    box-sizing: border-box;
}
.for-date li select{
    -webkit-appearance:none;
    -moz-appearance:none;
    display: block;
    width: 82%;
    height: 1.5rem;
    border: 0;
    float: left;
    padding: 0;
    font-size: 0.65rem;
    padding:0 0.5em;
    color: #dcdcdc;
    background: #ececec;
    box-sizing: border-box;
}
.for-date .date-btn{}
.for-date .date-btn a{
    display: block;
    width: 9rem;
    height: 2rem;
    background: #bd141d;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 0.6rem;
    line-height: 2rem;
}


.xt-box{
    padding: 0 0.5rem;
}
.xt-box .title{
    height: 2rem;
}
.xt-box .title h2{
    float: left;
    height: 0.875rem;
    font-weight: normal;
    font-size: 0.6rem;
    border-left: 0.25rem solid #f6444d;
    overflow: hidden;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
}
.xt-box .title a.more{
    float: right;
    font-size: 0.6rem;
    height: 0.875rem;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
    color: #666;
    padding-right: 0.8em;
    background: url("../img/icon/triangle-right.png") right center no-repeat;
    background-size: 0.5em;
}

.new-cell .cell{
    float: left;
    width: 51%;
    height: 7.5rem;
    overflow: hidden;
}
.new-cell img{
    display: block;
    width: 100%;
}
.new-cell p{
    background: rgba(255,255,255,0.7);
    margin-top: -1.1rem;
    position: relative;
    z-index: 6;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: right;
    font-size: 0.55rem;
    padding-right: 0.35em;
}
.new-cell .cell img{
    width: 100%;
    height: 3.05rem;
}
.new-cell .big{
    float: right;
    width: 48%;
    overflow: hidden;
}
.new-cell .big img{
    width: 100%;
    height: 6.5rem;
}

.active-list{
}
.active-list li{
    padding: 0.5rem 0;
    height: 3.4rem;
    border-top: 1px solid #ececec;
}
.active-list li p{
    height: 100%;
    float: right;
}
.active-list li a{
    width: 78%;
    float: left;
    display: block;
    height: 3.4rem;
}
.active-list li:first-child{
    padding-top: 0;
    border-top: 0;
}
.active-list img{
    display: block;
    float: left;
    width: 2.65rem;
    height: 3.35rem;
}
.active-list dl{
    font-size: 0.6rem;
    height: 3.4rem;
    overflow: hidden;
    padding: 0 0.5rem;
}
.active-list dt{
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    height: 1.6rem;
    line-height: 0.8rem;
    padding-bottom: 0.2rem;
}
.active-list dd{
    width: 100%;
    color: #565656;
    overflow: hidden;
    height: 0.75rem;
    line-height: 0.75rem;
}
.active-list .show-info{
    display: block;
    float: left;
    width: 3rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    color: #bd141d;
    font-size: 0.55em;
    margin-top: 1rem;
    border: 1px solid #bd141d;
}
.xt-phone-number{
    width: 100%;
    height: 1.5rem;
    line-height: 1.55rem;
    background: #ececec;
    text-align: center;
    padding: 0.15rem 0;
}
.xt-phone-number span{
    display: inline-block;
    height: 1.5rem;
    line-height: 1.6rem;
    color: #565656;
    font-size: 0.6rem;
    overflow: hidden;
    padding-left: 1.15em;
    background: url("../img/icon/icon-tel.png") left center no-repeat;
    background-size: 1em;
}
.xt-phone-number span em{
    color: #bd141d!important;
    font-style: normal;
}
.copy-right{
    color: #565656;
    font-size: 0.55rem;
    text-align: center;
    width: 100%;
    height: 2rem;
    line-height: 1.2rem;
}

/*----------------assess START---------------*/
.assess{
    padding: 1.5rem 0;
}
.assess select{
    -webkit-appearance:none;
    background: none;
    font-size: 0.55rem;
    float: left;
    height: 1.6rem;
    width: 9.5rem;
    border: 0;
    text-indent: 0.5em;
    color: #000;
}
.assess span{
    float: left;
    display: inline-block;
    width: 4.75rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: right;
    padding-right: 0.5rem;
    font-size: 0.6rem;
}
.assess li{
    height: 2.1rem;
}
.assess .select-type{
    float: left;
    width: 9.5rem;
    height: 1.6rem;
    border: 1px solid #CCC;
    background: url("../img/icon/triangle-down.png") 8.3rem 0.6rem no-repeat;
    background-size: 0.5em;
}
.assess input{
    float: left;
    width: 8.8rem;
    -webkit-appearance:none;
    background: none;
    border: 0;
    font-size: 0.55rem;
    padding: 0.35rem;
}
.assess-submit{
margin:0 auto;

width: 12rem;
height:4.4rem;
}
.assess-submit .sub{
    display: block;
    width: 12rem;
    height: 2.4rem;
    color: #FFF;
    text-align: center;
    background: #bd141d;

    font-size: 1rem;
    margin: 0 auto;
    margin-top: 0.75rem;
}


/*----------------assess END-----------------*/
/*---------------universal START-------------*/
.universal{
    width: 100%;
    overflow: hidden;
}
.universal ul{
    width: 16.4rem;
}
.universal li{
    float: left;
    width: 5.34rem;
    height: 5.34rem;
    background: #FFF;
    font-size: 0.6rem;
    text-align: center;
    overflow: hidden;
    margin-top: 2px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.universal li a{
    display: block;
}
.universal li img{
    display: inline-block;
    height: 1.6rem;
    margin: 1.4rem auto 0.6rem auto;
}
.universal li p{
    height: 1.8rem;
    line-height: 1.5rem;
}

/*---------------universal END-------------*/

/*---------------product START------------*/

.product{}
.product-box{
    padding: 0 0.5rem;
}
.product-box .title{
    height: 2rem;
}
.product .title h2{
    float: left;
    height: 0.875rem;
    font-weight: normal;
    font-size: 0.6rem;
    border-left: 0.25rem solid #ffc168;
    overflow: hidden;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
}
.product-box .title a.more{
    float: right;
    font-size: 0.6rem;
    height: 0.875rem;
    line-height: 0.875rem;
    text-indent: 0.35em;
    margin-top: 0.5rem;
    color: #666;
    padding-right: 0.7em;
    background: url("../img/icon/triangle-right.png") right center no-repeat;
    background-size: 0.45em;
}
.product-box .pro-apply{
    color:#565656;
    font-size: 0.6rem;
    line-height: 1.5em;
    padding: 0 0.4rem 0.5rem .4rem;
}
.pro-star{
    height: 1.7rem;
    font-size: 0.55rem;
    line-height: 1.7rem;
    background: #ececec;
    overflow: hidden;
    margin-top: 0.25rem;
}
.pro-star .text{
    color: #FFF;
    float: left;
    width: 3rem;
    height: 1.7rem;
    text-align: center;
    background: #ffc168;
}
.pro-star .num{
    float: left;
    width: 5.2rem;
    padding-left: .1rem;
}
.pro-star .star{
    float: left;
    width: 6.5rem;
}
.pro-star em{
    float: left;
    font-style: normal;
    padding-right: 5px;
}
.pro-star i{
    float: left;
    width: 0.5rem;
    height: 0.5rem;
    margin: .7rem .15rem 0 0;
}
.pro-star i.full{
    background: url("../img/icon/icon-star-full.png") no-repeat;
    background-size: 0.5rem;
}
.pro-star i.half{
    background: url("../img/icon/icon-star-half.png") no-repeat;
    background-size: 0.5rem;
}
.pro-star i.null{
    background: url("../img/icon/icon-star-null.png") no-repeat;
    background-size: 0.5rem;
}
.product .pro-btn{
    text-align: center;
    padding: 1rem 0 0.8rem 0;
}
.product .pro-btn a{
    color: #FFF;
    display: inline-block;
    width: 12rem;
    height: 2.5rem;
    font-size: 0.6rem;
    background: #bd141d;
    line-height: 2.5rem;
}

.pro-process{
}
.pro-process ul{
    padding: .5rem 1.4rem 0 2.1rem;
}
.pro-process li{
    position: relative;
    height: 2.5rem;
    padding-left: 1.5rem;
    border-left:3px solid #ececec;
}
.pro-process li.inside{
    display: none;
}
.pro-process li i{
    color: #565656;
    display: block;
    height: 2rem;
    font-size: 0.6rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid #ffc168;
}
.pro-process li em{
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background: #ffc168;
    border: 1px solid #ececec;
    border-radius: 1.8rem;
    overflow: hidden;

    position: absolute;
    top: 0;
    left: -1.1rem;
}
.pro-process .show-more{
    height: 2.5rem;
    padding-left: 1.5rem;
    background: #F00;
    border-left:3px solid #ececec;
}
.pro-process li p{
    height: 1.2rem;
    background: url("../img/icon/triangle-down.png") #ececec center center no-repeat;
    background-size: .5em;
}
.pro-process li p.up{
    height: 1.2rem;
    background: url("../img/icon/triangle-up.png") #ececec center center no-repeat;
    background-size: .5em;
}

.pro-services{
}
.pro-services li{
    float: left;
    width: 4.5rem;
    height: 3rem;
    margin-right: 0.5rem;
    margin-top: .6rem;
}
.pro-services li div{
    position: relative;
    height: 2.3rem;
    text-align: center;
    border: 1px solid #ffc168;
    font-size: 0.6rem;
    line-height: .8rem;
    padding-top: .7rem;
}
.pro-services li p{
    height: .9rem;
    font-size: 0.9em;
}

.pro-services li div:after, .pro-services li div:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pro-services li  .arrow-right:after {
    border-color: rgba(213, 213, 213, 0);
    border-left-color: #fff;
    border-width: 8px;
    margin-top: -22px;
}
.pro-services li  .arrow-right:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #ffc168;
    border-width: 9px;
    margin-top: -23px;
}

.pro-services li div.arrow-down:after, .pro-services li div.arrow-down:before{
    top: 100%;
}
.pro-services li  .arrow-down:after {
    border-color: rgba(213, 213, 213, 0);
    border-top-color: #fff;
    border-width: 9px;
    margin: -1px 0 0 -35px;
}
.pro-services li  .arrow-down:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #ffc168;
    border-width: 9px;
    margin: 0px 0 0 -35px;
}
.pro-services li div.arrow-left:after, .pro-services li div.arrow-left:before{
    left: 0;
    top: 0;
}
.pro-services li  .arrow-left:after {
    border-color: rgba(213, 213, 213, 0);
    border-right-color: #fff;
    border-width: 9px;
    margin: 14px 0 0 -18px;
}
.pro-services li  .arrow-left:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #ffc168;
    border-width: 9px;
    margin: 14px 0 0 -19px;
}

.pro-sucess ul{
}
.pro-sucess li{
    padding: 0.5rem;
    height: 2.25rem;
    overflow: hidden;
    font-size: 0.6rem;
    border-bottom: 1px solid #ececec;
}
.pro-sucess li:nth-last-child(1){
    border-bottom: 0;
}
.pro-sucess dl{
    overflow: hidden;
    padding-top: .3rem;
}
.pro-sucess dt,.pro-sucess dd{
    padding: 0 .5rem;
    height: 1rem;
    overflow: hidden;
    line-height: 1rem;
}
.pro-sucess dd{
    color: #565656;
}
.pro-sucess li img{
    display: block;
    float: left;
    width: 2rem;
    margin: 0;
}
.product .pro-btn-line{
    text-align: center;
    padding: 0.7rem 0 1rem 0;
}
.product .pro-btn-line a{
    color: #bd141d;
    display: inline-block;
    width: 10rem;
    height: 1.4rem;
    font-size: 0.6rem;
    line-height: 1.4rem;
    border: 1px solid #bd141d;
}


.pro-recommend li{
    float: left;
    width: 3.1rem;
    min-height: 4.2rem;
    overflow: hidden;
    margin: 0 0.3rem;
    font-size: 0.55rem;
    text-align: center;
}
.product-list-tj li{
    height: 4.5rem;
}
.pro-recommend li img{
    display: block;
    border: 1px solid #ececec;
    width: 2.35rem;
    margin: 0 auto 5px auto;
}

/*---------------product END-------------*/

/*--------------successful-case START-----*/

.successful-case{}
.successful-case .case-title{
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.5rem;
    font-size: 0.6rem;
    border-bottom: 1px solid #cecece;
}
.successful-case .case-title p{
    display: inline-block;
    float: right;
    text-align: right;
    padding-left: 1rem;
    padding-right: .75rem;
    background: url("../img/icon/triangle-down.png") right center no-repeat;
    background-size: .6rem;
}
.successful-case .case-title p.up{
    background: url("../img/icon/triangle-up.png") right center no-repeat;
    background-size: .6rem;
}
.successful-case ul{
    padding: 0 0.5rem;
}
.successful-case li{
    padding: 0.5rem 0;
    height: 2.25rem;
    overflow: hidden;
    font-size: 0.6rem;
    border-bottom: 1px solid #ececec;
}
.successful-case dl{
    float: left;
    width: 9.5rem;
    overflow: hidden;
    padding-top: .3rem;
}
.successful-case dt,.successful-case dd{
    padding: 0 .5rem;
    height: 1rem;
    overflow: hidden;
    line-height: 1rem;
}
.successful-case dd{
    color: #565656;
}
.successful-case li img{
    display: block;
    float: left;
    width: 2rem;
    margin: 0;
}
.successful-case li a{
    float: left;
    display: block;
    height: 100%;
}

.successful-case li .show-more{
    display: block;
    color: #bd141d;
    width: 3rem;
    height: 1rem;
    float: right;
    margin-top: .55rem;
    text-align: center;
    line-height: 1rem;
    border: 1px solid #bd141d;
    font-size: 0.9em;
}
.sucessful-list{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    z-index: 999;
    display: none;
}
.sucessful-list dl{
    width: 100%;
    padding: .5rem;
    background: #FFF;
    margin-top: 2rem;
    font-size: 13px;
}
.sucessful-list dt{
    color: #faa346;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: .5em;
    border-bottom: 1px solid #faa346;
}
.sucessful-list dd{
    height: 1.2rem;
    padding-left: 1em;
    line-height: 1.2rem;
    border-bottom: 1px solid #ececec;
}
.sucessful-list dd.active{
    color: #faa346;
    border-bottom: 1px solid #faa346;
}
.sucessful-list dd a{
    display: block;
    width: 100%;
    height: 1.2rem;
}

/*--------------successful-case END-----------*/
/*--------------case-information START--------*/

.case-information{
    font-size: 0.6rem;
    line-height: 1.6em;
}
.case-info{
    padding: 0 0.5rem;
}
.case-info .article{
    padding: 0.6rem 0 0.3rem 0;
    border-bottom: 1px solid #ececec;
}
.case-info .article h2{
    color: #000;
    padding: 0.4rem 0 0.6rem 0;
    font-size: 1.1em;
    line-height: 1.25em;
}
.case-info .tips{
    width: 100%;
    padding: 0.25rem 0;
    padding-left: 1.3rem;
    overflow: hidden;
    background: url("../img/icon/icon-tip.png") 0.25em 0.75em no-repeat;
    background-size: 1.2em;
}
.case-info .tips em{
    float: left;
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    margin-top: 0.35rem;
    margin-right: 0.5rem;
    background: url("../img/icon/icon-tip.png") no-repeat;
    background-size: 0.8rem;
}
.case-info .tips i{
    float: left;
    font-size: 0.55rem;
    color: #8ec1ff;
    padding: 0 0.2rem;
    line-height: 1.5em;
    margin: 0.25rem 0.5rem 0 0rem;
    white-space: nowrap;
    border: 1px solid #8ec1ff;
}
.case-info .text{
    padding: 0 0 0.75rem 0;
}
.case-information .xt-box .title h2{
    font-size: 1.1em;
    border-color: #8ec1ff;
}
.case-information .info-more{
    padding: 0.5rem 1rem;
    font-size: 0.95em;
    background: #ececec;
}
.case-information .info-more strong{
    font-size: 1em;
    line-height: 1.2em;
}
.case-information .info-box{
    padding: 1rem 0 0.7rem 0;
}

.case-information .info-box a{
    margin: 0 auto;
    display: block;
    width: 11.5rem;
    height: 2.4rem;
    color: #fff;
    font-size: 1em;
    line-height: 2.4rem;
    text-align: center;
    background: #bd141d;
}
.info-experts{
    padding: 1rem 0;
}
.info-experts img{
    float: left;
    display: block;
    width: 3.75rem;
}
.info-experts ul{
    float: left;
    width: 9rem;
}
.info-experts li{
    padding-left: 0.5rem;
}
.info-experts li a{
    display: inline-block;
    width: 4rem;
    font-size: 1em;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    border: 1px solid #bd141d;
    background: url("../img/bg/bg-btn-red.png") left bottom repeat-x;
}



/*--------------case-information START--------*/
/*---------------discover Start--------------*/

.dis-list{
    font-size: 0.7em;
}
.dis-list li{
    width: 100%;
    height: 2rem;
    border-bottom: 1px solid #ececec;
    background: url("../img/icon/triangle-right.png") #fff 15rem center no-repeat;
    background-size: 0.4em;
}
.dis-list li a:visited{
    color: #000;
}
.dis-list li a{
    width: 16rem;
    height: 2rem;
    padding: 0 0.5rem;
    display: table-cell;
    vertical-align: middle;
}
.dis-list li img{
    display: block;
    float: left;
    width: 0.9rem;
    margin-top: 0.6rem;
    vertical-align: middle;
}
.dis-list li i{
    display: block;
    float: left;
    width: 5rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.6rem;
    padding-left: .5rem;
}
.dis-list li em{
    float: left;
    display: block;
    font-size: 0.55rem;
    font-style: normal;
    color: #565656;
    height: 2rem;
    line-height: 2rem;
}
/*---------------discover End--------------*/
/*---------------country Start--------------*/
.country{}
.country .title h2{
    border-color: #8ec1ff!important;
}

.country .edu{
    font-size: 0.75em;
}
.country .edu-tab-ctr{
    width: 17rem;
}
.country .edu-tab-ctr li{
    float: left;
    width: 4.5rem;
    height: 2rem;
    text-align: center;
    margin-right: 0.75rem;
    background: #ececec;
    line-height: 1.8rem;
    font-size: 0.6rem;
}
.country .edu-tab-ctr i{
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: #ececec;
}
.country .edu-tab-ctr .active i{
    background: #8ec1ff;
}
.country .edu .article{
    height: 1.5em;
    padding-top: 1rem;
    font-size: 13px;
    text-indent: 1em;
    line-height: 1.3em;
}
.country .edu-content{
    border:1px solid #ececec;
}
.country .edu-content i{
    display: block;
    width: 100%;
    height: 3px;
    overflow: hidden;
    background: #ececec;
}
.country .edu-content p{
    font-size: 0.55rem;
    padding: 0.5em;
}
.country .article span{
    float: left;
}
.country .article a{
    color: #565656;
    float: right;
    font-size: 0.9em;
    padding-right: 1.5em;
    background: url("../img/icon/triangle-right.png") 3.5em center no-repeat;
    background-size: 0.45em;
}
.country .edu-btn-title{
    color: #FFF;
    width: 5rem;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-size: 13px;
    background: #8ec1ff;
    margin: 0.75rem auto 0 auto;
}
.country .edu-limit li{
    width: 100%;
    height: 3rem;
    overflow: hidden;
    margin-top: 0.4em;
}
.country .edu-limit .edu-lim-left{
    color: #fff;
    float: left;
    display: block;
    width: 4rem;
    height: 3rem;
    font-size: 13px;
    position: relative;
    background: #8ec1ff;
    text-align: center;
    line-height: 1.6em;
}
.country .edu-lim-left img{
    display: block;
    height:1.2rem;
    margin: 0.6em auto 0.1em auto;
}

.country .edu-limit .edu-lim-left:after, .country .edu-lim-left:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.country .edu-lim-left:after {
    border-color: rgba(213, 213, 213, 0);
    border-left-color: #8ec1ff;
    border-width: 5px;
    margin-top: -5px;
}
.country .edu-lim-left:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #8ec1ff;
    border-width: 7px;
    margin-top: -7px;
}

.country .edu-limit .edu-lim-right{
    float: left;
    width: 10rem;
    font-size: 0.55rem;
    overflow: hidden;
    height: 3rem;
    line-height: 3rem;
    padding: 0 0.5rem;
    background: #ececec;
    display: table;
    vertical-align: middle;
}
.country .edu-limit .edu-lim-right p{
    display: table-cell;
    vertical-align: middle;
    line-height: 0.85rem;
}
.country .pro-recommend li img{
    border: 0;
}
.country .pro-recommend li{
    text-align: center;
    font-size: 0.55rem;
}

/*---------------country End--------------*/
/*-----------information Start-----------*/
.information{}
.information .title{
    font-size: 0.6rem;
    padding: 1rem 0 .7rem 0;
	font-weight:normal;
}
.information b{font-weight:normal;}
.information .content{
    font-size: 0.6rem;
    line-height: 1.2em;
    padding: 0.5rem 0.5rem;
    background: #ececec;
    color: #565656;
	font-weight:normal;
}
.information .info-text{
	font-weight:normal;

}
.information .info-text a{
    display: block;font-weight:normal;
}
.information .keywords{
    line-height: 14px;
    padding-top: 0.2rem;
}
.information .keywords em{
    font-style: normal;
    font-size: 0.55rem;
    line-height: 014px;
}
.information .keywords i{
    font-size: 0.55rem;
    margin: 0 5px;
    line-height: 0.6em;
}
.information .info-text .red{
    color: #bd141d;
}
.information .time-tip{
    font-size: 0.55rem;
    padding: 0.5rem 0;
    height: 0.6rem;
    color: #565656;
    border-bottom: 1px solid #ececec;
}
.information .time-tip p{
    width: 50%;
    float: left;
	font-weight:normal;
}

.info-detail{}
.info-detail .more-read{}
.info-detail .more-read li{
    height: 1.25rem;
    overflow: hidden;
    line-height: 1.25rem;
}
.info-detail .more-read li a{
    height: 1.25rem;
    display: block;
}
.info-detail .more-read img{
    float: left;
    display: block;
    width: 0.8rem;
    margin-top: 0.15rem;
}
.info-detail .more-read span{
    float: left;
    padding-left: 0.5rem;
    color: #565656;
}
/*-----------information End-----------*/

/*-----------colleges End-----------*/
.colleges{}
.colleges .case-title{
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0 0.5rem;
    font-size: 0.6rem;
    border-bottom: 1px solid #cecece;
}
.colleges .case-title p{
    display: inline-block;
    float: right;
    text-align: right;
    padding-left: 1rem;
    padding-right: .75rem;
    background: url("../img/icon/triangle-down.png") right center no-repeat;
    background-size: .6rem;
}
.colleges .case-title p.up{
    background: url("../img/icon/triangle-up.png") right center no-repeat;
    background-size: .6rem;
}
.colleges ul{
    padding: 0 0.5rem;
}
.colleges li{
    padding: 0 0;
    height: 4.75rem;
    overflow: hidden;
    font-size: 0.6rem;
    border-bottom: 1px solid #ececec;
}
.colleges li p{
    float: left;
    height: 100%;
    height: 100%;
}
.colleges dl{
    float: left;
    width: 8rem;
    overflow: hidden;
}
.colleges dt{
    color: #565656;
}
.colleges dt p{
    color: #000;
    float: none;
    height: auto;
}
.colleges dt,.colleges dd{
    padding: 0 .5rem;
    height: 2rem;
    overflow: hidden;
    line-height: 1rem;

}
.colleges dd{
    font-size: 0.9em;
    color: #565656;
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
    padding-top: 0.2rem;
}
.colleges li img{
    display: block;
    float: left;
    width: 3rem;
    margin: 0;
    margin-top: 0.8rem;
    border: 1px solid #ececec;
}
.colleges li .show-more{
    display: block;
    color: #bd141d;
    width: 3.5rem;
    height: 1.2rem;
    float: right;
    margin-top: 1.45rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: 0.75em;
    border: 1px solid #bd141d;
}


/*-----------colleges End-----------*/
/*-----------active End-----------*/
.activity{}
.activity .case-title{
    height: 1.8rem;
    line-height: 1.8    rem;
    padding: 0 0.5rem;
    border-bottom: 1px solid #cecece;
}
.activity .case-title p{
    float: right;
    display: inline-block;
    text-align: right;
    padding-right: .75rem;
    padding-left: 1rem;
    background: url("../img/icon/triangle-down.png") right center no-repeat;
    background-size: .6rem;
}
.activity .case-title p.up{
    background: url("../img/icon/triangle-up.png") right center no-repeat;
    background-size: .6rem;
}
.activity ul{
    padding: 0 0.5rem;
}
.activity li{
    padding: 0.1rem 0;
    height: 4.25rem;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}
.activity dl{
    float: left;
    width: 9rem;
    overflow: hidden;
}
.activity dt{
    padding: 0 0.5rem;
    height: 1.6rem;
    overflow: hidden;
    line-height: 0.8rem;
}
.activity dt{
    padding-bottom: 0.2rem;
}
.activity dd{
    height: 0.8rem;
    color: #565656;
    overflow: hidden;
    padding: 0 0.5rem;
}
.sm-size dd{
    font-size: 0.9em;
}

.activity li img{
    display: block;
    float: left;
    width: 2.65rem;
    height: 3.35rem;
    margin: 0;
    margin-top: 0.25rem;
}
.activity li .show-more{
    display: block;
    color: #bd141d;
    width: 3rem;
    height: 1.2rem;
    float: right;
    margin-top: 1.45rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: 0.9em;
    border: 1px solid #bd141d;
}
/*-----------active End-----------*/
/*----------colleges-details Start-----*/
.colleges-details{
    padding: 0.5rem 0.5rem 2rem 0.5rem;

}
.colleges-details .info{
    overflow: hidden;
    border: 1px solid #ececec;
}
.colleges-details .info-top{
    background: #ececec;
    padding-bottom: 8px;
}
.colleges-details .info-left{
    float: left;
    width: 9.5rem;
    height: 100%;
    font-size: 0.6rem;
    padding: 0 1rem;
    line-height: 1.5em;
    color: #565656;
}
.colleges-details .info-left .info-name{
    color: #000;
    padding-top: 1em;
}
.colleges-details .info-left .info-number{
    padding-top: 0.5em;
}
.colleges-details .info-right{
    float: left;
    width: 3.2rem;
    height: 100%;
    font-size: 0.6rem;
    line-height: 1.5em;
    color: #565656;
    overflow: hidden;
}
.colleges-details .info-right img{
    display: block;
    width: 3.2rem;
    margin: 0.5em 0;
}
.colleges-details .info-right a{
    display: block;
    color: #bd141d;
    font-size: 0.85rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    border: 1px solid #bd141d;
}
.colleges-details .info-right a.focusIt{
	background-color:#fff;
	color:#bd141d;
}
.colleges-details .info-right a.focusIt:after{font-size: 0.65rem;content:'关注';}
.colleges-details .info-right a.focusIt.active{
	background-color:#bd141d;
	color:#fff
}
.colleges-details .info-right a.focusIt.active:after{content:'已关注';}

.colleges-details .info ul{
    width: 105%;
    padding-top: 0.25rem;
}
.colleges-details .info li{
    float: left;
    width: 4.95rem;
    height: 4em;
    line-height: 1.5em;
    font-size: 0.6rem;
    text-align: center;
    border-right: 1px solid #ececec;
}
.colleges-details .info li p{
    padding-top: 0.25em;
    color: #bd141d;
}
.colleges-details .coll-info{
    padding: 0.5rem 0;
}
.colleges-details .coll-info li{
    color: #565656;
    font-size: 0.6rem;
    line-height: 1.5em;
    min-height: 1em;
    overflow: hidden;
    padding: 0.25em 0 0.25em 0.5rem;
}
.colleges-details .coll-info img{
    float: left;
    display: block;
    width: 0.75rem;
    margin-top: 0.1em;
}
.colleges-details .coll-info p{
    float: left;
    width: 12.5rem;
    padding-left: 0.5rem;
}
.colleges-details .coll-ctl{
    width: 17rem;
}
.colleges-details .coll-ctl li{
    float: left;
    width: 4.5rem;
    height:2rem;
    color: #565656;
    margin:0.5rem 0.75rem 0 0;
    line-height: 2rem;
    text-align: center;
    font-size: 0.55rem;
    background: #ececec;
}
.colleges-details .coll-ctl li a{
    color: #565656;
    display: block;
    width: 100%;
    height: 100%;
}
.colleges-details .coll-ctl li.active{
    color: #fff;
    background: #bd141d;
}
.colleges-details .coll-ctl li.active a{
    color: #FFF;
}
.colleges-details .coll-content{
    padding-top: 0.75rem;
}
.colleges-details .coll-tab .text{
    padding: 0.5rem;
    font-size: 0.55rem;
    line-height: 1.5em;
    background: #ececec;
}
.colleges-details .coll-tab{
    font-size: 0.55rem;
    line-height: 1.5em;
    display: none;
}
.colleges-details .coll-tab td{
    padding: 3px 10px;
    background: #ececec;
}
.colleges-details .coll-tab .title td{
    background: #565656;
    color: #fff;
    text-align: center;
}
/*----------colleges-details End------*/

/*---------ridicule Start------------*/
.ridicule{
    font-size: 0.6rem;
}
.ridicule .type select{
    float: left;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:none;
    border: 1px solid #565656;
    width: 4.5rem;
    height: 1.2rem;
    text-align: left;
    line-height: 1.2rem;
    color: #565656;
    margin-top: 0.4rem;
    padding-left: 0.5rem;
    background: url("../img/icon/triangle-down.png") 3.5rem center no-repeat;
    background-size: 0.5rem;
    font-size: 0.9em;
}
.ridicule .type{
    height: 2rem;
    line-height: 2rem;
    background: #FFF;
    padding: 0 0.5rem;
    margin: 1rem 0;
}
.ridicule i{
    float: left;
    width: 4rem;
    display: block;
}
.ridicule .text{
    height: 11rem;
    background: #FFF;
    padding: 0 0.5rem;
}
.ridicule .text p{
    height: 2em;
    line-height: 2em;
    padding: 0.5rem 0 0.2rem 0;
}
.ridicule .text textarea{
    display: block;
    width: 100%;
    height:7rem;
    -webkit-appearance:none;
    -moz-appearance:none;
}
.ridicule input{
    float: left;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:none;
    border: 1px solid #565656;
    width: 9rem;
    height: 0.9rem;
    line-height: 1em;
    color: #565656;
    margin-top: 0.4rem;
    font-size: 0.9em;
    padding: 0.15rem 0.5rem;
}
/*---------ridicule Start------------*/

/*----------news start------------*/

.news{}
.news .newsBox ul{
    width: 16rem;
}
.news .newsBox li{
    float: left;
    width: 7.25rem;
    height: 5.5rem;
    margin-right: 0.5rem;
    position: relative;
    overflow: hidden;
}
.news .newsBox li img{
    display: block;
    width: 7.25rem;
}
.news .newsBox li p{
    color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 6.65rem;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.3rem;
    font-size: 0.6rem;
    text-align: left;
    background: rgba(0,0,0,0.6);
}

/*----------news end------------*/
a.block-squ{
    display: block;
    height: 100%;
}
.activity li p{
    float: left;
    height: 100%;
}
.activity .sm-size li span.show-more{
    font-size: 0.8em;
}
.index .active-list .show-info{
    font-size: 0.55rem;
}

.xt-dialog{
    width: 12rem;
    height: 6rem;
    color: #565656;
    position: fixed;
    background: #ececec;
    top: 5rem;
    left: 2rem;
    z-index: 999;
    display: none;
}
.xt-dialog .content{
    font-size: 0.6rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
}
.xt-dialog .dialog-cancel{
    color: #fff;
    display: block;
    font-size: 0.6rem;
    width: 50%;
    height: 2rem;
    float: left;
    display: block;
    text-align: center;
    line-height: 2rem;
    background: #565656;

}
.xt-dialog .dialog-confirm{
    color: #fff;
    display: block;
    font-size: 0.6rem;
    width: 50%;
    height: 2rem;
    float: right;
    display: block;
    text-align: center;
    line-height: 2rem;
    background: #f6444d;
}

.boxs{
    width: 12rem;
    height: 6rem;
    color: #565656;
    position: fixed;
    background: #ececec;
    top: 5rem;
    left: 2rem;
    z-index: 999;
    display: none;
}
.boxsDesc, .boxsDesc2 {
    font-size: 0.8rem;
    height: 4rem;
    line-height: 5rem;
    text-align: center;
}

.box{
    width: 12rem;
    height: 6rem;
    color: #565656;
    position: fixed;
    background: #ececec;
    top: 8.5rem;
    left: 2rem;
    z-index: 999;
    display: none;
}
.boxDesc, .boxDesc2 {
    font-size: 0.8rem;
    height: 4rem;
    line-height: 5rem;
    text-align: center;
}

.country .edu-tab-ctr-sg{
    width: 17rem;
}
.country .edu-tab-ctr-sg li{
    float: left;
    width: 3.2rem;
    height: 2rem;
    text-align: center;
    margin-right: 0.75rem;
    background: #ececec;
    line-height: 1.8rem;
    font-size: 0.6rem;
}
.country .edu-tab-ctr-sg i{
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: #ececec;
}
.country .edu-tab-ctr-sg .active i{
    background: #8ec1ff;
}

/***自定义离线宝***/
	#diyLxbWidget input,#diyLxbWidget button,#diyLxbWidget p{font-family: 'Microsoft Yahei';}
	#diyLxbWidget #lxbPopWin_box{
		position: fixed;
		display:none;
		padding:0.5rem 1rem;
		top:50%;
		z-index:999999;
		margin-top: -7.75rem;
		left:2.365rem;
		border:0.1875rem solid #ffc168;
		-webkit-border-radius:0.5rem;
		   -moz-border-radius:0.5rem;
		   		border-radius:0.5rem;
		background-color: #fff;
	}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin{position: relative;}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin>img{display: block;height:5rem;margin:0 auto;}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin .telInputBox{
		padding-left:1.5rem;
		width:7rem;
		height:1.6rem;
		background: url(/liuxue/img/icon/lxb_icon_phone.png) 0.4rem center no-repeat;
		background-size:auto 75%;
		background-color: #ffc168;
	//	border:0.1875rem solid #ffc168;
		-webkit-border-radius:0.2rem;
		   -moz-border-radius:0.2rem;
		   		border-radius:0.2rem;
		margin:0.2rem auto 0.5rem;	
	}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin .telInputBox #lxbInput{
		display:block;
		width:6.7rem;
		height:100%;
	//	line-height: 2rem;
		border:none;
		margin:0;
		padding:0;
		padding-left:0.3rem;
		background-color: #ececec;
		color:#565656;
		font-size:0.6rem;
		-webkit-border-radius:0rem;
		   -moz-border-radius:0rem;
		   		border-radius:0rem;
		-webkit-border-top-right-radius:0.2rem;
		   -moz-border-top-right-radius:0.2rem;
		   		border-top-right-radius:0.2rem;
		-webkit-border-bottom-right-radius:0.2rem;
		   -moz-border-bottom-right-radius:0.2rem;
		   		border-bottom-right-radius:0.2rem;		   		
	}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin .telInputBox #lxbInput::-webkit-input-placeholder{color:#565656}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin .telInputBox #lxbInput::-moz-input-placeholder{color:#565656}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin .telInputBox #lxbInput::-ms-input-placeholder{color:#565656}
	
	#diyLxbWidget #lxbPopWin_box .lxbPopWin #lxbCallBtn{
		display:block;
		width:7rem;
		height:1.6rem;
		text-align: center;
		border:none;
		background-color: #bd141d;
		color:#fff;
		margin:0 auto;
		font-size:0.6rem;
		-webkit-border-radius:0.2rem;
		   -moz-border-radius:0.2rem;
		   		border-radius:0.2rem;
	}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin>p{
		display: block;
		width:8.5rem;
		color:#565656;
		font-size:0.6rem;
		line-height: 1rem;
		text-align: center;
		margin:0 auto;
		margin-top:0.2rem
	}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin>span{
		display: block;
		position: absolute;
		top:0;
		right: -0.5rem;
		width:1rem;
		height:1rem;
	}
	#diyLxbWidget #lxbPopWin_box .lxbPopWin>span>img{width:100%;height:100%;display:block;}

	#diyLxbWidget #lxbPopBtn{
		display:none;
		position: fixed;
		z-index:999999;
		width:1.2rem;
		height:2rem;
		right:0;
		bottom:3.3rem;
	}
	#diyLxbWidget #lxbPopBtn>img{display:block;}