﻿@charset "utf-8";
html, body{-webkit-text-size-adjust:none; cursor:default;}
body {margin:0;padding:0px;font-size:13px;text-align:center; background-color:#f5f5f5;-webkit-text-size-adjust:none;}
td {font-size:13px;}
div {text-align:left;}
ul {margin:0px;padding:0px;list-style-type:none;}
li {float:left;list-style-type:none;}
img {border:0;}
a,a:link,a:visited {text-decoration:none;color:#838383; cursor:pointer;}
a:hover {cursor:pointer; background:#00c1ff;}
a:active {text-decoration:none;}
div,p,span{margin:0; padding:0;}
.ha {width:100%;font-size:0; clear:both;}
.h3 {height:3px;width:100%;font-size:0; clear:both;}
.h5 {height:5px;width:100%;font-size:0; clear:both;}
.h8 {height:8px;width:100%;font-size:0; clear:both;}
.h10 {height:10px;width:100%;font-size:0; clear:both; overflow:hidden;}
.h15 {height:15px;width:100%;font-size:0; clear:both;}
.h35 {height:35px;width:100%;font-size:0; clear:both;}
.yahei {font-weight:bold; font-family:"微软雅黑", "宋体";}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0; }
.clearfix {zoom:1;}

.black_sleep{background:#000; filter:alpha(opacity=20); opacity:0.2; width:100%; height:100%; display:inline-block; position:fixed; z-index:9; top:0; left:0; display:none;}
.loading{background:url(../images/loading5.gif) center center no-repeat; width:100%; height:100%; display:none; position:fixed; z-index:10; top:0; left:0;}

/*align*/
.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

/*width %*/
.width_70{width:70%;}

/*width px*/
.width130{width:130px;}

/*fontsize*/
.fontsize_15{font-size:15px;}
.fontsize_20{font-size:20px;}
.fontsize_30{font-size:30px;}

/*fontcolor*/
.fontcolor_ff4400{color:#ff4400 !important;}
.fontcolor_00a7ff{color:#00a7ff !important;}

/*padding*/
.paddingtop10{padding-top:10px;}

/*margin*/
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop50{margin-top:50px;}
.marginleft15{margin-left:15px;}
.marginleft20{margin-left:20px;}
.marginright20{margin-right:20px;}

.margin_auto{margin:0 auto;}

/*border style*/
.border_bottom_dashed_1{ border-bottom:1px dashed #c1c1c1;}

/*a_link*/
.a_link{background:#00a7ff; color:#fff; height:35px; line-height:35px; text-align:center; border-radius:35px; display:inline-block; min-width:60px; padding:0 15px; font-size:15px; cursor:pointer;}
.a_link1{background:#fff; color:#999; border:1px solid #d1d1d1; height:35px; line-height:35px; text-align:center; border-radius:35px; display:inline-block; min-width:60px; padding:0 15px; font-size:15px; cursor:pointer;}
.a_link1:hover{background:#f8f8f8; cursor:pointer;}
.a_link_a{background:#00a7ff; color:#fff; height:40px; line-height:40px; text-align:center; border-radius:40px; display:inline-block; min-width:100px; padding:0 20px; font-size:16px; cursor:pointer;}
.a_link1_a{background:#fff; color:#999; border:1px solid #d1d1d1; height:40px; line-height:40px; text-align:center; border-radius:40px; display:inline-block; min-width:100px; padding:0 20px; font-size:16px; cursor:pointer;}
.a_link1_a:hover{background:#f8f8f8; cursor:pointer;}
.a_link2:link {color:#00a7ff;}
.a_link2:hover {color:#00a7ff !important;}
.a_link2:visited {color:#00a7ff;}
.a_link2:hover {background:#fff;}

.lbl_link{color:#00a7ff; cursor:pointer; cursor:pointer;}

/*page 1*/
.maxwidth{max-width:1200px; margin:0 auto;}
.page_1{width:100%; padding-bottom:20px;}
.page_1 .topborder60{width:100%; background:#444; text-align:center; height:60px; line-height:60px; color:#fff; font-size:20px;}
.page_1 .content_div{width:100%; margin:30px auto; background:#fff; border-radius:12px; overflow:hidden;}
.page_1 .content_div .p_title{height:35px; line-height:35px; font-size:18px; border-bottom:1px solid #f2f2f2; padding:15px 20px;}
.page_1 .content_div .p_title a{float:right; margin-left:10px;}
.page_1 .content_div .ul_1{width:calc(100% - 100px); padding:15px 50px; overflow:hidden;}
.page_1 .content_div .ul_1 li{width:50%; float:left; text-align:left; line-height:35px;  font-size:15px;}
.page_1 .content_div .ul_1 li .context{color:#666;}
.price_div{width:calc(100% - 40px); padding:15px 20px; text-align:right;}
.price_div .ps1{color:#999; font-size:13px; margin-bottom:10px;}
.price_div .ps2 .pricetxt{font-size:28px;}

/*baseinfo*/
.baseinfo{width:100%;overflow:hidden; margin:30px auto 0 auto;background:#fff; border-radius:12px; padding:10px 0 30px 0; position:relative;}
.baseinfo .base_top{height:50px; line-height:50px; text-align:center; font-size:20px; margin-top:50px;}
.baseinfo .base_content{overflow:hidden; width:100%; text-align:center;}
.baseinfo .base_content .tip_p{color:#ff4400; height:40px; line-height:40px;}
.base_group{width:100%; display:inline-block; padding:10px 0; overflow:hidden;}
.base_group .group_left{width:140px; text-align:right; float:left; display:inline-block; line-height:35px; min-height:35px;font-size:15px; text-align-last:justify;text-align:justify;text-justify:distribute-all-lines; padding:0 30px 0 30px;}
.base_group .group_right{width:calc(100% - 200px); float:left; display:inline-block; min-height:35px; line-height:35px;}
.base_group .group_right input{border:1px solid #d1d1d1; height:35px; line-height:35px; font-size:15px; display:inline-block; border-radius:8px; padding:0 15px; width:calc(100% - 200px); outline:none;}
.base_group .group_right .image{width:170px; height:130px; display:inline-block; float:left;border: 2px dashed #c1c1c1; border-radius:8px; margin-right:15px;}
.baseinfo .base_content .base_fooler{width:100%; text-align:center; margin-top:60px;}
.prompt_fill{background:url(../images/prompt_fill.png) left center no-repeat; padding-left:22px; background-size:19px; color:#ff4400; display:inline-block;}
.upload_1{background:#f2f2f2 url(../images/upload_1.png) center center no-repeat; color:#00a7ff; background-size:150px; height:128px; line-height:128px; width:170px; cursor:pointer; border-radius:8px; border:2px dashed #c1c1c1; font-size:24px; display:inline-block;}
.upload_1 img{width:170px; height:130px; display:inline-block; float:left;border-radius:8px; margin-right:15px;}
.ico_back{background:url(../images/ico_back.png) left center no-repeat; display:inline-block; height:40px; line-height:40px; background-size:18px; padding-left:21px; font-size:15px; color:#666; cursor:pointer; position:absolute; top:15px; left:20px;}
.ico_ukey{background:url(../images/ico_ukey.png) center center no-repeat; display:inline-block; height:150px; width:250px; background-size:250px;}

.div_left{width:45%;float:left; font-size:16px;}
.div_left p{margin:15px 0; padding:0 20px; overflow:hidden;}
.div_right{width:55%; float:left;}
.div_right .right_body{width:90%; margin:0 auto; padding-top:40px;}
.div_right .right_body .mark_title{background:#00a7ff; height:60px; line-height:60px; border-top-left-radius:8px; border-top-right-radius:8px; color:#fff; text-align:center; font-size:25px;}
.div_right .right_body .mark_body{background:#f5f5f5; overflow:hidden; padding:0 20px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; font-size:15px;}
.div_right .right_body .mark_body div{min-height:40px; line-height:25px; display:inline-block; width:100%; padding:15px 0;}
.div_right .right_body .mark_body div label{text-align-last:justify;text-align:justify;text-justify:distribute-all-lines; display:inline-block; vertical-align:top;}
.div_right .right_body .mark_body div a{float:right; border-radius:8px; padding:0 10px; min-width:50px;}
.div_right .right_body .mark_body div span{color:#666; padding-left:10px; display:inline-block; width:calc(100% - 300px);}
.lbl_tip{background:#ff9900; color:#fff; height:35px; line-height:35px; text-align:center; border-radius:15px; border-bottom-left-radius:unset; border-bottom-right-radius:unset; display:inline-block; min-width:60px; padding:0 15px; font-size:15px;}
.p_txt{height:40px; line-height:40px; display:inline-block; width:100%; text-align:center; margin-top:30px; font-size:15px;}
.top_num{background:#00a7ff; width:22px; height:22px; line-height:22px; display:inline-block; color:#fff; font-size:15px; border-radius:25px; text-align:center; margin-right:20px; float:left; position:relative; z-index:9;}
.top_text{display:inline-block; float:left; width:calc(100% - 100px);}
.top_line{height:50px; width:2px; background:#00a7ff; display:inline-block;overflow:hidden; margin-left:10px;}

.pay_div{padding:0 20px; margin-top:70px;}
.pay_div .pay_title{color:#00a7ff; font-size:20px; background:url(../images/ico_done.png) left center no-repeat; background-size:25px; padding-left:30px;}
.pay_div .pay_content{margin-top:15px;}
.pay_div .pay_content span{margin-right:50px; font-size:15px; height:40px; line-height:40px;}
.pay_div .pay_content span label{color:#666;}
.price_div1{position:absolute;right:30px; bottom:30px; text-align:right;}
.price_div1 .ps1{color:#999; font-size:13px; margin-bottom:10px;}
.price_div1 .ps2 .pricetxt{font-size:28px;}

.border_text{border:1px solid #c1c1c1; padding:10px; line-height:20px; display:inline-block; border-radius:8px; font-size:13px;}

/*底部版权*/
.copyright{margin-top:66px; width:100%; text-align:center; font-size:13px; color:#666;}
.copyright p{line-height:25px;}
.copyright p span{margin:0 30px;}

/*dialog*/
.dialog_div{width:500px; height:600px; display:none; position:absolute; top:50%; left:50%; margin:-300px 0 0 -250px; background:#fff; z-index:10; padding:20px;}
.dialog_div p{width:100%; display:inline-block;}
.dialog_div .a_close{background:url(../images/a_close.png) center center no-repeat; display:inline-block; width:30px; height:30px; background-size:30px;float:right;}
.dialog_div .noscroll_div{overflow: hidden;width: 100%;height: 100%;position: relative;}
.dialog_div .noscroll_div .scroll_div{height:570px; overflow:auto; position:absolute; right:-17px;}

/*alert_div*/
.alert_div{width:300px; height:200px; display:none; position:fixed; top:50%; left:50%; margin:-100px 0 0 -150px; background:#fff; z-index:10; padding:20px;-moz-box-shadow: 1px 1px 10px #c1c1c1;-webkit-box-shadow: 1px 1px 10px #c1c1c1;box-shadow: 1px 1px 10px #c1c1c1; border-radius:15px; text-align:center;}
.alert_div p{width:100%; display:inline-block;}
.ico_ttt{background:url(../images/ico_ttt.png) left center no-repeat; background-size:30px; height:30px; line-height:30px; padding-left:40px; display:inline-block; font-size:20px;}
.ico_ttt1{background:url(../images/ico_ttt.png) left center no-repeat; background-size:16px; height:35px; line-height:35px; padding-left:20px; display:inline-block; font-size:14px; float:right;}
.ico_info {background: url(../images/info.png) left center no-repeat;background-size: 30px;height: 30px;line-height: 30px;padding-left: 40px;display: inline-block;font-size: 20px;}

.def_1 {background: url(../images/def_1.png) left center no-repeat;height: 300px;background-size: 250px;display: inline-block;padding-left: 280px;padding-top: 200px;font-size: 20px;margin-top: 100px;width: 400px;text-align: left;color: #00a7ff;}
.def_2 {background: url(../images/def_2.png) left center no-repeat;height: 300px;background-size: 300px;display: inline-block;padding-left: 300px;padding-top: 250px;font-size: 40px;width: 420px;text-align: left;color: #00a7ff;}
.def_3 {background: url(../images/timeup.png) center center no-repeat;height: 300px;background-size: 300px;display: inline-block;width: 300px;}
.def_4 {background: url(../images/kongbaichahua-2.png) center center no-repeat;height: 300px;background-size: 300px;display: inline-block;width: 300px;}

/*此地无银*/
.nomoney{width:30px; height:30px; display:inline-block; position:fixed; bottom:0; right:0;}
.nomoney:hover{background:none; cursor:default;}

.myppp{background:url(../images/myppp.png) center center no-repeat; width:16px; height:16px; background-size:16px; display:inline-block; vertical-align:middle; margin-top:-3px; margin-left:10px; cursor:pointer;}

.isdone_1{background:url(../images/ico_done.png) center center no-repeat; width:50px; height:50px; background-size:50px; display:inline-block;}