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


/*******************公共样式*******************/
*{margin:0px; padding:0px;}
/*@font-face { font-family: "Microsoft"; font-weight: normal; font-style: normal;	 src:url(Microsoft.ttf);} */
html,body{ width:100%;height:100%;font-family:"PingFang","Microsoft YaHei","Arial"; color:#364258; position:relative; background:url(../images/dl_bj.png) center center no-repeat; background-size:100% 100%; }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
input:focus {outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
ol,ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
.block{ display:block;}
.relative{ position:relative;}
button{ cursor:pointer;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
.lefts{float:left;}
.rights{float:right;}
.center {text-align: center;}

.juzhong{text-align:center; display: flex;justify-content: center;align-items: center; }

.img-responsive {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

a{text-decoration:none; cursor:pointer;}






/****************font************************/

@font-face {  font-family:'fanghei'; src:url(../font/FZZZHUNHJW.TTF); font-style: normal;	}
.font_fanghei{ font-family:'fanghei'; }


@font-face {  font-family:'siyuan'; src:url(../font/SourceHanSansCN-Regular.otf); font-style: normal;	}
.font_siyuan{ font-family:'siyuan'; }





/******************文字颜色*************************/

.white{color:#ffffff;}
.red{color:#ff0000;}
.gray{color:#666666;}
.qq_gray{ color:#dddddd;}
.q_gray{color:#b8b8b8;}
.s_gray{color:#333333;}
.h_blue{color:#5D7092 }
.bold{font-weight:bold;}
.blue{color:#1263cf }
.q_blue{color:#b2b6bf;}


.purple{ color:#5c66f0;}

.huilan{ color:#939baa;}
.green{color:#10d1b7}
.orange{color:#f67263}
.purple{ color:#5B8FF9}
.bg_blue{  background:#13203c;}
.bg_gray{  background:#f2f5f9;}


/******************文字大小*************************/

.font_12{font-size:12px;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20{font-size:20px;}
.font_22{font-size:22px;}
.font_24{font-size:24px;}
.font_26{font-size:26px;}
.font_28{font-size:28px;}
.font_30{font-size:30px;}
.font_32{font-size:32px;}
.font_34{font-size:34px;}
.font_36{font-size:36px;}


/**************宽度****************/
.width_05{width:5%;}
.width_10{width:10%;}
.width_15{width:15%;}
.width_16{width:16%;}
.width_16_6{width:16.666%;}

.width_20{width:20%;}
.width_25{width:25%;}
.width_24{width:24%;}
.width_245{width:24.5%;}

.width_27{width:27%;}
.width_30{width:30%;}
.width_33{width:33%;}
.width_35{width:35%;}
.width_49{width:49%;}
.width_50{width:50%;}
.width_55{width:55%;}
.width_60{width:60%;}
.width_65{width:65%;}
.width_70{width:70%;}
.width_73{width:73%;}
.width_75{width:75%;}
.width_80{width:80%;}
.width_85{width:85%;}
.width_90{width:90%;}
.width_95{width:95%;}

.width_96{width:96%; }

.width_100{width:100%;}

.xuxian{border-bottom:dashed 1px  #efefef; }
.shixian{border-bottom:solid 1px  #efefef; }

.hg_30{height:30px; line-height:30px;}
.hg_36{height:36px; line-height:36px;}
.hg_40{height:40px; line-height:40px;}

/**************距离****************/

.padl_05{padding-left:5px;}
.padl_10{padding-left:10px;}
.padl_15{padding-left:15px;}
.padl_20{padding-left:20px;}
.padl_30{padding-left:30px;}
.padl_40{padding-left:40px;}
.padl_50{padding-left:50px;}

.padr_05{padding-right:5px;}
.padr_10{padding-right:10px;}
.padr_15{padding-right:15px;}
.padr_20{padding-right:20px;}

.padt_01{padding-top:1px;}
.padt_02{padding-top:2px;}

.padt_03{padding-top:3px;}
.padt_05{padding-top:5px;}
.padt_10{padding-top:10px;}
.padt_15{padding-top:15px;}
.padt_20{padding-top:20px;}
.padt_25{padding-top:25px;}
.padt_30{padding-top:30px;}
.padt_35{padding-top:35px;}
.padt_40{padding-top:40px;}

.padb_03{padding-bottom:3px; }

.padb_05{padding-bottom:5px; }
.padb_10{padding-bottom:10px;}
.padb_15{padding-bottom:15px;}
.padb_20{padding-bottom:20px;}
.padb_25{padding-bottom:25px;}
.padb_30{padding-bottom:30px;}


.marl_05{margin-left:5px; }
.marl_10{margin-left:10px;}
.marl_15{margin-left:15px;}
.marl_20{margin-left:20px;}


.marr_05{margin-right:5px;}
.marr_10{margin-right:10px;}
.marr_15{margin-right:15px;}
.marr_20{margin-right:20px;}
.marr_30{margin-right:30px;}
.marr_40{margin-right:40px;}
.marr_50{margin-right:50px;}



.mart_03{margin-top:3px;}
.mart_05{margin-top:5px;}
.mart_06{margin-top:6px;}
.mart_07{margin-top:7px;}
.mart_08{margin-top:8px;}
.mart_09{margin-top:9px;}

.mart_10{margin-top:10px;}
.mart_15{margin-top:15px;}
.mart_18{margin-top:18px;}
.mart_20{margin-top:20px;}
.mart_30{margin-top:30px;}


.marb_03{margin-bottom:3px; }
.marb_05{margin-bottom:5px; }
.marb_10{margin-bottom:10px;}
.marb_15{margin-bottom:15px;}
.marb_20{margin-bottom:20px;}




/*****************************top***********************************/

.dl_logo{width:380px; }

.dl_top{ position:absolute; top:26px; left:120px;}

.nihao{ font-size:32px; }
.huanying_text{ font-size:16px; }




/*****************************main***********************************/

.dl_main{ position:absolute; top:120px; left:160px; width:320px; padding:60px; height:440px; border-top-left-radius:0px; border-top-right-radius:20px;border-bottom-left-radius:20px; border-bottom-right-radius:0px;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); background:#ffffff; }

.dl_main_list_nav{ position:absolute; top:120px; left:118px; background:#ffffff; width:42px; height:176px; border-top-left-radius:20px;border-bottom-left-radius:20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
    writing-mode: tb-rl; display:flex; align-items:center; justify-content:center; letter-spacing:4px; cursor:pointer; }


.right_liner{border-right:solid 2px  #1263cf; height:106px;  position:absolute; right:0px;z-index:0 }


.dl_main_list_nav_2{ position:absolute; top:310px; left:118px; background:#ffffff; width:42px; height:140px; border-top-left-radius:20px;border-bottom-left-radius:20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
    writing-mode: tb-rl; display:flex; align-items:center; justify-content:center; letter-spacing:4px;cursor:pointer;  }

.dl_main_list_nav_3{ position:absolute; top:465px; left:118px; background:#ffffff; width:42px; height:150px; border-top-left-radius:20px;border-bottom-left-radius:20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
    writing-mode: tb-rl; display:flex; align-items:center; justify-content:center; letter-spacing:4px; cursor:pointer; }




.dl_main_list_nav_4{ position:absolute; top:494px; left:600px; background:#ffffff; width:42px; height:186px; border-top-right-radius:20px;border-bottom-right-radius:20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
    writing-mode: tb-rl; display:flex; align-items:center; justify-content:center; letter-spacing:4px;cursor:pointer;
}



.dl_input{width:100%;  border:solid 1px #ecf4ff; background:#ecf4ff;border-radius:100px; text-indent:42pt; height:40px; line-height:40px; }

.user{background:url(../images/yhm.png) no-repeat 17px 12px #ecf4ff; background-size:18px }
.user_key{background:url(../images/mima.png) no-repeat 18px 11px #ecf4ff; background-size:18px}
.user_yzm{background:url(../images/yzm.png) no-repeat 18px 11px #ecf4ff; background-size:18px}


.dl_btn{width:100%; height:42px; line-height:42px; background:#409eff; color:#e6eaff;  text-align:center; border-radius:100px; background-image: linear-gradient(to right, #5a61f0 , #618cff);
    box-shadow:0px 0px 10px rgba(152, 173, 241, 0.3); cursor:pointer;}



.dl_btn:active{background-image: linear-gradient(to right, #5a61f0 , #618cff); color: #ffffff; box-shadow:0px 0px 10px rgba(152, 173, 241, 0.8); }
.dl_btn:hover{background-image: linear-gradient(to right, #5a61f0 , #618cff); color: #ffffff; box-shadow:0px 0px 10px rgba(152, 173, 241, 0.8); }

.jz_hui{width:16px; height:16px; border-radius:3px; border:solid 1px #e4e4e4;}
.jz_lan{width:16px; height:16px; border-radius:3px; border:solid 1px #608aff; background:none;}
.jz_lan_2{width:16px; height:16px; border-radius:3px; border:solid 1px #608aff; background:#608aff;}


.erweima{width:100px; height:100px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); background:#ffffff; position:absolute; right:-20px; cursor:pointer;}

/***************foot**********************/

.dl_foot{ bottom:10px; text-align:center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    color:#ffffff;
}


.dl_foot p{line-height:24px; font-size:12px;}

/******************************input*******************************************/

.input[type=text] {
    width: 87.5%;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #fff;
    background: #fffff;
    border-radius: 100px;
}
input[type=text]:focus {
    outline: none;
    border-color: #409eff;
    background-color: #fff;
    color: #333333;
}
input[type=text]::selection {
    background: transparent;
    background-color: #fff;
}
input[type=text]::-moz-selection {
    background:transparent;
    background-color: #fff;
}
input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    color: #bababa;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bababa;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bababa;
}
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #bababa;
}