.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix {clear:both;  *zoom: 1;}
.e_mark_box{display: flex;flex-wrap: wrap;}
.e_mark_left{width: 70%;margin-top: 30px; border-right: 1px solid #ccc;}
.e_mark_right{width: 30%;margin-top: 30px; font-size: 16px; padding-left: 20px; box-sizing: border-box; line-height: 30px;}
.e_mark_search{width: 80%; height: 40px;line-height: 40px; border-radius: 50px;color: #333;background-color: #ccc; font-size: 16px; display: flex;align-items: center;padding: 10px 4px;box-sizing: border-box; margin-bottom: 50px;overflow: hidden;}
.e_mark_search button{background: none; border: none; outline: none;}
.e_mark_search input{width: 93%; height: 40px; line-height: 40px;background: #ccc;border: none; font-size: 16px; outline: none; padding: 0 20px;box-sizing: border-box;}
.e_mark_left ul li a{float: left;display: block;width: 225px;height: 180px;border: 2px solid #ccc; border-radius: 10px;text-align: center;margin: 10px 20px 10px 0; text-decoration: none;}
.e_mark_left ul li a:hover{color: red;}
.colop_name{margin: 20px auto;}
.e_mark_problem h3 , .e_mark_tip h3{margin-top: 30px;}
.e_mark_problem ul li a  , .e_mark_tip ul li a{padding-bottom: 20px; text-decoration: none;}
.e_mark_problem ul li a:hover ,  .e_mark_tip ul li a:hover{color: red;}
.e_mark_problem ul{list-style:disc; padding-left: 20px; box-sizing: border-box; line-height: 34px;}
.e_mark_tip ul li a{ display: block; float: left; margin-right: 20px; height: 50px;line-height: 50px; font-size: 16px; padding:0px 20px;box-sizing: border-box;border-radius: 50px; border: 2px solid #ccc; margin-bottom: 20px;} 

.e_mark_left_list{width: 70%;margin-top: 30px; border-right: 1px solid #ccc;}
.e_mark_left_list li a{display: block; width:95%; background: #eee; border-radius: 20px; font-size: 18px; padding:20px;box-sizing: border-box; margin-bottom: 20px;text-decoration: none;} 
.e_mark_left_list ul li a:hover{background: #ccc;}
.e_mark_left_h1{font-size: 32px;font-weight: bold;padding-bottom: 20px;}

.e_mark_left_detail{width: 70%;margin-top: 30px; border-right: 1px solid #ccc;}
.e_mark_left_detail .e_mark_left_h1{ font-size: 32px; line-height: 40px;}
.e_mark_left_detail .e_mark_left_line{width: 95%; height: 10px; border-radius: 50px; background: #ccc; margin-bottom: 20px;}
.e_mark_left_detail .e_mark_p{ font-size: 18px;line-height: 30px;width: 98%;}
.e_mark_left_detail .e_mark_p p{margin-bottom: 20px;}
.e_mark_entry{border-top: 1px solid #ccc;padding-top: 20px;}
.e_mark_entry ul{list-style: disc;padding-left: 20px; box-sizing: border-box;}
.e_mark_entry a{font-size: 18px;color: red; text-decoration: none; line-height: 30px;}

#star{position:relative;width:600px;margin:20px auto;height:24px;}
#star ul,#star span{float:left;display:inline;height:19px;line-height:19px;}
#star ul{margin:0 10px;}
#star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(../img/star.png) no-repeat;}
#star strong{color:#f60;padding-left:10px;}
#star li.on{background-position:0 -28px;}
#star p{position:absolute;top:20px;width:159px;height:60px;display:none;padding:7px 10px 0;}
#star p em{color:#f60;display:block;font-style:normal;}
.title li{float: left; padding:5px 15px;box-sizing: border-box; text-align: center;background: #cccccc; font-size: 18px;color: #ffffff;border-radius: 10px 10px 0 0;}
.title li a{color: #ffffff; font-size: 18px;display: block;padding:5px 15px;box-sizing: border-box; text-decoration: none;}
.title .on{padding:5px 15px;box-sizing: border-box; background: #ff0000;color: #ffffff;}
.title {border-bottom: 1px solid #ccc; margin-top: 20px;}
.languageswitcher{margin: 20px auto;width: 600px;}
.languageswitcher select{width: 150px;height: 35px;background: #fff;}
.e_mark_record li a{display: block;  width: 100%; padding: 5px 15px; box-sizing: border-box;border-radius: 10px; background: #eeeeee; font-size: 18px; color: #333333;text-decoration: none; margin-bottom: 10px;}
.e_mark_record li a:hover{background: #cccccc;}

.input_text{width: 84%;height: 40px;line-height: 40px;padding: 0 20px; box-sizing: border-box;font-size: 16px;text-align: left;border-radius: 10px; border: 1px solid #ccc;}
.form-group label{font-size: 16px; width: 16%; text-align: right; display: block;  font-weight: bold; padding-right: 10px;box-sizing: border-box;}
.form-group .flex{display: flex;align-items: center;}
.form-group{width: 100%;margin-bottom: 20px;}
.input_textrea{width: 84%;height: 110px;padding: 0 20px; box-sizing: border-box;font-size: 16px;text-align: left;border-radius: 10px;border: 1px solid #ccc;}
.submitBox{width: 200px;height: 40px; line-height: 40px; background: #337ab7; color: #fff;border: none;border-radius: 10px; font-size: 20px;}

input:focus , button:focus , select:focus , textarea:focus{
  outline-style:none;
}
input,button,select,textarea{outline:none}


@media screen and (min-width:1000px) {
	.e_mark_left_detail{width: 70%;margin-top: 30px; border-right: 1px solid #ccc;}
	.e_mark_left_list li a{display: block; width:95%;}
	.e_mark_left_list{width: 70%;margin-top: 30px; border-right: 1px solid #ccc;}
	.e_mark_box{display: flex;flex-wrap: wrap;}
    .e_mark_left{width: 70%;margin-top: 30px; border-right: 1px solid #ccc;}
    .e_mark_right{width: 30%;margin-top: 30px; font-size: 16px; padding-left: 20px; box-sizing: border-box; line-height: 30px;}
    .e_mark_search{width: 80%; height: 40px;line-height: 40px; border-radius: 50px;color: #333;background-color: #ccc; font-size: 16px; display: flex;align-items: center;padding: 10px 4px;box-sizing: border-box; margin-bottom: 50px;overflow: hidden;}
}

@media screen and (max-width: 640px){
	.e_mark_left_detail{width: 100%; border-right:none;}
	.e_mark_left_list li a{display: block; width:100%;}
	.e_mark_left_list{width: 100%;margin-top: 30px; border-right: none;}
	.e_mark_left{width: 100%;margin-top: 30px; border: none;}
	.e_mark_search{width: 100%;overflow: hidden; margin-bottom: 10px !important;}
	.e_mark_left ul li a{float: left;display: block;width: 100%;height: 180px;border: 2px solid #ccc; border-radius: 10px;text-align: center;margin: 10px 20px 10px 0; text-decoration: none;}
	.e_mark_right{width: 100%;margin-top: 30px; font-size: 16px; padding-left:0 !important; line-height: 30px;}
}