@charset "utf-8";
@import url(base.css);
html,body{background: #F5F7FA;}
.lsbox{width: 100%;position: relative;}
.lsbox:before{content: '';width: 100%;height: 288px;background: linear-gradient( 180deg, #5891F1 1%, rgba(255,243,237,0) 100%);position: absolute;
top: 0;left: 0;opacity: 0.3;}
.lsboxconter{width: 100%;position: relative;z-index: 1;}
.lsboxheader{width: 100%;height: 80px;background: #fff;padding: 0 4%;box-sizing: border-box;}
.lsboxheaderleft{float: left;padding-top: 16px;box-sizing: border-box;}
.lsboxheaderleft a{display: block;float: left;}
.lsboxheaderleft a img{display: block;max-width: 100%;}
.lsboxheaderleft p{float: left;font-size: 18px;color: #333;font-weight: 500;margin-left: 18px;margin-top: 12px;}
.lsboxcontent{width: 100%;padding: 34px 0;box-sizing: border-box;}
.lsboxsuyuan{width: 1000px;margin: 0 auto;}
.lsboxtop{width: 100%;margin-bottom: 36px;}
.lsboxtop ul li{float: left;width: 33.3%;display: flex;justify-content: center;align-items: center;position: relative;}
.lsboxtop ul li:before{content: '';width: 100px;height: 1px;background: #5891F1;position: absolute;
top: 50%;right: -14%;margin-top: -0.5px;}
.lsboxtop ul li:last-child:before{display: none;}
.lsboxtop ul li img{display: block;width: 48px;height: 48px;margin-right: 8px;}
.lsboxtop ul li span{display: block;font-size: 16px;color: #5891F1;font-weight: 500;}
.lsboxbuttom{width: 100%;border-radius: 12px;box-shadow: 0px 6px 18px 0px rgba(210,226,233,0.5);background: #fff;padding: 16px 16px 58px 16px;box-sizing: border-box;}
.lsboxtip{width: 100%;border-radius: 4px;background: #F4F6F9;padding: 17px 16px;box-sizing: border-box;margin-bottom: 34px;}
.lsboxtip i{float: left;width: 20px;height: 20px;background: url(../images/icon.png) center no-repeat;margin-right: 8px;}
.lsboxtip p{float: left;font-size: 14px;color: #5891F1;font-weight: 400;line-height: 20px;}
.lsboxcenter{width: 100%;}
.lsboxcenter h5{font-size: 14px;color: #999;line-height: 20px;text-align: center;font-weight: 400;margin-bottom: 8px;}
.lsboxcenter h4{font-size: 24px;color: rgba(0,0,0,0.9);line-height: 20px;text-align: center;font-weight: 500;margin-bottom: 38px;}
.lsboxcenter ul li{margin-bottom: 24px;display: flex;justify-content: center;}
.lsboxcenter ul li p{float: left;font-size: 14px;color: rgba(0,0,0,0.9);font-weight: 400;line-height: 42px;margin-right: 24px;width: 82px;text-align: right;}
.lsboxcenter ul li p i{color: #FF1933;}
.lsboxcenter ul li input{width: 300px;height: 42px;border: 1px solid #DCDCDC;box-sizing: border-box;font-size: 14px;color: #333;font-weight: 400;
padding: 0 30px 0 8px;box-sizing: border-box;border-radius: 4px;line-height: 40px;}
.lsboxbutton{width: 100%;display: flex;justify-content: center;margin-top: 56px;}
.lsboxbutton a{float: left;width: 120px;height: 40px;border: 1px solid #DEDEDE;text-align: center;line-height: 38px;font-size: 14px;color: #333;
box-sizing: border-box;border-radius: 4px;margin-right: 12px;}
.lsboxbutton a:last-child{margin-right: 0;}
.lsboxbutton a.preview{background: #EAF2FF;border-color: #5891F1;color: #5891F1;}
.lsboxbutton a.generate{background: #5891F1;border-color: #5891F1;color: #ffffff;}
.lsboxbutton a.download{background: #AAAAAA;border-color: #AAAAAA;color: #ffffff;}
/****************日期插件样式******************/
.ui-datepicker-append{
    display: none;
}
.ui-datepicker{
    width: 305px;
    padding: 0px !important;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
}
.ui-datepicker-header{
    width: 305px;
    height: 31px;
    line-height: 31px;
    border: none;
    border-radius: 0px;
    color: #ffffff;
    padding: 0px !important;
    margin: 0px;
    background: url("../images/ui_header_bg.png") left top repeat-x;
}
.ui-datepicker-title,.ui-datepicker-title > span{
    height: 31px;
    line-height: 31px;
    font-family: arial;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
.ui-datepicker th{
    color: #999;
    height: 38px;
    line-height: 38px;
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
.ui-widget-header .ui-state-default,.ui-state-default{
    border: none;
    background:none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: none;
    color: #555555;
    font-size: 12px;
    background: #fdfdfd;
    margin: 0px;
    padding: 0px;
}
.ui-datepicker td span{
    margin: 0px;
    padding: 0px;
    border: none;
}
a.ui-state-default:hover,.ui-datepicker-current-day .ui-state-active {
    background: #3996ff;
    color: #ffffff;
}
ui-state-hover .ui-icon,.ui-datepicker-next-hover,
ui-state-hover .ui-icon,.ui-datepicker-prev-hover{
    background: none;
}

.ui-datepicker-next:hover,.ui-datepicker-prev:hover{
    background: none;
    border: none;
}
.ui-widget-header .ui-icon,.ui-state-hover .ui-icon{
    background: url("../images/ui_date_bg.png") no-repeat;
    top: 6px;
}
.ui-datepicker-next .ui-icon-circle-triangle-e{
    width: 18px;
    height: 11px;
    background-position:0px -22px;
}
.ui-datepicker-prev .ui-icon-circle-triangle-e{
    width: 18px;
    height: 11px;
    background-position:0px -0px;
}
.ui-datepicker .ui-datepicker-next span{
    margin: -7px 0px 0px -35px;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span{
    margin: -7px 0px 0px 19px;
	cursor: pointer;
}
.previewtc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100;display: none;}
.previewtcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.previewtcbox{width: 600px;border-radius: 4px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
padding: 28px 32px 24px 32px;box-sizing: border-box;}
.previewtitle{width: 100%;margin-bottom: 24px;position: relative;}
.previewtitle h4{font-size: 16px;color: rgba(0,0,0,0.9);font-weight: 500;}
.previewtitle i{width: 20px;height: 20px;background: url(../images/close.png) center no-repeat;cursor: pointer;
position: absolute;top: 0;right: 0;}
.previewbox{width: 100%;}
.previewboxitem{width: 260px;margin-right: 16px;border-radius: 8px;background: #F5F7FA;
padding: 20px 16px;box-sizing: border-box;float: left;}
.previewboxitem:last-child{margin-right: 0;}
.previewboxitem h5{display: block;width: 154px;height: 34px;text-align: center;background: #EAF2FF;
line-height: 34px;font-size: 16px;color: #5891F1;margin: 0 auto 16px;position: relative;font-weight: 500;}
.previewboxitem h5::before{content: '';width:0;height:0;overflow:hidden;font-size: 0;line-height: 0;border-width:6px;
border-style:solid dashed dashed dashed;border-color: #EAF2FF transparent transparent transparent;
position: absolute;bottom: -12px;left: 50%;margin-left: -6px;}
.previewimg{width: 152px;margin: 0 auto 12px;}
.previewimg img{display: block;max-width: 100%;margin: 0 auto;}
.previewboxitem p{font-size: 14px;color: rgba(0,0,0,0.9);text-align: center;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.previewbutton{width: 100%;margin-top: 24px;}
.previewbutton span{display: block;margin: 0 auto;width: 88px;height: 32px;background: #5891F1;
border-radius: 4px;text-align: center;line-height: 32px;font-size: 14px;color: #ffffff;font-weight: 400;cursor: pointer;}
.tiptc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.tiptcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);}
.tiptcbox{width: 386px;height:186px;border-radius: 4px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
padding: 24px;box-sizing: border-box;}
.tiptcbox i{width: 20px;height: 20px;background: url(../images/close.png) center no-repeat;cursor: pointer;
position: absolute;top: 24px;right: 24px;}
.tiptcontent{width: 100%;height: 90px;display: flex;justify-content: center;margin-top: 15px;padding-top: 20px;box-sizing: border-box;}
.tiptctext{display: flex;}
.tiptctext b{width: 24px;height: 24px;background: url(../images/icon1.png) center no-repeat;} 
.tiptctext p{font-size: 16px;color: rgba(0,0,0,0.9);font-weight: 400;margin-left: 8px;line-height: 24px;}
.tiptcbutton{display: table;margin: 0 auto;}
.tiptcbutton span{display: block;float: left;width: 60px;height: 32px;text-align: center;line-height: 32px;
font-size: 14px;background: #E7E7E7;color: rgba(0,0,0,0.9);cursor: pointer;margin-right: 8px;}
.tiptcbutton span:last-child{margin-right: 0;color: #fff;background: #5891F1;}