@charset "utf-8";


/*按钮*/

#button{background: #0089e0;width:20%;height: 50px;float:left;margin-left: 12%;text-align: center;border-radius: 10px;position: relative;z-index: 2;}
#button span{line-height:50px;color:#FFffff; }
.button_div{width: 100%;height: 80px;margin: 0 auto;}

/*侧边栏*/

#theme_sidebar {float:right; width:25%;Float:right;font-size:20px}
#theme_sidebar ul li a{font-size:18px;line-height: 36px;color:#0c91f0 ;}

/*帮助*/
#content_help{width: 1080px;height: 619px;}
#content_help .testing_help{float:left; width:70%;height: 100%;position: relative; margin-right: 50px;}
.testing_help >h2{color:#E53333;font-size:24px;position: relative;margin: 20px 0;}
.testing_help ul li{line-height: 35px;margin-left: 36px;}
span.big {margin: 0;padding: 0;color: #cc0000;font-size: 20px;font-family: "Times New Roman", Times, serif;}


/***/
#introduce{width: 1080px;min-height: 600px;margin: 0 auto;}
#introduce>h2{font-size: 22px;color: red;line-height: 35px;height: 40px;margin: 25px 0;}
#introduce>p{font-size: 16px;line-height: 32px;height: 40px;}
#introduce>hr{margin: 30px 0;}
#introduce>h3{font-size: 18px;color: red;line-height: 35px;height: 40px;}
.tedian{margin-top: 50px;min-height: 300px;}
.tedian ul li {font-size: 14px;color:#575758;}
.tedian_list {margin-bottom: 50px;}



/**秘籍*/
#miji{ ;position: relative;}
.miji_left{width: 75%;height: 100%;float: left;}
.miji_left h2{font-size: 26px;line-height: 28px;margin-top: 30px;}
.miji_left hr{margin: 20px 0;}
.miji_left h4{font-size: 22px;color: red;}
.miji_left h5{font-size: 18px;}
.miji_left h6{font-size: 16px;line-height: 34px;}
.miji_left p{font-size: 14px;text-indent: 26px;line-height: 32px;}

.miji_right{width: 15%;position: fixed;right: 14%;top: 12%;margin-left: 50px;}
.miji_right h3{font-size: 18px;color: red ;}
.miji_right ul li h5{font-size: 18px;color: red;}
.miji_right ul~li{line-height: 28px;}
.miji_right .miji_right_ul{line-height: 24px;}


/**翻译*/
.translate{font-size: 16px;min-height: 569px;margin-top: 50px;}
.translate h4{font-size: 20px;line-height: 40px;color: red;margin-bottom: 15px;}
.translate h5{font-size: 18px;line-height: 36px;margin-bottom: 10px;}
.translate ul li{line-height: 30px;}
.translate ul li a{float: right;color: #0B84D4;margin-right: 35%;}




/**对比*/


#duibi{min-height: 620px;}
#duibi h2{font-size: 24px;color: red;margin-top: 20px;font-weight: 400;padding-bottom: 10px;display: inline-block;border-bottom:2px  #575758 solid;height: ;}
#duibi ul li{line-height: 30px;font-size: 16px;}
#duibi ul li b{line-height: 50px;}
#duibi .red{color: red;margin-top: 20px;}

/**客服*/
.kf{width: 60px;height: 180px;margin: 5px;position: fixed;right: 0;top: 40%;
	background: #5595c5;font-size: 12px;margin: 0 auto;border-radius: 7px;}
.kf_image img{margin: 0 auto;padding-top: 20px;}
.kf a{color: white;text-align: center;}
.kf_image{width: 60px;height: 80px;}
.kf .kf_image .kf_p{padding-top: 15px;}

/**弹窗*/

.modal-window {position: fixed;background-color: #0B84D4;top:40%;right: 15%;
	z-index: 999;visibility: hidden;opacity: 0;pointer-events: none;transition: all 0.3s;
}
.modal-window:target {visibility: visible;opacity: 1;pointer-events: auto;}
.modal-window > div {width: 185px;min-height: 250px;border-radius: 20px;position: absolute;top: 50%;left: 20%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	padding: 7px;background: #eeeeee;
}
.modal-window header {font-weight: bold;}
.modal-window h5 {font-size: 18px;margin:5px 0;text-align: center;height: 100%;color: #333}
.modal-close {color: red;line-height: 12px;font-size:20px;;position: absolute; right: 3px;top: 7px;width: 20px;text-decoration: none;}
.modal-close:hover {color: black;}
.modal-window div:not(:last-of-type) {margin-bottom: 10px;}
small {display: block;color: #434543;font-size: 16px;text-align: center;}



/**加入收藏*/

.collection-window {position: fixed;background-color: #0B84D4;top:65%;right: 10%;
	z-index: 999;visibility: hidden;opacity: 0;pointer-events: none;transition: all 0.3s;
}
.collection-window:target {visibility: visible;opacity: 1;pointer-events: auto;}
.collection-window > div {width: 180px;min-height: 50px;border-radius: 20px;position: fixed;top: 22%;right: 32%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	padding: 7px;background: white;
}

.collection-window header {font-weight: bold;}
.collection-window h5 {font-size: 18px;margin:3px 10px;text-align: center;display: block;}
.collection-window div:not(:last-of-type) {margin-bottom: 10px;color: white;}
small {display: block;color: #434543;font-size: 16px;text-align: center;}
.collection-close {color: red;line-height: 12px;font-size:20px;;position: absolute; right: 3px;top: 7px;width: 20px;text-decoration: none;}
.collection-close:hover {color: black;}